:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#f2f3f7;background:#111217;font-synthesis:none;text-rendering:optimizeLegibility;--bg-deep: #111217;--bg-sidebar: #191b22;--bg-panel: #20222b;--bg-panel-soft: #262933;--bg-input: #15171e;--stroke: rgba(255, 255, 255, .075);--stroke-strong: rgba(255, 255, 255, .13);--text: #f2f3f7;--text-soft: #b2b6c4;--text-muted: #777c8d;--accent: #7c6df2;--accent-hover: #8e80fb;--accent-soft: rgba(124, 109, 242, .17);--green: #45d19a;--green-soft: rgba(69, 209, 154, .16);--red: #f16b7b;--red-soft: rgba(241, 107, 123, .16);--amber: #f5b85d;--shadow: 0 24px 80px rgba(0, 0, 0, .42)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{min-width:320px;overflow:hidden}button,input,textarea,select{font:inherit}button{color:inherit}button,summary,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,input,textarea,select{outline:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{box-shadow:0 0 0 3px #7c6df257}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.primary-button,.secondary-button{border:0;border-radius:10px;min-height:42px;padding:0 18px;font-weight:700;transition:transform .15s ease,background .15s ease,border-color .15s ease}.primary-button{background:var(--accent);color:#fff}.primary-button:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.secondary-button{background:var(--bg-panel-soft);border:1px solid var(--stroke-strong)}.secondary-button:hover:not(:disabled){background:#30333e}.icon-button{width:36px;height:36px;padding:0;border:0;border-radius:9px;display:inline-grid;place-items:center;color:var(--text-soft);background:transparent}.icon-button:hover{color:var(--text);background:#ffffff12}.icon-button.is-active-danger{color:var(--red);background:var(--red-soft)}.login-page{min-height:100%;display:grid;place-items:center;padding:28px;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 10%,rgba(124,109,242,.18),transparent 37%),radial-gradient(circle at 85% 90%,rgba(69,209,154,.1),transparent 33%),#111217}.login-page:before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at center,black,transparent 72%)}.login-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.login-orb--one{width:230px;height:230px;left:8%;top:16%;background:#7c6df212;border:1px solid rgba(124,109,242,.12)}.login-orb--two{width:160px;height:160px;right:10%;bottom:13%;background:#45d19a0d;border:1px solid rgba(69,209,154,.1)}.login-card{width:min(100%,430px);position:relative;z-index:1;padding:44px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:#1d1f27e0;box-shadow:var(--shadow);backdrop-filter:blur(22px)}.brand-mark,.mini-brand{background:linear-gradient(145deg,#9183ff,#6555dd);position:relative;box-shadow:0 10px 30px #7c6df24d}.brand-mark{width:54px;height:54px;border-radius:17px;margin-bottom:25px}.brand-mark span,.mini-brand span{position:absolute;background:#fff;border-radius:999px;transform:rotate(-24deg)}.brand-mark span:first-child{width:8px;height:26px;left:17px;top:13px}.brand-mark span:last-child{width:8px;height:19px;left:30px;top:17px;opacity:.75}.eyebrow{margin:0 0 8px;color:#9a8eff;font-size:12px;letter-spacing:.16em;font-weight:800;text-transform:uppercase}.login-card h1{margin:0;font-size:29px;line-height:1.25;letter-spacing:-.03em}.login-subtitle{margin:10px 0 30px;color:var(--text-soft);font-size:14px}.login-card form{display:grid;gap:9px}.login-card label{margin-top:10px;color:var(--text-soft);font-size:13px;font-weight:700}.login-card input{width:100%;height:48px;border:1px solid var(--stroke-strong);border-radius:10px;color:var(--text);background:#15171e;padding:0 14px;transition:border-color .15s,box-shadow .15s}.login-card input::placeholder{color:#5d6271}.login-card input:focus{border-color:var(--accent)}.login-submit{margin-top:18px;height:48px;display:flex;align-items:center;justify-content:center;gap:9px}.form-error{margin-top:8px;border-radius:9px;background:var(--red-soft);color:#ffadb7;padding:10px 12px;font-size:13px}.security-note{color:var(--text-muted);text-align:center;font-size:11px;margin:23px 0 0}.loading-screen{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;background:var(--bg-deep);color:var(--text-soft);text-align:center;padding:24px}.loading-screen .brand-mark{margin:0 0 16px}.loading-screen strong{color:var(--text);font-size:18px}.loading-screen p{margin:0}.button-spinner,.tiny-spinner,.large-spinner{display:inline-block;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:currentColor;animation:spin .8s linear infinite}.button-spinner{width:17px;height:17px}.tiny-spinner{width:13px;height:13px;margin-left:auto}.large-spinner{width:28px;height:28px;border-width:3px;color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}.app-shell{height:100dvh;background:var(--bg-deep);overflow:hidden;position:relative}.app-grid{height:100%;display:grid;grid-template-columns:272px minmax(0,1fr) 252px}.sidebar,.members-panel,.content-panel{min-height:0}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--stroke);display:flex;flex-direction:column;z-index:12}.server-header{height:57px;flex:0 0 57px;display:flex;align-items:center;gap:11px;padding:0 14px 0 16px;border-bottom:1px solid var(--stroke);box-shadow:0 2px 7px #00000014}.server-header strong{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:15px}.mini-brand{width:29px;height:29px;border-radius:9px;flex:0 0 auto}.mini-brand span:first-child{width:4px;height:14px;left:9px;top:7px}.mini-brand span:last-child{width:4px;height:10px;left:16px;top:9px;opacity:.7}.channel-nav{flex:1;min-height:0;overflow-y:auto;padding:16px 9px 12px;scrollbar-width:thin;scrollbar-color:#343741 transparent}.channel-group+.channel-group{margin-top:24px}.channel-group h2,.member-section h2{color:var(--text-muted);font-size:11px;line-height:1;letter-spacing:.08em;text-transform:uppercase;margin:0 9px 8px;font-weight:800}.channel-button{width:100%;min-height:38px;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#9b9fad;padding:7px 10px;border-radius:8px;text-align:left}.channel-button svg{width:19px;height:19px;flex:0 0 auto}.channel-button span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.channel-button:hover:not(:disabled){background:#ffffff0b;color:#dfe1e8}.channel-button.is-selected{color:#fff;background:#ffffff13;font-weight:600}.voice-channel.is-joined>.channel-button{color:var(--green)}.voice-members-mini{margin:2px 0 0 10px;padding-left:9px;border-left:1px solid rgba(255,255,255,.08);display:grid;gap:2px}.voice-member-mini{min-width:0;display:flex;align-items:center;gap:7px;height:34px;padding:3px 6px;border-radius:7px;color:var(--text-soft);font-size:12px}.voice-member-mini>span:nth-child(2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.voice-member-mini>svg{margin-left:auto;width:14px;color:var(--red)}.voice-member-mini.is-speaking{color:var(--text);background:#45d19a0f}.live-mini,.live-label{color:#fff;background:#e34c62;font-size:8px;font-weight:800;letter-spacing:.08em;padding:2px 4px;border-radius:3px}.stream-card-mini,.start-stream-mini{width:100%;border:0;border-radius:8px;display:flex;align-items:center;gap:7px;text-align:left}.stream-card-mini{min-height:43px;padding:7px 8px;margin-top:5px;background:var(--red-soft);color:#ffbdc5;font-size:11px}.stream-card-mini>span:nth-child(2){flex:1}.stream-card-mini svg{width:14px}.start-stream-mini{min-height:34px;padding:5px 8px;margin-top:5px;background:var(--accent-soft);color:#b9b1ff;font-size:11px;justify-content:center}.start-stream-mini:hover,.stream-card-mini:hover{filter:brightness(1.12)}.start-stream-mini svg{width:15px}.user-dock{flex:0 0 auto;min-height:60px;border-top:1px solid var(--stroke);background:#15171d;padding:9px;display:flex;align-items:center;gap:5px;position:relative}.dock-user{min-width:0;flex:1;display:flex;align-items:center;gap:8px}.dock-user>span:last-child{display:flex;flex-direction:column;min-width:0}.dock-user strong{font-size:12px;line-height:1.3;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dock-user small{color:var(--text-muted);font-size:9px}.dock-controls{display:flex;align-items:center;gap:1px}.dock-controls .icon-button{width:30px;height:30px}.dock-controls svg{width:17px}.dock-logout{border:0;background:transparent;color:var(--text-muted);font-size:11px;padding:7px;border-radius:6px}.dock-logout:hover{color:var(--red);background:var(--red-soft)}.device-menu{position:relative}.device-menu summary{list-style:none}.device-menu summary::-webkit-details-marker{display:none}.device-popover{position:absolute;z-index:30;left:auto;right:-1px;bottom:calc(100% + 12px);width:264px;background:#111319;border:1px solid var(--stroke-strong);border-radius:12px;padding:13px;box-shadow:var(--shadow);display:grid;gap:12px}.device-popover:after{content:"";position:absolute;right:12px;bottom:-5px;width:10px;height:10px;background:#111319;border-right:1px solid var(--stroke-strong);border-bottom:1px solid var(--stroke-strong);transform:rotate(45deg)}.device-popover label{display:grid;gap:6px}.device-popover label>span{color:var(--text-muted);font-size:10px;font-weight:700;text-transform:uppercase}.device-popover select,.quality-select select{width:100%;background:var(--bg-panel-soft);color:var(--text);border:1px solid var(--stroke-strong);border-radius:7px;height:35px;padding:0 8px;font-size:11px}.audio-range-setting{display:grid;gap:7px}.audio-range-setting>span{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--text-muted);font-size:10px;font-weight:700;text-transform:none}.audio-range-setting .range-value{color:var(--text-soft);font-variant-numeric:tabular-nums}.audio-range-setting input[type=range]{width:100%;height:18px;margin:0;accent-color:var(--accent)}.audio-range-setting input[type=range]:disabled{opacity:.45}.denoise-setting{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:2px}.denoise-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.denoise-copy strong{color:var(--text);font-size:11px}.denoise-copy small{color:var(--text-muted);font-size:9px;line-height:1.35}.denoise-setting.is-active .denoise-copy small{color:var(--green)}.denoise-setting.is-initializing .denoise-copy small{color:#b9b1ff}.denoise-setting.is-fallback .denoise-copy small,.denoise-setting.is-unsupported .denoise-copy small{color:var(--amber)}.denoise-switch{flex:0 0 auto;position:relative;width:38px;height:22px;padding:0;border:1px solid var(--stroke-strong);border-radius:999px;background:#2b2e38;transition:background .16s ease,border-color .16s ease}.denoise-switch span{position:absolute;width:16px;height:16px;left:2px;top:2px;border-radius:50%;background:#9297a7;transition:transform .16s ease,background .16s ease}.denoise-switch[aria-checked=true]{border-color:#45d19a73;background:var(--green-soft)}.denoise-switch[aria-checked=true] span{background:var(--green);transform:translate(16px)}.denoise-note{margin:-7px 0 0;color:var(--text-muted);font-size:9px;line-height:1.45}.unsupported-note{margin:0;color:var(--amber);font-size:10px;line-height:1.5}.leave-voice-button{position:relative;z-index:1;height:35px;border:0;border-radius:7px;background:var(--red-soft);color:#ff9daa;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px}.leave-voice-button svg{width:16px}.leave-dock-button{color:#ff9daa;background:var(--red-soft)}.leave-dock-button:hover:not(:disabled){color:#ffd8dd;background:#f16b7b38}.leave-dock-button:disabled{opacity:.48}.avatar{--avatar-hue: 230;display:inline-grid;place-items:center;flex:0 0 auto;color:hsla(var(--avatar-hue),80%,92%,1);background:linear-gradient(145deg,hsla(var(--avatar-hue),45%,42%,1),hsla(var(--avatar-hue),40%,29%,1));font-weight:700;border:2px solid transparent}.avatar--small{width:25px;height:25px;border-radius:8px;font-size:8px}.avatar--medium{width:35px;height:35px;border-radius:11px;font-size:10px}.avatar--large{width:48px;height:48px;border-radius:14px;font-size:14px}.avatar--speaking{border-color:var(--green);box-shadow:0 0 0 2px #45d19a26}.members-panel{background:#191b21;border-left:1px solid var(--stroke);overflow-y:auto;padding:24px 10px;scrollbar-width:thin;scrollbar-color:#343741 transparent;z-index:11}.member-section+.member-section{margin-top:28px}.member-section ul{list-style:none;margin:0;padding:0}.member-row{min-width:0;position:relative;display:flex;align-items:center;gap:7px;padding:7px;border-radius:9px}.member-row:hover{background:#ffffff0b}.member-avatar-wrap{position:relative;flex:0 0 auto}.presence-dot{position:absolute;width:10px;height:10px;right:-2px;bottom:-1px;border-radius:50%;border:2px solid #191b21;background:#555a68}.presence-dot.is-online{background:var(--green)}.member-copy{min-width:0;flex:1;display:flex;flex-direction:column}.member-copy strong{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.member-copy>span{color:var(--text-muted);font-size:9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.member-row.is-speaking .member-copy strong{color:var(--green)}.member-row.is-offline{opacity:.47;filter:grayscale(.25)}.member-muted{width:14px;color:var(--text-muted)}.member-audio-menu{position:relative;flex:0 0 auto}.member-audio-menu summary{list-style:none;width:25px;height:25px;opacity:.55}.member-audio-menu summary::-webkit-details-marker{display:none}.member-row:hover .member-audio-menu summary,.member-audio-menu[open] summary{opacity:1}.member-audio-menu summary svg{width:14px}.member-audio-popover{position:absolute;z-index:45;top:calc(100% + 7px);right:-4px;width:246px;padding:13px;display:grid;gap:13px;border:1px solid var(--stroke-strong);border-radius:12px;background:#111319;box-shadow:var(--shadow)}.member-audio-popover:before{content:"";position:absolute;top:-5px;right:10px;width:9px;height:9px;transform:rotate(45deg);background:#111319;border-left:1px solid var(--stroke-strong);border-top:1px solid var(--stroke-strong)}.quality-bars{display:flex;align-items:flex-end;gap:1px;width:13px;height:12px}.quality-bars i{width:3px;border-radius:1px;background:var(--green)}.quality-bars i:nth-child(1){height:4px}.quality-bars i:nth-child(2){height:7px}.quality-bars i:nth-child(3){height:11px}.quality-bars--good i:nth-child(3),.quality-bars--poor i:nth-child(n+2),.quality-bars--lost i{background:#444955}.quality-bars--poor i:first-child{background:var(--amber)}.mobile-members-header{display:none}.content-panel{background:var(--bg-panel);display:flex;flex-direction:column;min-width:0}.content-header{height:57px;flex:0 0 57px;padding:0 18px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--stroke);background:#20222bf0;box-shadow:0 2px 8px #00000014;z-index:3}.channel-heading{display:flex;align-items:center;gap:8px}.channel-heading svg{color:var(--text-muted)}.content-header h1{margin:0;font-size:15px}.header-caption{color:var(--text-muted);font-size:11px;padding-left:12px;border-left:1px solid var(--stroke-strong)}.members-toggle{margin-left:auto;display:none}.mobile-only,.mobile-close{display:none}.message-list{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:20px 5% 22px 22px;scrollbar-width:thin;scrollbar-color:#3b3e49 transparent}.load-older{display:block;margin:0 auto 20px;border:0;border-radius:999px;background:var(--accent-soft);color:#afa7ff;padding:7px 13px;font-size:10px}.channel-welcome{padding:12vh 8px 32px}.welcome-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:#30333e;color:var(--text-soft)}.welcome-icon svg{width:27px;height:27px}.channel-welcome h2{margin:16px 0 5px;font-size:24px;letter-spacing:-.03em}.channel-welcome p{margin:0;color:var(--text-muted);font-size:13px}.message{position:relative;display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;padding:4px 9px;margin:1px 0 13px;border-radius:7px}.message:hover{background:#ffffff06}.message--grouped{margin:0;padding-top:2px;padding-bottom:2px}.message--failed{background:#f16b7b0a}.message-body{min-width:0}.message-meta{display:flex;align-items:baseline;gap:7px;height:22px}.message-meta strong{font-size:13px}.message-meta time{color:var(--text-muted);font-size:9px}.you-badge{border-radius:3px;background:var(--accent);color:#fff;font-size:8px;padding:1px 4px}.message p{color:#d8dae2;font-size:13px;line-height:1.55;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.message-hover-time{color:var(--text-muted);font-size:8px;opacity:0;text-align:right;padding-top:4px}.message:hover .message-hover-time{opacity:1}.delivery-state{color:var(--text-muted);font-size:9px;margin-left:7px}.delivery-error{display:flex;align-items:center;gap:8px;color:#fa8d9a;font-size:9px;margin-top:3px}.delivery-error button{border:0;background:transparent;color:#ffb0b9;font-size:9px;font-weight:700;display:inline-flex;align-items:center;gap:3px;padding:0}.delivery-error svg{width:12px}.composer-wrap{flex:0 0 auto;padding:0 5% 15px 22px}.composer{min-height:49px;background:#2b2e38;border:1px solid transparent;border-radius:11px;display:flex;align-items:flex-end;padding:7px 7px 7px 13px;transition:border-color .15s}.composer:focus-within{border-color:#7c6df28c}.composer textarea{flex:1;min-height:31px;max-height:160px;resize:none;border:0;background:transparent;color:var(--text);line-height:1.5;padding:6px 0;font-size:13px}.composer textarea::placeholder{color:#737887}.send-button{width:34px;height:34px;flex:0 0 auto;border:0;border-radius:8px;display:grid;place-items:center;background:var(--accent);color:#fff}.send-button:hover:not(:disabled){background:var(--accent-hover)}.send-button svg{width:17px}.character-count{align-self:center;color:var(--text-muted);font-size:9px;margin-right:8px}.character-count--over,.composer-error{color:var(--red)}.composer-error{font-size:10px;margin:0 0 5px 5px}.composer-hint{display:block;color:#575b68;font-size:8px;margin:5px 4px 0}.message-skeletons{display:grid;gap:19px;padding-top:20px}.message-skeletons span{width:min(580px,75%);height:44px;display:block;border-radius:9px;background:linear-gradient(90deg,#272a33,#2c303a,#272a33);background-size:200% 100%;animation:shimmer 1.4s infinite}.message-skeletons span:nth-child(2){width:min(420px,60%)}@keyframes shimmer{to{background-position:-200% 0}}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-muted);text-align:center;padding:30px}.empty-state strong{color:var(--text)}.empty-state span{font-size:12px}.stream-panel{background:#15171d}.stream-header{background:#1b1d24f2}.back-to-chat{border:0;color:var(--text-muted);background:transparent;font-size:11px;padding:7px;border-radius:7px}.back-to-chat:hover{color:var(--text);background:#ffffff0d}.stream-heading{display:flex;align-items:center;gap:8px;font-size:12px}.live-dot{width:8px;height:8px;border-radius:50%;background:#ef5469;flex:0 0 auto;box-shadow:0 0 0 4px #ef54691f;animation:livePulse 1.8s ease-in-out infinite}@keyframes livePulse{50%{box-shadow:0 0 0 7px #ef546900}}.watcher-count{margin-left:auto;display:flex;align-items:center;gap:5px;color:var(--text-muted);font-size:10px}.watcher-count svg{width:15px}.stage-area{flex:1;min-height:0;display:flex;flex-direction:column;padding:clamp(12px,2vw,28px);position:relative;gap:13px}.video-stage{flex:1;min-height:0;position:relative;overflow:hidden;display:grid;place-items:center;border-radius:13px;border:1px solid var(--stroke);background:#090a0d;box-shadow:0 18px 45px #00000040}.video-stage:fullscreen{border-radius:0;border:0;background:#000}.video-stage video{width:100%;height:100%;object-fit:contain;display:block}.stage-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center;padding:20px;background:radial-gradient(circle at center,#161924,#090a0d 68%)}.stage-placeholder strong{font-size:16px}.stage-placeholder p{color:var(--text-muted);font-size:11px;margin:0 0 8px;max-width:380px;line-height:1.6}.watch-icon{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;background:var(--accent-soft);color:#afa7ff;margin-bottom:5px}.watch-icon svg{width:29px;height:29px}.watch-button{min-width:132px}.stage-overlay-top{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:6px;pointer-events:none}.quality-chip,.audio-chip{color:#fff;background:#08090cb8;backdrop-filter:blur(8px);padding:5px 8px;border-radius:6px;font-size:9px;border:1px solid rgba(255,255,255,.09)}.audio-chip{color:#8ff1c9}.audio-chip.is-muted{color:#f0bd72}.quality-warning{align-self:center;position:absolute;z-index:3;top:40px;display:flex;align-items:center;gap:6px;background:#5b3e0eeb;border:1px solid rgba(245,184,93,.3);color:#ffd99e;border-radius:8px;padding:8px 11px;font-size:10px;box-shadow:0 8px 22px #0000004d}.quality-warning svg{width:15px}.stream-controls{min-height:54px;flex:0 0 auto;display:flex;align-items:center;gap:9px;padding:9px 11px;background:#1d1f27;border:1px solid var(--stroke);border-radius:11px}.volume-control{display:flex;align-items:center;gap:7px;min-width:175px;color:var(--text-muted);font-size:9px}.volume-control svg{width:16px}.volume-control input{accent-color:var(--accent);width:100px}.quality-select{display:flex;align-items:center;gap:7px;color:var(--text-muted);font-size:9px}.quality-select select{width:105px}.control-button{height:36px;border:1px solid var(--stroke-strong);background:#292c35;color:var(--text-soft);border-radius:8px;padding:0 11px;display:inline-flex;align-items:center;gap:6px;font-size:10px}.control-button:hover{color:#fff;background:#343741}.control-button svg{width:15px}.control-button--danger{margin-left:auto;color:#ff9aa6;border-color:#f16b7b33;background:var(--red-soft)}.owner-status{display:flex;align-items:center;gap:8px;color:var(--text-soft);font-size:11px}.connection-banner,.channel-error-banner{position:fixed;z-index:80;top:8px;left:50%;transform:translate(-50%);min-height:32px;border-radius:9px;display:flex;align-items:center;gap:8px;padding:7px 12px;font-size:10px;box-shadow:0 8px 25px #00000059;backdrop-filter:blur(12px)}.connection-banner{background:#4d3a12f0;border:1px solid rgba(245,184,93,.25);color:#ffdc9f}.connection-banner--invalid,.connection-banner--offline{background:#4e1e27f0;border-color:#f16b7b40;color:#ffb1bb}.status-pulse{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 1.2s infinite}@keyframes pulse{50%{opacity:.25}}.channel-error-banner{top:46px;color:#ffb1bb;background:#4e1e27f0;border:1px solid rgba(241,107,123,.25)}.channel-error-banner button{border:0;color:#fff;background:#ffffff1a;border-radius:5px;font-size:9px}.toast-region{position:fixed;z-index:100;right:16px;bottom:16px;width:min(370px,calc(100vw - 32px));display:grid;gap:8px;pointer-events:none}.toast{min-height:50px;display:flex;align-items:center;gap:10px;padding:10px 10px 10px 13px;border:1px solid var(--stroke-strong);border-radius:11px;background:#16181ef5;box-shadow:0 15px 45px #0006;backdrop-filter:blur(14px);pointer-events:auto;animation:toastIn .22s ease-out}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}}.toast-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--accent)}.toast--success .toast-dot{background:var(--green)}.toast--warning .toast-dot{background:var(--amber)}.toast--danger .toast-dot{background:var(--red)}.toast-message{flex:1;color:#d7d9e1;font-size:11px;line-height:1.5}.toast-action{border:0;border-radius:6px;background:var(--accent);color:#fff;padding:5px 8px;font-size:9px}.toast-close{width:27px;height:27px}.toast-close svg{width:14px}.autoplay-prompt{position:fixed;z-index:90;left:50%;bottom:18px;transform:translate(-50%);border:1px solid rgba(124,109,242,.35);border-radius:10px;color:#dcd8ff;background:#292358f5;padding:9px 13px;box-shadow:0 12px 38px #00000061;font-size:10px}.audio-host{position:fixed;width:1px;height:1px;overflow:hidden;pointer-events:none}.mobile-backdrop{display:none}@media (max-width: 1120px){.app-grid{grid-template-columns:252px minmax(0,1fr)}.members-panel{position:fixed;top:0;right:0;bottom:0;width:270px;transform:translate(102%);transition:transform .2s ease;box-shadow:-20px 0 50px #00000059}.members-panel.is-mobile-open{transform:translate(0)}.members-toggle{display:inline-grid}.mobile-members-header{display:flex;height:40px;margin:-12px 0 17px;padding:0 3px 8px 7px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--stroke)}.mobile-members-header strong{font-size:13px}.mobile-backdrop{display:block;position:fixed;z-index:10;inset:0;background:#04050791;border:0;cursor:default}}@media (max-width: 760px){.app-grid{display:block}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(290px,86vw);transform:translate(-102%);transition:transform .2s ease;box-shadow:20px 0 50px #0006}.sidebar.is-mobile-open{transform:translate(0)}.mobile-only,.mobile-close{display:inline-grid}.mobile-close{margin-left:auto}.content-panel{height:100%}.content-header{padding:0 10px;gap:8px}.header-caption{display:none}.message-list{padding-left:9px;padding-right:9px}.composer-wrap{padding-left:10px;padding-right:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.message{grid-template-columns:34px minmax(0,1fr);padding-left:4px;padding-right:4px}.back-to-chat{font-size:0}.back-to-chat:after{content:"‹";font-size:23px}.stream-heading{min-width:0;flex:1}.stream-heading span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.watcher-count{margin-left:0}.stage-area{padding:8px}.video-stage{border-radius:9px}.stream-controls{flex-wrap:wrap}.volume-control{flex:1;min-width:145px}.quality-select{flex:1}.control-button--danger{margin-left:0}.login-card{padding:32px 25px}.toast-region{bottom:10px;right:10px;width:calc(100vw - 20px)}.autoplay-prompt{width:calc(100vw - 22px);text-align:center;bottom:10px}}@media (max-width: 480px){.stream-controls{justify-content:stretch}.volume-control{width:100%}.quality-select{width:calc(50% - 5px)}.quality-select select{flex:1}.control-button{flex:1;justify-content:center}.channel-welcome{padding-top:8vh}.channel-welcome h2{font-size:20px}.message-meta{gap:5px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 760px){.connection-banner{top:64px;width:max-content;max-width:calc(100vw - 20px);justify-content:center}.channel-error-banner{top:103px;width:max-content;max-width:calc(100vw - 20px)}}