*{margin:0;padding:0;box-sizing:border-box}:root{--primary:#9b30ff;--primary-dark:#7b1fa2;--accent:#e040fb;--bg-deep:#0a0014;--glass-border:rgba(155,48,255,0.25);--glass-bg:rgba(20,5,40,0.65);--text-primary:#f0e6ff;--text-muted:rgba(240,230,255,0.55);--danger:#ff4060;--success:#00e676}body{font-family:'Poppins',sans-serif;background:var(--bg-deep);color:var(--text-primary);height:var(--real-vh,100vh);overflow:hidden;overscroll-behavior:none}.bg-effects{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;animation:orbFloat 12s ease-in-out infinite}.bg-orb:nth-child(1){width:400px;height:400px;background:var(--primary);top:-100px;left:-100px;animation-delay:0s}.bg-orb:nth-child(2){width:350px;height:350px;background:var(--accent);bottom:-80px;right:-80px;animation-delay:-4s;animation-duration:15s}.bg-orb:nth-child(3){width:250px;height:250px;background:#6a1b9a;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-8s;animation-duration:18s}@keyframes orbFloat{0%,100%{transform:translate(0,0) scale(1)}25%{transform:translate(30px,-40px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(40px,30px) scale(1.02)}}.bg-effects::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");opacity:.4}.app{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:700px;height:100%;height:100dvh;display:flex;flex-direction:column;z-index:1;padding:20px;overflow:hidden}.glass{background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px}.chat-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-shrink:0}.chat-header h1{font-size:1.1rem;font-weight:600}.room-badge{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-muted)}.room-badge .dot{width:8px;height:8px;background:var(--success);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(0,230,118,.4)}50%{opacity:.7;box-shadow:0 0 0 6px rgba(0,230,118,0)}}.btn-leave{background:rgba(255,64,96,.15);border:1px solid rgba(255,64,96,.3);color:var(--danger);padding:6px 14px;border-radius:8px;font-family:inherit;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-leave:hover{background:rgba(255,64,96,.25);transform:translateY(-1px)}.header-right{display:flex;align-items:center;gap:8px}.btn-sound{background:rgba(155,48,255,.1);border:1px solid var(--glass-border);border-radius:8px;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .2s;flex-shrink:0}.btn-sound:hover{background:rgba(155,48,255,.22)}.btn-sound.muted{opacity:.45}.messages-area{flex:1;overflow-y:auto;padding:20px;margin-bottom:12px;display:flex;flex-direction:column;gap:8px}.messages-area::-webkit-scrollbar{width:4px}.messages-area::-webkit-scrollbar-track{background:transparent}.messages-area::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.msg{max-width:80%;padding:10px 14px;border-radius:12px;font-size:.88rem;line-height:1.5;animation:msgIn .3s ease-out;word-wrap:break-word;overflow-wrap:break-word}@keyframes msgIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.msg.mine{align-self:flex-end;background:linear-gradient(135deg,var(--primary-dark),var(--primary));border-bottom-right-radius:4px;color:#fff}.msg.other{align-self:flex-start;background:rgba(155,48,255,.12);border:1px solid rgba(155,48,255,.15);border-bottom-left-radius:4px}.msg .nick{font-size:.7rem;font-weight:600;color:var(--accent);margin-bottom:2px;opacity:.8}.msg.mine .nick{color:rgba(255,255,255,.7)}.msg-system{align-self:center;font-size:.72rem;color:var(--text-muted);padding:4px 12px;background:rgba(155,48,255,.06);border-radius:20px;font-style:italic}.msg .time{font-size:.62rem;color:rgba(255,255,255,.35);margin-top:3px;text-align:right}.msg.other .time{color:var(--text-muted)}.msg-img{max-width:100%;max-height:260px;border-radius:8px;display:block;margin-top:6px;cursor:pointer;object-fit:cover}.msg-video{max-width:100%;max-height:260px;border-radius:8px;display:block;margin-top:6px}.msg-file-card{display:flex;align-items:center;gap:10px;padding:8px 12px;background:rgba(155,48,255,.08);border:1px solid rgba(155,48,255,.2);border-radius:8px;text-decoration:none;color:var(--text-primary);margin-top:6px;transition:background .2s;font-size:.82rem}.msg-file-card:hover{background:rgba(155,48,255,.18)}.msg-file-card .file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-file-card .file-sz{font-size:.7rem;color:var(--text-muted);flex-shrink:0}.input-area{padding:14px 16px;display:flex;gap:10px;flex-shrink:0;align-items:center}.input-area input[type="text"]{flex:1;min-width:0;background:rgba(155,48,255,.08);border:1px solid var(--glass-border);border-radius:12px;padding:12px 16px;color:var(--text-primary);font-family:inherit;font-size:.88rem;outline:none;transition:all .2s}.input-area input[type="text"]::placeholder{color:var(--text-muted)}@media(hover:hover) and (pointer:fine){.input-area input[type="text"]:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(224,64,251,.1)}}.btn-send{background:linear-gradient(135deg,var(--primary),var(--accent));border:none;border-radius:12px;width:46px;height:46px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.btn-send:hover{transform:scale(1.05);box-shadow:0 4px 20px rgba(155,48,255,.4)}.btn-send:active{transform:scale(.95)}.btn-send svg{width:20px;height:20px;fill:#fff}.btn-attach{background:rgba(155,48,255,.1);border:1px solid var(--glass-border);border-radius:12px;width:46px;height:46px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;font-size:1.1rem}.btn-attach:hover{background:rgba(155,48,255,.22);transform:scale(1.05)}.btn-mic{background:rgba(155,48,255,.1);border:1px solid var(--glass-border);border-radius:12px;width:46px;height:46px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.btn-mic svg{width:20px;height:20px;fill:var(--text-muted);transition:fill .2s}.btn-mic:hover{background:rgba(155,48,255,.22)}.btn-mic:hover svg{fill:var(--text-primary)}.btn-mic.recording{background:rgba(255,64,96,.2);border-color:rgba(255,64,96,.5);animation:recPulse 1s ease-in-out infinite}.btn-mic.recording svg{fill:var(--danger)}@keyframes recPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,64,96,.4)}50%{box-shadow:0 0 0 8px rgba(255,64,96,0)}}.rec-indicator{color:var(--danger)}.btn-video{background:rgba(155,48,255,.1);border:1px solid var(--glass-border);border-radius:12px;width:46px;height:46px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.btn-video svg{width:20px;height:20px;fill:var(--text-muted);transition:fill .2s}.btn-video:hover{background:rgba(155,48,255,.22)}.btn-video:hover svg{fill:var(--text-primary)}.btn-video.recording{background:rgba(255,64,96,.2);border-color:rgba(255,64,96,.5);animation:recPulse 1s ease-in-out infinite}.btn-video.recording svg{fill:var(--danger)}.msg-audio-wrap{display:flex;align-items:center;gap:8px;margin-top:6px}.msg-audio-wrap .audio-icon{font-size:1rem;flex-shrink:0}.msg-audio{flex:1;height:36px;min-width:150px;max-width:240px;border-radius:8px}.msg{position:relative}.msg-ctx-menu{position:fixed;z-index:9000;background:rgba(14,6,26,.97);border:1px solid rgba(155,48,255,.35);border-radius:12px;padding:6px 0;min-width:196px;box-shadow:0 8px 32px rgba(0,0,0,.55);animation:ctxIn .15s ease-out;user-select:none}@keyframes ctxIn{from{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}.msg-ctx-item{display:flex;align-items:center;gap:10px;padding:10px 16px;font-size:.83rem;cursor:pointer;transition:background .15s;color:var(--text-primary)}.msg-ctx-item:hover{background:rgba(155,48,255,.15)}.msg-ctx-item.ctx-danger{color:var(--danger)}.msg-ctx-item.ctx-warn{color:#ffb347}.msg-ctx-divider{height:1px;background:rgba(155,48,255,.15);margin:4px 0}.lt-overlay{position:fixed;inset:0;z-index:9900;background:rgba(0,0,0,.72);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.lt-overlay.hidden{display:none!important}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.lt-modal{background:rgba(14,6,26,.98);border:1px solid rgba(155,48,255,.3);border-radius:18px;padding:28px 24px;max-width:400px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.6);animation:slideUp .2s ease}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lt-modal-title{font-size:.98rem;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px}.lt-modal-body{font-size:.84rem;color:var(--text-muted);margin-bottom:18px;line-height:1.6}.lt-form-label{font-size:.76rem;color:var(--text-muted);margin-bottom:6px;display:block}.lt-form-select,.lt-form-textarea{width:100%;background:rgba(155,48,255,.08);border:1px solid rgba(155,48,255,.25);border-radius:10px;padding:10px 14px;color:var(--text-primary);font-family:inherit;font-size:.84rem;outline:none;transition:border .2s;margin-bottom:14px;box-sizing:border-box}.lt-form-select{appearance:none;cursor:pointer}.lt-form-select option{background:#1a0a2e}.lt-form-select:focus,.lt-form-textarea:focus{border-color:var(--accent)}.lt-form-textarea{height:78px;resize:none}.lt-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:4px}.lt-btn{padding:9px 20px;border:none;border-radius:10px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.lt-btn-cancel{background:rgba(155,48,255,.1);color:var(--text-muted)}.lt-btn-cancel:hover{background:rgba(155,48,255,.2)}.lt-btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff}.lt-btn-primary:hover{transform:scale(1.03);box-shadow:0 4px 16px rgba(155,48,255,.4)}.lt-btn-danger{background:rgba(255,64,96,.12);color:var(--danger);border:1px solid rgba(255,64,96,.28)}.lt-btn-danger:hover{background:rgba(255,64,96,.24)}.msg-deleted-text{font-style:italic;font-size:.78rem;color:var(--text-muted);opacity:.7}.msg-burn-timer{font-size:.7rem;font-weight:600;letter-spacing:.02em;margin-top:3px;min-height:1em;transition:color .4s;color:#9b30ff}.lobby{position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;z-index:1;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.lobby-card{margin:auto;width:100%;max-width:460px;padding:40px 36px;text-align:center}.lobby-card .logo{display:flex;align-items:center;justify-content:center;gap:10px;font-size:2.2rem;font-weight:700;letter-spacing:2px;margin-bottom:4px}.lobby-card .logo span{color:#e040fb !important}.logo-icon{height:2.2rem;width:auto;display:block;flex-shrink:0}.logo-by{font-size:.65rem;color:var(--text-muted);text-align:center;margin-bottom:6px;opacity:.7;letter-spacing:.5px}.lobby-card .subtitle{font-size:.82rem;color:var(--text-muted);margin-bottom:32px}.users-stat-banner{display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(155,48,255,.12);border:1px solid rgba(155,48,255,.25);border-radius:10px;padding:8px 16px;font-size:.78rem;color:var(--text-primary);margin-top:20px;margin-bottom:0;letter-spacing:.3px}.users-stat-icon{font-size:.95rem}.users-stat-num{color:var(--accent);font-weight:700}.lobby-card label{display:block;text-align:left;font-size:.75rem;font-weight:500;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.lobby-card input{width:100%;background:rgba(155,48,255,.08);border:1px solid var(--glass-border);border-radius:10px;padding:12px 16px;color:var(--text-primary);font-family:inherit;font-size:.9rem;outline:none;margin-bottom:18px;transition:all .2s}.lobby-card input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(224,64,251,.1)}.lobby-card input::placeholder{color:var(--text-muted)}.btn-join{width:100%;padding:14px;background:linear-gradient(135deg,var(--primary),var(--accent));border:none;border-radius:12px;color:#fff;font-family:inherit;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:8px}.btn-join:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(155,48,255,.35)}.btn-join:active{transform:translateY(0)}.btn-install{width:100%;padding:11px;background:transparent;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-muted);font-family:inherit;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .3s;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:8px}.btn-install:hover{border-color:var(--accent);color:var(--accent)}.lobby-card .privacy-note{font-size:.68rem;color:var(--text-muted);margin-top:20px;line-height:1.5}.privacy-note svg{width:12px;height:12px;fill:var(--success);vertical-align:-1px;margin-right:2px}.copyright{margin-top:24px;text-align:center}.copyright-top{font-size:.65rem;color:var(--text-muted);margin-bottom:12px}.copyright-links{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.78rem;padding:10px 0}.copyright-links a{color:var(--text-muted);text-decoration:none;transition:color .2s}.copyright-links a:hover{color:#e040fb}.copyright-sep{color:rgba(224,64,251,.5);font-weight:300}.copyright-glow{display:block;height:1px;background:linear-gradient(90deg,transparent,#e040fb 30%,#9b30ff 70%,transparent);margin-top:2px;box-shadow:0 0 8px rgba(224,64,251,.4)}.madeby-wrap{display:flex;justify-content:center;margin-top:12px}.madeby-wrap a{display:inline-block;opacity:.7;transition:opacity .2s}.madeby-wrap a:hover{opacity:1}.madeby-wrap img{height:32px;width:auto;display:block}.ios-install-banner{position:fixed;bottom:0;left:0;right:0;z-index:10000;background:var(--glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border);padding:14px 20px 24px;display:flex;align-items:center;gap:12px;box-shadow:0 -8px 32px rgba(0,0,0,.4);transform:translateY(100%);transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.ios-install-banner.show{transform:translateY(0)}.ios-install-icon{font-size:2rem;flex-shrink:0}.ios-install-text{flex:1;font-size:.8rem;line-height:1.5;color:var(--text-primary)}.ios-install-text strong{display:block;font-size:.88rem;margin-bottom:2px}.ios-install-text span{color:var(--text-muted)}.ios-install-arrow{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid var(--glass-border)}.ios-install-close{background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:4px;flex-shrink:0}.lang-picker{position:fixed;bottom:16px;right:16px;z-index:9999}.lang-globe-btn{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 16px rgba(0,0,0,.3)}.lang-globe-btn:hover{border-color:var(--accent);box-shadow:0 4px 20px rgba(155,48,255,.35)}.lang-flags{position:absolute;bottom:48px;right:0;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:4px;min-width:130px;box-shadow:0 8px 32px rgba(0,0,0,.4);opacity:0;pointer-events:none;transform:translateY(8px);transition:all .2s}.lang-flags.open{opacity:1;pointer-events:all;transform:translateY(0)}.lang-option{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;cursor:pointer;font-size:.82rem;color:var(--text-primary);transition:background .15s;white-space:nowrap}.lang-option:hover{background:rgba(155,48,255,.18)}.lang-option.active{background:rgba(155,48,255,.28);font-weight:600}.lang-flag{font-size:1.1rem}.chat-header h1{display:flex;align-items:center;gap:8px;font-size:1.25rem;font-weight:700;letter-spacing:1px}.chat-header h1 span{color:#e040fb !important}.header-lock-img{height:1.4rem;width:auto;display:block;flex-shrink:0}.users-count{font-size:.72rem;color:var(--text-muted)}.hidden{display:none !important}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);font-size:.82rem;gap:8px}.empty-state svg{width:40px;height:40px;fill:var(--glass-border);margin-bottom:4px}.typing-indicator{font-size:.72rem;color:var(--text-muted);padding:0 4px;min-height:18px;font-style:italic}.upload-progress{color:var(--accent)}.btn-share{background:rgba(155,48,255,.1);border:1px solid var(--glass-border);border-radius:8px;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .2s;flex-shrink:0}.btn-share:hover{background:rgba(155,48,255,.22)}.help-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1100;background:rgba(10,0,20,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px}.help-modal{max-width:460px;width:100%;padding:28px 26px;max-height:90vh;overflow-y:auto;text-align:left}.help-modal::-webkit-scrollbar{width:4px}.help-modal::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:4px}.help-modal h2{font-size:1.1rem;font-weight:700;color:var(--accent);margin-bottom:18px;text-align:center}.help-section{margin-bottom:16px}.help-section h3{font-size:.8rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.help-section p{font-size:.82rem;color:var(--text-primary);line-height:1.6;margin-bottom:4px}.help-section .icon-row{display:flex;align-items:flex-start;gap:10px;margin-bottom:6px}.help-section .icon-row span:first-child{font-size:1.1rem;flex-shrink:0;line-height:1.4}.help-section .icon-row p{margin:0}.help-divider{border:none;border-top:1px solid var(--glass-border);margin:14px 0}.help-disclaimer{background:rgba(255,64,96,.07);border:1px solid rgba(255,64,96,.2);border-radius:10px;padding:12px 14px;font-size:.78rem;color:#ffb3be;line-height:1.6}.btn-close-help{width:100%;padding:12px;background:linear-gradient(135deg,var(--primary),var(--accent));border:none;border-radius:12px;color:#fff;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:18px}.btn-close-help:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(155,48,255,.4)}.btn-help{background:rgba(155,48,255,.1);border:1px solid var(--glass-border);border-radius:8px;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:var(--text-muted);transition:all .2s;flex-shrink:0}.btn-help:hover{background:rgba(155,48,255,.22);color:var(--text-primary)}.btn-callmod{background:rgba(255,64,96,.08);border:1px solid rgba(255,64,96,.22);border-radius:8px;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .2s;flex-shrink:0}.btn-callmod:hover{background:rgba(255,64,96,.2);border-color:rgba(255,64,96,.45)}label.pwd-toggle{display:flex !important;align-items:center;gap:10px;margin-bottom:14px;cursor:pointer;user-select:none;text-transform:none !important;letter-spacing:normal !important;font-size:.8rem !important;font-weight:400 !important}.pwd-toggle input[type="checkbox"]{accent-color:var(--primary);width:16px;height:16px;cursor:pointer;flex-shrink:0}.pwd-toggle span{font-size:.8rem;color:var(--text-muted)}.pwd-row{margin-bottom:18px}.pwd-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1200;background:rgba(10,0,20,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px}.pwd-modal{max-width:340px;width:100%;padding:28px 24px;text-align:center}.pwd-modal .icon{font-size:2rem;margin-bottom:8px}.pwd-modal h3{font-size:1rem;font-weight:700;color:var(--accent);margin-bottom:6px}.pwd-modal p{font-size:.8rem;color:var(--text-muted);margin-bottom:16px}.pwd-modal input{width:100%;background:rgba(155,48,255,.08);border:1px solid var(--glass-border);border-radius:10px;padding:12px 16px;color:var(--text-primary);font-family:inherit;font-size:.9rem;outline:none;margin-bottom:10px;transition:all .2s;text-align:center;letter-spacing:.1em}.pwd-modal input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(224,64,251,.1)}.pwd-error{font-size:.76rem;color:var(--danger);margin-bottom:10px;min-height:18px}.btn-pwd-ok{width:100%;padding:12px;background:linear-gradient(135deg,var(--primary),var(--accent));border:none;border-radius:12px;color:#fff;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;margin-bottom:8px}.btn-pwd-ok:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(155,48,255,.4)}.btn-pwd-cancel{width:100%;padding:10px;background:transparent;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-muted);font-family:inherit;font-size:.82rem;cursor:pointer;transition:all .2s}.btn-pwd-cancel:hover{border-color:var(--danger);color:var(--danger)}.disclaimer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(10,0,20,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px}.disclaimer-modal{max-width:420px;width:100%;padding:32px 28px;text-align:center}.disclaimer-icon{font-size:2.4rem;margin-bottom:10px}.disclaimer-title{font-size:1.25rem;font-weight:700;color:var(--accent);margin-bottom:4px}.disclaimer-sub{font-size:.76rem;color:var(--text-muted);margin-bottom:20px}.disclaimer-body{text-align:left;margin-bottom:22px}.disclaimer-body p{font-size:.82rem;line-height:1.65;margin-bottom:10px;color:var(--text-primary)}.disclaimer-label{font-size:.78rem;font-weight:600;color:var(--text-muted);margin-bottom:6px !important}.disclaimer-body ul{list-style:none;margin:0 0 12px}.disclaimer-body ul li{font-size:.8rem;padding-left:18px;position:relative;margin-bottom:4px;color:var(--danger)}.disclaimer-body ul li::before{content:'✕';position:absolute;left:0;font-size:.65rem;top:2px}.btn-disclaimer-ok{width:100%;padding:14px;background:linear-gradient(135deg,var(--primary),var(--accent));border:none;border-radius:12px;color:#fff;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;margin-bottom:10px}.btn-disclaimer-ok:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(155,48,255,.4)}.disclaimer-contact{font-size:.66rem;color:var(--text-muted)}.disclaimer-contact a{color:var(--text-muted);text-decoration:underline}.disclaimer-contact a:hover{color:var(--accent)}@media(max-width:600px){.app{padding:8px}.chat-header{padding:8px 10px}.messages-area{padding:10px;margin-bottom:8px}.input-area{padding:8px;gap:6px}.btn-attach,.btn-send,.btn-mic,.btn-video{width:40px;height:40px;flex-shrink:0}.lobby-card{padding:24px 18px;max-width:100%}.lobby-card .logo{font-size:1.8rem;letter-spacing:1px;gap:8px}.logo-icon{height:1.8rem}.header-lock-img{height:1rem}.disclaimer-modal{padding:20px 16px}.chat-header h1{font-size:.85rem}.header-right{gap:4px}.btn-share,.btn-nuke,.btn-sound,.btn-callmod,.btn-help{width:28px;height:28px;font-size:.75rem;border-radius:7px}.btn-leave{width:28px;height:28px;padding:0;font-size:.8rem;border-radius:7px;display:flex;align-items:center;justify-content:center}.room-badge{font-size:.65rem}}@media(min-width:601px) and (max-width:1024px){.app{padding:16px}.lobby{padding:30px 40px}.lobby-card{max-width:520px;padding:40px 40px}.lobby-card .logo{font-size:2.4rem}.logo-icon{height:2.4rem}.lobby-card input{font-size:1rem;padding:14px 18px}.btn-join{font-size:1rem;padding:16px}.chat-header{padding:16px 22px}.chat-header h1{font-size:1.3rem}.messages-area{padding:18px}.input-area{padding:14px 18px;gap:10px}.btn-attach,.btn-send,.btn-mic,.btn-video{width:48px;height:48px}.input-area input[type="text"]{font-size:.95rem}}.staff-user-row{display:flex;align-items:center;justify-content:space-between;background:rgba(224,64,251,.07);border:1px solid rgba(224,64,251,.18);border-radius:8px;padding:4px 8px;gap:8px;font-size:.73rem;color:#fff}.staff-act-group{display:flex;gap:3px;flex-shrink:0}.staff-act-btn{background:rgba(155,48,255,.12);border:1px solid rgba(155,48,255,.25);border-radius:6px;padding:3px 6px;cursor:pointer;font-size:.8rem;color:#fff;transition:background .15s;line-height:1}.staff-act-btn:hover{background:rgba(155,48,255,.28)}.staff-act-ban{border-color:rgba(255,64,96,.3);background:rgba(255,64,96,.1)}.staff-act-ban:hover{background:rgba(255,64,96,.25)}.btn-nuke{background:rgba(155,48,255,.1);border:1px solid var(--glass-border);border-radius:8px;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;transition:all .2s;flex-shrink:0}.btn-nuke:hover{background:rgba(255,64,96,.18);border-color:rgba(255,64,96,.35)}.install-banner{display:flex;align-items:center;gap:10px;background:rgba(224,64,251,.10);border:1px solid rgba(224,64,251,.3);border-radius:14px;padding:11px 14px;margin-top:14px;text-align:left}.install-banner.hidden{display:none!important}.install-banner-icon{font-size:1.5rem;flex-shrink:0}.install-banner-text{flex:1;font-size:.78rem;line-height:1.4}.install-banner-text strong{display:block;color:var(--accent);margin-bottom:2px;font-size:.82rem}.install-banner-text span{color:var(--text-muted)}.install-banner-btn{background:linear-gradient(135deg,var(--primary),var(--accent));border:none;border-radius:9px;padding:7px 14px;color:#fff;font-family:inherit;font-size:.78rem;font-weight:600;cursor:pointer;flex-shrink:0;transition:all .2s}.install-banner-btn:hover{transform:scale(1.04);box-shadow:0 4px 14px rgba(155,48,255,.4)}.install-banner-btn:active{transform:scale(.97)}</style>