@font-face{font-family:Unlock;src:url(https://fonts.cdnfonts.com/s/13102/Unlock-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:block}.limbo-canvas{background-color:#161f2c;min-height:400px;overflow:hidden;border-radius:8px;position:relative;height:500px;width:100%}.cloud{position:absolute;width:100px;bottom:120px;animation:float 8s ease-in-out infinite;z-index:2}.cloud-r{left:10px}.cloud-d{width:70px;left:25%;bottom:140px;animation-delay:1s}.cloud-v{width:100px;left:50%;animation-delay:2s}.cloud-g{width:70px;left:80%;bottom:140px;animation-delay:3s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.limbo-bg{position:absolute;left:0;bottom:0;width:100%;z-index:1}.bg-star{height:150px;position:relative;z-index:3}.l-star{display:block;opacity:0;position:absolute;left:90%;width:1px;background:transparent}.l-star:after{content:" ";display:block;border:1px solid white;border-width:0 20px 2px 50px;left:5px;transform:rotate(-45deg);border-color:transparent transparent transparent #ddd}.l-star.s-p{left:30%}.l-star.s-p:after{border-width:0 10px 2px 25px}.l-star.r-p{left:45%}.l-star.r-p:after{border-width:0 15px 2px 30px}@keyframes star-fall{0%{opacity:0;transform:scale(.5) translate(0)}50%{opacity:1;transform:translate(-200px,200px)}to{opacity:0;transform:scale(1.2) translate(-300px,300px)}}.bg-star.show-1 .e-r{animation:star-fall 5s linear infinite}.bg-star.show-2 .s-p{animation:star-fall 8s linear infinite}.bg-star.show-3 .r-p{animation:star-fall 7s linear infinite}.game-rocket{position:absolute;width:300px;left:50%;margin-left:-150px;top:80px;bottom:0;z-index:10}.rocket-number{position:absolute;top:10px;left:10px;transition:all .3s;font-size:75px;white-space:nowrap;color:#fff;font-family:Unlock,Roboto,sans-serif;z-index:20;text-align:left}.rocket-payout,.counter{transition:color .3s ease;font-family:Unlock,Roboto,sans-serif;font-size:7rem;font-weight:700}.text-success{color:#0f0!important}.text-danger{color:#ff0037!important}.rocket-boom{width:260px;height:241px;background:url(/img/boom.png) no-repeat;background-size:100% auto;opacity:0;background-position:0 0;top:50%;position:absolute;left:50%;margin-left:-130px;margin-top:-120px;transform:scale(1.5);z-index:100;pointer-events:none}.rocket-boom.boom{animation:boom .4s steps(1);opacity:1}@keyframes boom{0%{opacity:0}48%{background-position:0 0;opacity:.5}52%{background-position:0 -251px}56%{background-position:0 -502px}60%{background-position:0 -753px}64%{background-position:0 -1004px}68%{background-position:0 -1255px}72%{background-position:0 -1506px}76%{background-position:0 -1757px;opacity:1}80%{background-position:0 -2008px}84%{background-position:0 -2259px}88%{background-position:0 -2510px}92%{background-position:0 -2761px}96%{background-position:0 -3012px}to{background-position:0 -3263px;opacity:0}}.rocket-wrap{width:100px;opacity:1;position:absolute;bottom:2vh;left:50%;margin:0 auto 0 -50px;transition:bottom .3s ease-in}.rocket-wrap.waiting{opacity:0;visibility:hidden}.rocket-img{margin:0 auto;height:165px;position:relative;top:50px;transition:top .3s}.rocket-img img{position:absolute;width:100%;top:0;left:0}.rocket-fire{margin:-60px auto 0;opacity:0;width:81px;height:96px;background:url(/img/fire.png) no-repeat;background-size:100% auto;background-position:0 0}.rocket-wrap.fire .rocket-img{top:0}.rocket-wrap.fire .rocket-img img{animation:rocketanimate 1s linear infinite}.rocket-wrap.fire .rocket-fire{opacity:1;animation:fireanimate .7s steps(1) infinite}.rocket-wrap.flying{bottom:30%}.rocket-wrap.flying .rocket-img{top:0}.rocket-wrap.flying .rocket-fire{opacity:1;animation:fireanimate .7s steps(1) infinite}.rocket-wrap.boom{transition:all .2s;transform:translateY(-50%);opacity:0}@keyframes rocketanimate{0%{left:5px;top:3px}10%{left:3px;top:4px}20%{left:-1px;top:1px}30%{left:-3px;top:2px}40%{left:4px;top:5px}50%{left:-2px;top:0}60%{left:3px;top:2px}70%{left:1px;top:4px}80%{left:-1px;top:1px}90%{left:-2px;top:3px}to{left:3px;top:5px}}@keyframes fireanimate{0%{background-position:0 0}5%{background-position:0 -103px}10%{background-position:0 -206px}15%{background-position:0 -309px}20%{background-position:0 -412px}25%{background-position:0 -515px}30%{background-position:0 -618px}35%{background-position:0 -721px}40%{background-position:0 -824px}45%{background-position:0 -927px}50%{background-position:0 -1030px}55%{background-position:0 -1133px}60%{background-position:0 -1030px}65%{background-position:0 -927px}70%{background-position:0 -824px}75%{background-position:0 -721px}80%{background-position:0 -618px}85%{background-position:0 -515px}90%{background-position:0 -412px}95%{background-position:0 -309px}98%{background-position:0 -206px}to{background-position:0 -103px}}@media (max-width: 768px){.rocket-payout,.counter{font-size:2.5rem}.rocket-number{top:5px;left:5px}.limbo-canvas{min-height:300px;height:350px}.cloud{width:50px}.cloud-d,.cloud-g{width:35px}.rocket-wrap{width:80px;margin-left:-40px}.rocket-fire{transform:scale(.8)}.game-rocket{width:200px;margin-left:-100px}}*{margin:0;padding:0;box-sizing:border-box}.modal{pointer-events:auto!important;z-index:9999!important}.modal-overlay{pointer-events:auto!important;cursor:pointer}.modal-content{pointer-events:auto!important;position:relative;z-index:10000!important}.modal-content *{pointer-events:auto!important}body:has(.modal){overflow:hidden!important;pointer-events:auto!important}html,body{margin:0!important;padding:0!important;height:100%;overflow-x:hidden;position:relative}#root{margin:0!important;padding:0!important;min-height:100vh;display:flex;flex-direction:column}*{font-family:Noto Sans Lao,Prompt,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary-bg: #0a0e17;--secondary-bg: #131722;--card-bg: #1a2035;--border-color: #2a3042;--border-hover: #3b82f6;--text-primary: #ffffff;--text-secondary: #9ca3af;--text-muted: #6b7280;--gold-primary: #f7d358;--gold-secondary: #e2a336;--blue-primary: #3b82f6;--blue-secondary: #1d4ed8;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}body{background:var(--primary-bg);background-image:radial-gradient(circle at 25% 25%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(168,85,247,.15) 0%,transparent 50%);color:var(--text-primary);line-height:1.6;font-size:16px;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--secondary-bg)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.025em}.gold-gradient{background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% 200%;animation:gradientShift 3s ease infinite}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.glass-effect{background:rgba(26,32,53,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.btn-gold{background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-secondary) 100%);color:#000;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #f7d35866;position:relative;overflow:hidden}.btn-gold:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-gold:hover:before{left:100%}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f7d35899}.btn-blue{background:linear-gradient(135deg,var(--blue-primary) 0%,var(--blue-secondary) 100%);color:#fff;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #3b82f666;position:relative;overflow:hidden}.btn-blue:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.btn-blue:hover:before{left:100%}.btn-blue:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f699}.lottery-card{background:linear-gradient(135deg,rgba(26,32,53,.9) 0%,rgba(19,23,34,.9) 100%);border:1px solid var(--border-color);border-radius:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}@keyframes rocketFly{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-1vh) rotate(10deg)}}@keyframes explosion{0%{transform:scale(.1) rotate(0);opacity:0;filter:brightness(2) contrast(1.5)}10%{transform:scale(.5) rotate(45deg);opacity:1;filter:brightness(1.8) contrast(1.3)}30%{transform:scale(1.2) rotate(180deg);opacity:1;filter:brightness(1.5) contrast(1.2)}70%{transform:scale(1.8) rotate(270deg);opacity:.9;filter:brightness(1.2) contrast(1.1)}to{transform:scale(2.5) rotate(360deg);opacity:0;filter:brightness(1) contrast(1)}}@keyframes flame{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.crash-game-rocket{animation:rocketFly .5s ease-in-out infinite alternate}.crash-game-explosion{animation:explosion 2s ease-out forwards;z-index:9999!important;pointer-events:none}.crash-game-flame{animation:flame .3s ease-in-out infinite}.crash-game-multiplier{font-size:clamp(2.5rem,12vw,7rem);line-height:1}.crash-game-rocket-container{width:clamp(8rem,20vw,16rem);height:clamp(8rem,20vw,16rem)}.crash-game-info-panel{width:clamp(12rem,25vw,20rem);font-size:clamp(.75rem,2vw,1rem)}.crash-game-waiting-text{font-size:clamp(3rem,15vw,6rem)}.lottery-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.lottery-card:hover{border-color:var(--border-hover);box-shadow:0 20px 40px #3b82f626;transform:translateY(-4px)}.lottery-card:hover:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(59,130,246,.1),transparent);animation:rotate 2s linear infinite;z-index:-1}@keyframes rotate{to{transform:rotate(360deg)}}.countdown-timer{background:linear-gradient(135deg,rgba(26,32,53,.95) 0%,rgba(19,23,34,.95) 100%);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d}.bottom-nav{background:linear-gradient(135deg,rgba(19,23,34,.95) 0%,rgba(13,17,28,.95) 100%);border-top:1px solid var(--border-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 -4px 20px #0000004d}.bottom-nav-item{color:var(--text-secondary);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.bottom-nav-item.active{color:var(--gold-primary);transform:scale(1.1)}.bottom-nav-item:hover:not(.active){color:var(--text-primary);transform:translateY(-2px)}.toast{background:linear-gradient(135deg,rgba(26,32,53,.95) 0%,rgba(19,23,34,.95) 100%);border-left:4px solid var(--blue-primary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #0006;border-radius:8px}.modal-content{max-height:90vh;overflow-y:auto;background:linear-gradient(135deg,rgba(26,32,53,.98) 0%,rgba(19,23,34,.98) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px #00000080}.number-ball{width:48px;height:48px;background:linear-gradient(135deg,var(--secondary-bg) 0%,var(--card-bg) 100%);border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.number-ball:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .3s}.number-ball:hover{border-color:var(--border-hover);box-shadow:0 4px 15px #3b82f64d;transform:scale(1.05)}.number-ball:hover:before{opacity:1}.number-ball.selected{background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-secondary) 100%);color:#000;border-color:var(--gold-secondary);box-shadow:0 6px 20px #f7d35866;transform:scale(1.1)}.language-switcher{transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;font-weight:600;position:relative;overflow:hidden}.language-switcher:hover{transform:translateY(-1px)}html[lang=lo] .language-switcher[data-language=lo],html[lang=th] .language-switcher[data-language=th],html[lang=en] .language-switcher[data-language=en]{background:linear-gradient(135deg,var(--gold-primary) 0%,var(--gold-secondary) 100%);color:var(--primary-bg);box-shadow:0 4px 15px #f7d3584d}.animate-fade-in{animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp .5s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-pulse-soft{animation:pulseSoft 2s ease-in-out infinite}@keyframes pulseSoft{0%,to{opacity:1}50%{opacity:.8}}@media (max-width: 768px){body{font-size:14px}.number-ball{width:40px;height:40px;font-size:14px}.lottery-card{border-radius:12px}}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue-primary);outline-offset:2px}::selection{background:rgba(247,211,88,.3);color:var(--text-primary)}@media (max-width: 768px){body{-webkit-appearance:none;-moz-appearance:none}.crash-game-container{height:calc(100vh - 120px)}.crash-game-main{min-height:50vh}.min-h-screen{min-height:100vh;min-height:-webkit-fill-available}}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}@keyframes celebrationGlow{0%,to{box-shadow:0 0 20px #facc1566,0 0 40px #facc1533,inset 0 0 20px #facc151a;filter:brightness(1)}50%{box-shadow:0 0 40px #facc15e6,0 0 80px #facc1599,0 0 120px #facc154d,inset 0 0 30px #facc1533;filter:brightness(1.2)}}@keyframes balancePulse{0%{transform:scale(1);filter:brightness(1)}15%{transform:scale(1.2) rotate(-2deg);filter:brightness(1.3)}30%{transform:scale(.95) rotate(1deg);filter:brightness(1.1)}45%{transform:scale(1.15) rotate(-1deg);filter:brightness(1.25)}60%{transform:scale(1.05) rotate(.5deg);filter:brightness(1.15)}75%{transform:scale(1.1) rotate(-.5deg);filter:brightness(1.2)}90%{transform:scale(1.02);filter:brightness(1.05)}to{transform:scale(1) rotate(0);filter:brightness(1)}}@keyframes borderGlowPulse{0%{border-color:#facc154d;box-shadow:0 0 10px #facc154d,0 0 20px #facc1533,inset 0 0 10px #facc151a}25%{border-color:#22c55e99;box-shadow:0 0 30px #22c55e99,0 0 60px #22c55e66,0 0 90px #22c55e33,inset 0 0 20px #22c55e33}50%{border-color:#facc15cc;box-shadow:0 0 50px #facc15cc,0 0 100px #facc1599,0 0 150px #facc1566,inset 0 0 30px #facc154d}75%{border-color:#22c55e99;box-shadow:0 0 30px #22c55e99,0 0 60px #22c55e66,0 0 90px #22c55e33,inset 0 0 20px #22c55e33}to{border-color:#facc154d;box-shadow:0 0 10px #facc154d,0 0 20px #facc1533,inset 0 0 10px #facc151a}}@keyframes borderRotatingGlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes cornerSparkle{0%{opacity:0;transform:scale(0) rotate(0)}20%{opacity:1;transform:scale(1.5) rotate(180deg)}80%{opacity:1;transform:scale(1.5) rotate(180deg)}to{opacity:0;transform:scale(0) rotate(360deg)}}@keyframes moneyRain{0%{transform:translateY(-100%) rotate(0);opacity:0}10%{opacity:1}70%{opacity:1}to{transform:translateY(600px) rotate(720deg);opacity:0}}.celebration-glow{animation:celebrationGlow 1.2s ease-in-out infinite;position:relative}.celebration-glow:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;background:linear-gradient(45deg,rgba(250,204,21,.6),rgba(34,197,94,.6),rgba(59,130,246,.6),rgba(250,204,21,.6));background-size:200% 200%;border-radius:inherit;z-index:-1;filter:blur(12px);animation:borderRotatingGlow 3s ease-in-out infinite}.balance-pulse{animation:balancePulse .8s cubic-bezier(.34,1.56,.64,1)}.monitor-celebration{position:relative;animation:borderGlowPulse 2s ease-in-out}.monitor-celebration:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;background:linear-gradient(90deg,rgba(250,204,21,.8),rgba(34,197,94,.8),rgba(59,130,246,.8),rgba(168,85,247,.8),rgba(250,204,21,.8));background-size:300% 300%;border-radius:inherit;z-index:-1;filter:blur(15px);animation:borderRotatingGlow 2s linear;pointer-events:none}.monitor-celebration:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:linear-gradient(90deg,rgba(250,204,21,1),rgba(34,197,94,1),rgba(59,130,246,1),rgba(168,85,247,1),rgba(250,204,21,1));background-size:300% 300%;border-radius:inherit;z-index:-1;animation:borderRotatingGlow 2s linear;pointer-events:none}.corner-sparkles{position:absolute;width:100%;height:100%;pointer-events:none;z-index:10}.corner-sparkles:before,.corner-sparkles:after{content:"★";position:absolute;font-size:48px;color:#fbbf24;text-shadow:0 0 10px rgba(251,191,36,.8);animation:cornerSparkle 2s ease-in-out}.corner-sparkles:before{top:-20px;left:-20px;animation-delay:0s}.corner-sparkles:after{top:-20px;right:-20px;animation-delay:.3s}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.support-chat-modal{background:#131722;border-radius:16px;width:90%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000004d;border:1px solid #2a3042}.modal-header{padding:16px 20px;border-bottom:1px solid #2a3042;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#1a2035 0%,#131722 100%);border-radius:16px 16px 0 0}.modal-header h5{margin:0;font-size:18px;font-weight:600;color:#f7d358;display:flex;align-items:center;gap:8px}.close-btn{background:none;border:none;color:#888;font-size:24px;cursor:pointer;padding:4px 8px;line-height:1;transition:color .2s}.close-btn:hover{color:#fff}.username-setup{padding:40px 20px;text-align:center}.setup-icon{font-size:64px;color:#f7d358;margin-bottom:20px}.username-setup h4{color:#fff;margin-bottom:12px}.username-setup p{color:#888;margin-bottom:24px}.username-input-group{display:flex;flex-direction:column;gap:12px}.username-input-group input{padding:12px 16px;background:#1a2035;border:1px solid #2a3042;border-radius:8px;color:#fff;font-size:16px}.username-input-group button{padding:12px 16px;background:linear-gradient(135deg,#f7d358 0%,#f0c03e 100%);color:#000;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s}.username-input-group button:hover:not(:disabled){transform:translateY(-2px)}.username-input-group button:disabled{opacity:.5;cursor:not-allowed}.chat-header{padding:12px 20px;background:#1a2035;border-bottom:1px solid #2a3042}.chat-status{display:flex;align-items:center;gap:12px}.status-indicator{width:10px;height:10px;border-radius:50%;background:#4ade80;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{display:flex;flex-direction:column}.status-title{font-weight:600;color:#fff;font-size:14px}.status-subtitle{font-size:12px;color:#888}.message-container{flex:1;overflow-y:auto;padding:20px;background:#0f1421;display:flex;flex-direction:column;gap:16px}.welcome-message{text-align:center;padding:40px 20px}.welcome-icon{font-size:48px;color:#f7d358;margin-bottom:16px}.welcome-message h4{color:#fff;margin-bottom:8px}.welcome-message p{color:#888}.message{display:flex;flex-direction:column;max-width:75%;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.sent{align-self:flex-end;align-items:flex-end}.message.received{align-self:flex-start;align-items:flex-start}.sender-name{font-size:12px;color:#888;margin-bottom:4px;padding:0 12px}.message-content{background:#1a2035;padding:12px 16px;border-radius:12px;word-wrap:break-word}.message.sent .message-content{background:linear-gradient(135deg,#f7d358 0%,#f0c03e 100%);color:#000}.message.received .message-content{background:#1a2035;color:#fff}.message-text{line-height:1.5}.message-image-container{max-width:100%;border-radius:8px;overflow:hidden;margin-bottom:8px;cursor:pointer}.message-image{width:100%;height:auto;display:block;transition:transform .2s}.message-image:hover{transform:scale(1.02)}.message-image-loading,.message-image-error{padding:20px;text-align:center;color:#888;background:#1a2035;border-radius:8px}.loading-spinner{width:20px;height:20px;border:2px solid #2a3042;border-top-color:#f7d358;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 8px}@keyframes spin{to{transform:rotate(360deg)}}.message-footer{display:flex;align-items:center;gap:6px;margin-top:4px;padding:0 12px}.message-time{font-size:11px;color:#666}.message-status{font-size:12px;color:#888}.message-form{padding:16px 20px;background:#131722;border-top:1px solid #2a3042;border-radius:0 0 16px 16px}.input-group{display:flex;align-items:center;gap:8px;background:#1a2035;border-radius:24px;padding:6px;border:1px solid #2a3042}.attach-btn{background:none;border:none;color:#888;font-size:20px;cursor:pointer;padding:8px 12px;transition:color .2s}.attach-btn:hover:not(:disabled){color:#f7d358}.attach-btn:disabled{opacity:.5;cursor:not-allowed}.input-group input[type=text]{flex:1;background:none;border:none;color:#fff;padding:8px 4px;font-size:14px;outline:none}.input-group input[type=text]::placeholder{color:#666}.input-group button[type=submit]{background:linear-gradient(135deg,#f7d358 0%,#f0c03e 100%);border:none;color:#000;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.input-group button[type=submit]:hover:not(:disabled){transform:scale(1.1)}.input-group button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.image-viewer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);display:flex;justify-content:center;align-items:center;z-index:10000}.image-viewer-content{position:relative;max-width:90%;max-height:90%}.image-viewer-content img{max-width:100%;max-height:90vh;object-fit:contain}.image-viewer-close{position:absolute;top:-40px;right:0;background:rgba(255,255,255,.1);border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:background .2s}.image-viewer-close:hover{background:rgba(255,255,255,.2)}