:root{--bg-base: #0D1520;--bg-surface: #0D1520;--bg-darker: #080C12;--bg-float: #131B28;--bg-overlay: rgba(8,12,18,.6);--bg-input: #080C12;--border: #1A2232;--border-med: #253040;--text-primary: #E6EDF3;--text-secondary: #9DA5AE;--text-tertiary: #6B7280;--teal: #3BC4C2;--accent: #3BC4C2;--accent-rgb: 59,196,194;--green: #3BC4C2;--red: #ED4245;--amber: #FEE75C;--blue: #3B82F6;--purple: #8B5CF6;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--heading: "Inter", -apple-system, sans-serif;--mono: "JetBrains Mono", "Fira Code", monospace;--ov-1: rgba(255,255,255,.015);--ov-2: rgba(255,255,255,.02);--ov-3: rgba(255,255,255,.03);--ov-4: rgba(255,255,255,.04);--ov-5: rgba(255,255,255,.05);--ov-6: rgba(255,255,255,.06);--ov-8: rgba(255,255,255,.08);--ov-10: rgba(255,255,255,.1);--ov-12: rgba(255,255,255,.12);--ov-15: rgba(255,255,255,.15);--ov-20: rgba(255,255,255,.2);--chat-font-size: 14.5px;--ui-scale: 1;--clip-sm: polygon(8% 0%, 100% 0%, 100% 80%, 92% 100%, 0% 100%, 0% 20%);--clip-md: polygon(6% 0%, 100% 0%, 100% 82%, 94% 100%, 0% 100%, 0% 18%);--clip-lg: polygon(5% 0%, 100% 0%, 100% 85%, 95% 100%, 0% 100%, 0% 15%)}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true],.msg-text,.msg-text *,.msg-content,.msg-content *,pre,code,.bio-text,.pc-bio{-webkit-user-select:text;user-select:text}body{background:var(--bg-base);color:var(--text-secondary);font-family:var(--sans);font-size:14px;line-height:1.5;overflow:hidden;height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{height:100vh}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:2px;transition:background .2s}*:hover>::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:var(--accent)}*:hover::-webkit-scrollbar-thumb{background:#3bc4c266}*::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:var(--accent);color:var(--bg-base)}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea{font-family:var(--sans)}.app{display:flex;height:100vh;overflow:hidden;zoom:var(--ui-scale)}.rail{width:72px;background:var(--bg-darker);display:flex;flex-direction:column;align-items:center;flex-shrink:0;border-right:1px solid var(--bg-base)}.rail-scroll{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0;width:100%;scrollbar-width:none;-ms-overflow-style:none}.rail-scroll::-webkit-scrollbar{display:none}.rail-user{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0 10px;border-top:1px solid var(--bg-base);width:100%;flex-shrink:0}.rail-user-av{cursor:pointer;border-radius:50%;transition:opacity .12s}.rail-user-av:hover{opacity:.8}.rail-u-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s}.rail-u-btn:hover{background:var(--ov-6);color:var(--text-primary)}.rail-u-btn.rail-u-muted{color:var(--red)}.rail-u-btn.rail-u-muted:hover{background:#ed42451a}.rail-u-btn svg{width:16px;height:16px}.rail-btn{position:relative;width:48px;height:48px;border-radius:16px;background:var(--bg-base);border:none;color:var(--text-tertiary);font-size:13px;font-weight:700;font-family:var(--sans);letter-spacing:.5px;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.16,1,.3,1);flex-shrink:0}.rail-btn:hover{background:var(--bg-float);color:var(--text-primary);border-radius:12px;transform:scale(1.08)}.rail-btn:active{transform:scale(.95)}.rail-btn.active{background:var(--accent);color:var(--bg-darker);border-radius:12px}.rail-btn.home{font-weight:900;font-size:18px;border-radius:16px}.rail-btn.home.active{background:var(--accent);color:var(--bg-darker);border-radius:12px}.rail-btn.add{background:var(--bg-base);border:none;color:var(--accent);font-size:24px;border-radius:16px;width:48px;height:48px}.rail-btn.add:hover{background:var(--accent);color:#fff;border-radius:12px}.rail-divider{width:32px;height:2px;background:var(--bg-base);border-radius:1px;margin:2px 0}.rail-btn-wrap.rail-drop-before:before{content:"";position:absolute;top:-3px;left:8px;right:8px;height:2px;background:var(--accent);border-radius:2px;z-index:20;pointer-events:none;animation:dropLineFade .12s ease}.rail-btn-wrap.rail-drop-after:after{content:"";position:absolute;bottom:-3px;left:8px;right:8px;height:2px;background:var(--accent);border-radius:2px;z-index:20;pointer-events:none;animation:dropLineFade .12s ease}.rail-btn-wrap.rail-drop-before:before,.rail-btn-wrap.rail-drop-after:after{box-shadow:-2px 0 0 2.5px var(--accent),100% 0 0 2.5px var(--accent)}.rail-btn.rail-drop-into-btn,.rail-drop-into .rail-btn{box-shadow:0 0 0 2px var(--accent),0 0 12px #3bc4c259!important;border-radius:12px}.rail-btn-wrap.rail-dragging{opacity:.35}.rail-btn-wrap.rail-dragging .rail-btn{transform:scale(.95)}@keyframes dropLineFade{0%{opacity:0;transform:scaleX(.5)}to{opacity:1;transform:scaleX(1)}}.rail-drop-end{width:100%;min-height:8px;flex:1;border-radius:0;transition:all .15s ease}.rail-drop-end.rail-drop-end-visible{min-height:32px}.rail-drop-end-active{background:#3bc4c20f}.rail-drop-end-active:before{content:"";display:block;margin:4px 12px 0;height:2px;background:var(--accent);border-radius:2px;box-shadow:-2px 0 0 2.5px var(--accent),100% 0 0 2.5px var(--accent);animation:dropLineFade .12s ease}.rail-btn-wrap[draggable=true]{cursor:grab}.rail-btn-wrap[draggable=true]:active{cursor:grabbing}.rail-folder-btn{background:var(--ov-6)!important;clip-path:none!important;border-radius:14px!important;padding:4px!important}.rail-folder-btn.open{background:rgba(var(--accent-rgb, 62,207,191),.15)!important}.rail-folder-btn.active{border:2px solid var(--accent)}.rail-folder-stack{display:grid;grid-template-columns:1fr 1fr;gap:2px;width:100%;height:100%}.rail-folder-mini{width:100%;aspect-ratio:1;border-radius:4px;background:var(--ov-8);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;overflow:hidden}.rail-folder-expanded{display:flex;flex-direction:column;align-items:center;gap:4px;padding:4px 0;position:relative}.rail-folder-expanded:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--border);transform:translate(-50%);z-index:0;border-radius:1px}.rail-folder-expanded .rail-btn-wrap{z-index:1}.rail-folder-label{font-size:9px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;text-align:center;max-width:54px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:1}.rail-folder-rename{width:50px;background:var(--bg-input);border:1px solid var(--accent);border-radius:4px;color:var(--text-primary);font-size:9px;padding:2px 4px;text-align:center;outline:none;z-index:2}.rail-folder-end{width:20px;height:1px;background:var(--border);margin:2px 0}.rail-btn-sm{width:36px!important;height:36px!important;font-size:11px!important}.rail-dm-avatar{position:relative;width:42px;height:42px;border-radius:50%;cursor:pointer;transition:border-radius .2s}.rail-dm-avatar:hover{border-radius:35%}.rail-dm-badge{position:absolute;bottom:-2px;right:-2px;min-width:16px;height:16px;background:#ed4245;color:#fff;font-size:10px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-darker);padding:0 4px}.rail-btn-wrap{position:relative;display:flex;align-items:center;justify-content:center}.rail-pill{position:absolute;left:-4px;width:4px;height:50%;background:var(--accent);border-radius:0 4px 4px 0;transition:height .2s cubic-bezier(.16,1,.3,1);animation:pillSlideIn .15s ease}.rail-btn-wrap:hover .rail-pill{height:70%}.rail-btn-wrap>.unread-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;background:var(--red);color:#fff;font-size:10px;font-weight:700;font-family:var(--mono);border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;z-index:3;border:2.5px solid var(--bg-darker);animation:badgeBounce .3s cubic-bezier(.16,1,.3,1);pointer-events:none}.rail-btn-wrap>.unread-badge.unread-count{background:var(--text-tertiary)}.rail-btn-wrap>.unread-pip{position:absolute;top:50%;left:-6px;transform:translateY(-50%);width:4px;height:8px;border-radius:0 4px 4px 0;background:var(--text-primary);z-index:3}.channel-panel{width:224px;background:var(--bg-darker);display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid var(--bg-base);position:relative;min-width:180px;max-width:400px}.channel-panel-home{justify-content:flex-end}.ch-resize-handle{position:absolute;top:0;right:-3px;width:6px;height:100%;cursor:col-resize;z-index:10}.ch-resize-handle:hover{background:color-mix(in srgb,var(--accent) 30%,transparent)}.ch-header{height:48px;padding:0 14px;display:flex;align-items:center;gap:6px;border-bottom:1px solid var(--bg-darker);cursor:pointer;flex-shrink:0;position:relative}.ch-server-name{font-family:var(--sans);font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.ch-scroll{flex:1;overflow-y:auto;padding:8px 6px}.ch-category{display:flex;align-items:center;padding:14px 8px 4px;font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px;cursor:default;transition:color .15s}.ch-category:hover{color:var(--text-secondary)}.ch-cat-arrow{display:flex;align-items:center;justify-content:center;width:14px;height:14px;margin-right:2px;cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1);flex-shrink:0;opacity:.5}.ch-cat-arrow:hover{opacity:1}.ch-cat-arrow.collapsed{transform:rotate(-90deg)}.ch-cat-group{transition:opacity .15s}.ch-cat-group.ch-cat-dragging{opacity:.4}.ch-cat-group.ch-cat-drag-over{border-top:2px solid var(--accent);margin-top:-2px}.ch-item{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:4px;cursor:pointer;font-size:16px;font-weight:500;color:var(--text-tertiary);transition:all .15s cubic-bezier(.16,1,.3,1);position:relative}.ch-item:hover{background:var(--bg-darker);color:var(--text-secondary)}.ch-item.active{background:var(--bg-darker);color:var(--text-primary)}.ch-item .ch-icon{width:20px;height:20px;flex-shrink:0;opacity:.6;display:flex;align-items:center;justify-content:center}.ch-item.active .ch-icon{opacity:1;color:var(--accent)}.ch-hash{font-size:17px;font-weight:700;font-family:var(--sans);line-height:1;color:inherit}.ch-vc-users{padding:2px 0 2px 20px}.ch-vc-user{display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:15px;color:var(--text-secondary);cursor:pointer;border-radius:3px;transition:background .08s;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ch-vc-user:hover{background:var(--ov-5)}.ch-vc-av-wrap{position:relative;flex-shrink:0;transition:outline-color .15s;outline:2px solid transparent;outline-offset:1px;border-radius:50%}.ch-vc-av-wrap .av{width:22px;height:22px;font-size:8px}.ch-vc-indicator{display:none}.ch-vc-indicator.listening{background:var(--green)}.ch-vc-indicator.muted{background:#f59e0b}.ch-vc-indicator.deafened{background:var(--red)}.ch-vc-indicator.streaming{background:var(--accent)}.ch-vc-indicator.speaking{background:var(--green);box-shadow:0 0 6px var(--green);animation:speakPulse .8s infinite}.vc-speaking .ch-vc-av-wrap{outline:2px solid var(--green);outline-offset:1px;border-radius:50%;transition:outline-color .15s}.vc-speaking .ch-vc-name{color:#fff;font-weight:600;transition:color .15s}@keyframes speakPulse{0%,to{box-shadow:0 0 4px var(--green)}50%{box-shadow:0 0 10px var(--green)}}.ch-vc-name{font-size:13px;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}.ch-vc-name.self{color:var(--accent);font-weight:600}.ch-vc-share-icon{font-size:10px;flex-shrink:0;margin-left:2px;opacity:.8}.stream-preview-popup{position:fixed;width:260px;background:#1e1f22;border:1px solid var(--border);border-radius:8px;overflow:hidden;z-index:9999;box-shadow:0 8px 24px #0009;pointer-events:auto;animation:spFadeIn .12s ease-out}@keyframes spFadeIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:none}}.sp-video{width:100%;height:146px;background:#0a0a0f}.sp-footer{padding:8px}.sp-watch-btn{width:100%;padding:6px 12px;background:var(--green);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s}.sp-watch-btn:hover{background:#16a34a}.ch-item.ch-unread{color:var(--text-primary);font-weight:600}.ch-unread-dot{width:6px;height:6px;border-radius:50%;background:var(--text-primary);flex-shrink:0}.ch-mention-badge{min-width:16px;height:16px;background:var(--red);color:#fff;font-size:9px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;flex-shrink:0;animation:badgeBounce .3s cubic-bezier(.16,1,.3,1)}.ch-muted-icon{font-size:10px;flex-shrink:0;opacity:.5;display:flex;align-items:center}.vc-bar{padding:8px 10px;border-top:1px solid var(--border);flex-shrink:0;animation:vcBarSlideIn .2s cubic-bezier(.16,1,.3,1)}.vc-bar-info{margin-bottom:6px;overflow:hidden}.vc-bar-label{font-size:11px;font-weight:600;color:var(--green);display:flex;align-items:center;gap:6px}.vc-bar-pip{width:6px;height:6px;background:var(--green);border-radius:50%;animation:pulse 1.5s infinite}.vc-bar-ch{font-size:10px;color:var(--text-tertiary);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vc-bar-timer{font-family:var(--mono);font-size:10px;color:var(--green);opacity:.8;margin-left:4px}.vc-bar-rows{display:flex;flex-direction:column;gap:4px}.vc-bar-btns{display:flex;gap:3px}.vc-bar-btn{flex:1;height:28px;background:var(--ov-4);border:none;color:var(--text-tertiary);border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s;font-size:14px;min-width:0;padding:0}.vc-bar-btn svg{width:14px;height:14px}.vc-bar-sep{width:1px;background:var(--border);margin:2px 1px;flex-shrink:0}.vc-bar-btn:hover{background:var(--ov-8);color:var(--text-primary)}.vc-bar-btn.muted{background:#f59e0b26;color:#f59e0b}.vc-bar-btn.muted:hover{background:#f59e0b40}.vc-bar-btn.deafened{background:#ef444426;color:var(--red)}.vc-bar-btn.deafened:hover{background:#ef444440}.vc-bar-btn.active{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.vc-muted-alert{display:flex;align-items:center;gap:8px;padding:6px 12px;margin:0 8px 4px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:6px;font-size:11px;color:var(--red);animation:slideDown .2s ease}.vc-muted-alert-icon{font-size:14px}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.vc-bar-btn.active:hover{background:color-mix(in srgb,var(--accent) 25%,transparent)}.vc-bar-btn.streamer-active{background:#a855f726;color:#c084fc}.vc-bar-btn.streamer-active:hover{background:#a855f740}.vc-bar-btn.disconnect{color:var(--red)}.vc-bar-btn.disconnect:hover{background:var(--red);color:#fff}.user-area{padding:8px 10px;background:var(--bg-darker);border-top:1px solid var(--bg-base);display:flex;align-items:center;gap:8px;flex-shrink:0}.user-name{font-size:12px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.user-tag{font-size:10px;color:var(--green);font-family:var(--mono);cursor:pointer}.u-btn{width:28px;height:28px;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:14px;transition:all .1s}.u-btn svg{width:18px;height:18px}.u-btn:hover{background:var(--ov-6);color:var(--text-primary)}.u-btn-muted{color:var(--red)!important}.u-btn-muted:hover{background:#ed424526;color:var(--red)}.av{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;font-family:var(--sans);color:#fff;text-transform:uppercase;flex-shrink:0;-webkit-user-select:none;user-select:none}.chat-area{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg-base);position:relative}.chat-header{height:48px;padding:0 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--bg-darker);flex-shrink:0;transition:padding-right .25s ease}.chat-h-icon{width:18px;height:18px;color:var(--text-tertiary);flex-shrink:0}.chat-h-name{font-family:var(--sans);font-size:15px;font-weight:700;color:var(--text-primary);white-space:nowrap}.chat-h-topic{font-size:11px;color:var(--text-tertiary);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-h-actions{display:flex;gap:2px;margin-left:auto;flex-shrink:0}.chat-h-btn{width:30px;height:30px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:15px;transition:all .12s}.chat-h-btn:hover{background:var(--ov-6);color:var(--text-primary)}.chat-h-btn.active{color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.chat-h-search{flex:1;background:none;border:none;color:var(--text-primary);font-size:13px;font-family:var(--sans);outline:none;padding:0 8px;min-width:0}.chat-h-search::placeholder{color:var(--text-tertiary)}.search-dropdown{position:absolute;top:48px;left:0;right:0;max-height:320px;overflow-y:auto;background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:50;box-shadow:0 4px 16px #0000004d}.chat-msgs{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 16px 8px;position:relative;transition:margin-right .25s ease}.msg-group{display:flex;gap:12px;padding:4px 8px;margin:2px 0;border-radius:6px;position:relative;animation:msgSlideIn .2s ease}.msg-group:hover{background:#080c1266}.msg-av{width:36px;height:36px;font-size:12px;cursor:pointer;flex-shrink:0;margin-top:2px}.msg-content{flex:1;min-width:0}.msg-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.msg-author{font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer;line-height:1.3}.msg-author:hover{text-decoration:underline}.msg-badge{font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;text-transform:uppercase;font-family:var(--mono);letter-spacing:.3px}.msg-badge.admin{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.msg-badge.mod,.msg-badge.moderator{background:#f59e0b26;color:var(--amber)}.msg-time{font-size:10px;color:var(--text-tertiary);font-family:var(--mono)}.msg-text{font-size:var(--chat-font-size);line-height:1.5;color:var(--text-secondary);word-break:break-word;white-space:pre-wrap}.msg-text a{color:var(--blue);text-decoration:none}.msg-text a:hover{text-decoration:underline}.msg-text code{background:var(--ov-6);border:1px solid var(--border);padding:1px 5px;border-radius:3px;font-family:var(--mono);font-size:12px;color:var(--accent)}.msg-cont{padding:1px 8px 1px 56px;position:relative;border-radius:6px;margin:0}.msg-cont:hover{background:var(--ov-1)}.msg-text-wrap{display:inline}.msg-divider{display:flex;align-items:center;gap:8px;margin:16px 0 8px}.msg-divider-line{flex:1;height:1px;background:var(--border)}.msg-divider-text{font-size:10px;color:var(--text-tertiary);font-weight:600;text-transform:uppercase;letter-spacing:.3px}.msg-embed-img{max-width:400px;max-height:300px;border-radius:8px;margin-top:4px;cursor:pointer;display:block;object-fit:contain;border:1px solid var(--border);background:repeating-conic-gradient(var(--ov-6) 0% 25%,transparent 0% 50%) 0 0 / 16px 16px}.msg-embed-img:hover{border-color:var(--border-med);box-shadow:0 2px 12px #0003}.msg-gif{max-width:280px;max-height:200px;border-radius:8px;cursor:pointer;margin-top:4px;transition:opacity .12s}.msg-gif:hover{opacity:.9}.msg-video{max-width:400px;max-height:300px;border-radius:8px;margin-top:4px;background:#000;display:block}.msg-yt-embed{position:relative;width:100%;max-width:400px;aspect-ratio:16/9;margin-top:4px;border-radius:8px;overflow:hidden;background:#000}.msg-yt-embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none;border-radius:8px}.msg-audio-wrap{display:flex;flex-direction:column;gap:4px;margin-top:4px;max-width:400px;background:var(--ov-3);border:1px solid var(--border);border-radius:8px;padding:8px 12px}.msg-audio-name{font-size:12px;color:var(--text-secondary)}.msg-audio-wrap audio{width:100%;height:32px}.code-block{position:relative;margin:6px 0;border-radius:8px;background:#0000004d;border:1px solid var(--border);overflow:hidden}.code-block pre{margin:0;padding:12px 14px;overflow-x:auto;font-family:var(--mono);font-size:12.5px;line-height:1.5;color:#e0e0e0}.code-block code{font-family:inherit}.code-block-lang{position:absolute;top:4px;right:8px;font-size:9px;font-family:var(--mono);color:var(--text-tertiary);background:var(--ov-6);padding:1px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px;pointer-events:none}[data-theme=light] .code-block{background:#f6f8fa;border-color:#d0d7de}[data-theme=light] .code-block pre{color:#24292f}.hl-kw{color:#c678dd;font-weight:600}.hl-str{color:#98c379}.hl-num{color:#d19a66}.hl-comment{color:#5c6370;font-style:italic}[data-theme=light] .hl-kw{color:#a626a4}[data-theme=light] .hl-str{color:#50a14f}[data-theme=light] .hl-num{color:#986801}[data-theme=light] .hl-comment{color:#a0a1a7}.msg-file-embed{margin:4px 0}.msg-img-grid{display:grid;gap:4px;margin:4px 0;max-width:550px;border-radius:8px;overflow:hidden}.msg-img-grid .img-grid-item{position:relative;overflow:hidden;min-height:0}.msg-img-grid .msg-embed-img{width:100%;height:100%;object-fit:cover;max-width:none;max-height:none;margin:0;border:none;border-radius:0;display:block}.msg-img-grid .msg-embed-img:hover{box-shadow:none;border-color:transparent}.msg-img-grid .msg-file-card{border-radius:0}.img-grid-1{grid-template-columns:1fr;max-width:400px}.img-grid-1 .img-grid-item{max-height:300px}.img-grid-1 .msg-embed-img{object-fit:contain;background:#00000026}.img-grid-2{grid-template-columns:1fr 1fr;height:260px}.img-grid-3{grid-template-columns:3fr 2fr;grid-template-rows:1fr 1fr;height:300px}.img-grid-3 .img-grid-hero{grid-row:1 / 3}.img-grid-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:340px}.img-grid-5{grid-template-columns:repeat(6,1fr);grid-template-rows:1fr 1fr;height:340px}.img-grid-5 .img-grid-item:nth-child(1),.img-grid-5 .img-grid-item:nth-child(2){grid-column:span 3}.img-grid-5 .img-grid-item:nth-child(n+3){grid-column:span 2}.img-grid-6{grid-template-columns:repeat(3,1fr);grid-template-rows:1fr 1fr;height:340px}.img-grid-7{grid-template-columns:repeat(12,1fr);grid-template-rows:1fr 1fr;height:340px}.img-grid-7 .img-grid-item:nth-child(-n+4){grid-column:span 3}.img-grid-7 .img-grid-item:nth-child(n+5){grid-column:span 4}.img-grid-8{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;height:340px}.img-grid-9{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);height:420px}.img-grid-10{grid-template-columns:repeat(5,1fr);grid-template-rows:1fr 1fr;height:340px}.msg-file-card{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;background:var(--ov-4);border:1px solid var(--border);border-radius:8px;margin:4px 0;cursor:default;max-width:320px;transition:border-color .12s}.msg-file-card:hover{border-color:var(--border-med)}.msg-file-icon{font-size:22px;flex-shrink:0}.msg-file-name{font-size:12px;font-weight:600;color:var(--accent);word-break:break-all}.msg-file-size{font-size:10px;color:var(--text-tertiary);font-family:var(--mono);white-space:nowrap;margin-left:auto}[data-theme=light] .msg-file-card{background:#f6f8fa}.file-preview-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);overflow:hidden}.file-preview-thumb{width:60px;height:60px;object-fit:cover;border-radius:6px;flex-shrink:0}.file-preview-name{font-size:12px;color:var(--text-primary);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.file-preview-size{font-size:11px;color:var(--text-tertiary);flex-shrink:0}.file-preview-remove{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;flex-shrink:0}.file-preview-remove:hover{color:var(--red)}.drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000a6;display:flex;align-items:center;justify-content:center;pointer-events:none}.drop-overlay-inner{padding:32px 48px;border:2px dashed var(--accent);border-radius:16px;background:#6366f114;text-align:center}.drop-overlay-icon{font-size:40px;margin-bottom:8px}.drop-overlay-text{font-size:16px;font-weight:700;color:var(--accent)}.msg-link{display:inline-flex;align-items:center;gap:4px;color:var(--accent);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color .1s}.msg-link:hover{border-bottom-color:var(--accent)}.msg-link-icon{font-size:11px;opacity:.6}.msg-link-url{display:none}.msg-quote{border-left:3px solid var(--accent);margin:4px 0;padding:2px 0 2px 12px;color:var(--text-secondary);font-style:italic;background:color-mix(in srgb,var(--accent) 4%,transparent);border-radius:0 4px 4px 0}.msg-text del{opacity:.5;text-decoration:line-through}.msg-text u{text-decoration:underline;text-underline-offset:2px}.msg-spoiler{background:var(--bg-tertiary, #2a2d35);color:transparent;border-radius:3px;padding:0 4px;cursor:pointer;transition:background .15s,color .15s}.msg-spoiler.revealed{background:var(--ov-6);color:inherit}.msg-h1{display:block;font-size:1.5em;font-weight:700;color:var(--text-primary);margin:8px 0 4px;line-height:1.3}.msg-h2{display:block;font-size:1.25em;font-weight:700;color:var(--text-primary);margin:6px 0 2px;line-height:1.3}.msg-h3{display:block;font-size:1.1em;font-weight:600;color:var(--text-primary);margin:4px 0 2px;line-height:1.3}.msg-subtext{display:block;font-size:.8em;color:var(--text-muted, #8a8e94);line-height:1.4;margin:2px 0}.msg-masked-link{display:inline;border-bottom:none}.msg-masked-link:hover{text-decoration:underline}.msg-list-item{display:flex;align-items:baseline;gap:6px;padding:1px 0}.msg-list-bullet,.msg-list-number{color:var(--text-muted, #8a8e94);font-size:.9em;min-width:14px;flex-shrink:0}.msg-list-number{font-family:JetBrains Mono,monospace;font-size:.85em}.msg-quote-block{white-space:pre-wrap}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;cursor:default;animation:fadeIn .15s ease}.lightbox-img{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 40px #00000080;cursor:zoom-in;transition:transform .2s ease}.lightbox-img.lightbox-zoomed{max-width:none;max-height:none;transform:scale(2);cursor:zoom-out}.lightbox-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:none;color:#fff;font-size:20px;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s;z-index:9001}.lightbox-close:hover{background:#fff3}.lightbox-download{color:#ffffffb3;font-size:12px;text-decoration:none;padding:6px 16px;background:#ffffff14;border-radius:6px;font-family:var(--mono);cursor:pointer;transition:all .12s}.lightbox-download:hover{background:#ffffff26;color:#fff}.msg-reply-ref{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-tertiary);margin-bottom:2px;padding-left:36px;cursor:pointer}.msg-reply-ref:hover{color:var(--text-secondary)}.msg-reply-ref:before{content:"";display:inline-block;width:24px;height:12px;border-left:2px solid var(--text-tertiary);border-top:2px solid var(--text-tertiary);border-top-left-radius:6px;margin-right:-18px;opacity:.4}.msg-reply-name{font-weight:600;color:var(--text-secondary)}.msg-reply-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.typing-bar{height:22px;padding:0 16px;font-size:11px;color:var(--text-tertiary);flex-shrink:0;display:flex;align-items:center;transition:margin-right .25s ease}.typing-dots{display:inline-flex;gap:2px;margin-left:4px}.typing-dots span{width:4px;height:4px;background:var(--text-tertiary);border-radius:50%;animation:typingBounce .8s infinite}.chat-input-wrap{padding:0 16px 12px;flex-shrink:0;position:relative;transition:margin-right .25s ease}.popout-active .chat-input-wrap,.popout-active .typing-bar,.popout-active .chat-msgs,.popout-active .chat-empty{margin-right:348px}.popout-expanded .chat-input-wrap,.popout-expanded .typing-bar{margin-right:428px}.popout-expanded .chat-header{padding-right:436px}.popout-expanded .chat-msgs,.popout-expanded .chat-empty,.popout-expanded .vc-call-view{margin-right:428px}.reply-bar{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-surface);border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;font-size:12px;color:var(--text-secondary)}.reply-bar-label{color:var(--text-tertiary);font-size:11px}.reply-bar-name{font-weight:600;color:var(--accent)}.reply-bar-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-tertiary);font-size:11px}.reply-bar-close{width:20px;height:20px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:12px;transition:all .1s}.reply-bar-close:hover{background:var(--ov-8);color:var(--text-primary)}.chat-input-box{display:flex;flex-direction:column;background:var(--bg-darker);border:1px solid var(--bg-darker);border-radius:8px;transition:border-color .15s;position:relative;overflow:hidden}.chat-input-box:focus-within{border-color:var(--border-med)}.reply-bar+.chat-input-box{border-radius:0 0 8px 8px;border-top:none}.chat-input-row{display:flex;align-items:flex-end;gap:4px;padding:4px 6px}.file-preview-area{padding:12px 12px 4px}.file-preview-grid{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:thin}.file-preview-grid::-webkit-scrollbar{height:4px}.file-preview-grid::-webkit-scrollbar-thumb{background:var(--ov-15);border-radius:4px}.file-preview-image-wrap{position:relative;display:flex;flex-direction:column;width:120px;min-width:120px;border-radius:8px;overflow:hidden;background:#0003}.file-preview-image{display:block;width:120px;height:100px;object-fit:cover;border-radius:8px 8px 0 0}.file-preview-remove-btn{position:absolute;top:6px;right:6px;width:24px;height:24px;background:#000000a6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .15s}.file-preview-image-wrap:hover .file-preview-remove-btn{opacity:1}.file-preview-remove-btn:hover{background:#ef4444cc}.file-preview-remove-btn.file-btn-static{position:absolute;top:4px;right:4px;opacity:0;background:#000000a6;color:#fff}.file-preview-file-wrap:hover .file-preview-remove-btn.file-btn-static{opacity:1}.file-preview-remove-btn.file-btn-static:hover{background:#ef4444cc;color:#fff}.file-preview-uploading{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;border-radius:8px}.file-preview-info{padding:4px 6px 2px;display:flex;gap:4px;align-items:baseline}.file-preview-fname{font-size:10px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px}.file-preview-fsize{font-size:9px;color:var(--text-tertiary);font-family:var(--mono);white-space:nowrap}.file-preview-file-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:120px;min-width:120px;height:100px;padding:8px;background:var(--ov-3);border-radius:8px;border:1px solid var(--border);position:relative}.file-preview-file-icon{font-size:28px;flex-shrink:0}.file-preview-file-details{min-width:0;display:flex;flex-direction:column;align-items:center;gap:1px;width:100%}[data-theme=light] .file-preview-area{background:transparent}[data-theme=light] .file-preview-file-wrap{background:#00000008}.chat-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-family:var(--sans);font-size:var(--chat-font-size);padding:6px 8px;resize:none;line-height:1.4;min-height:22px;max-height:120px;overflow-y:auto}.chat-input::placeholder{color:var(--text-tertiary)}.input-btn{width:32px;height:32px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:14px;transition:all .12s;flex-shrink:0}.input-btn:hover{color:var(--text-primary);background:var(--ov-6)}.input-btn.active{color:var(--accent)}.gif-btn{font-family:var(--mono);font-size:10px;font-weight:700;width:auto;padding:0 6px}.send-btn{width:34px;height:34px;background:var(--accent);border:none;clip-path:var(--clip-sm);color:var(--bg-base);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s;flex-shrink:0}.send-btn:hover{filter:brightness(1.15)}.scroll-bottom-btn{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:var(--bg-float);border:1px solid var(--border);border-radius:20px;padding:4px 14px;color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:4px;box-shadow:0 4px 12px #0006;transition:all .15s;z-index:5}.scroll-bottom-btn:hover{background:var(--bg-surface);color:var(--text-primary);border-color:var(--accent)}.members-panel{width:260px;background:var(--bg-base);border-left:3px solid var(--bg-darker);overflow-y:auto;flex-shrink:0}.rp-tab-bar{display:flex;gap:2px;padding:0 12px;height:48px;align-items:center;border-bottom:1px solid var(--bg-darker);flex-shrink:0}.rp-tab-btn{display:flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:4px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;transition:all .12s;position:relative;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.rp-tab-btn:hover{color:var(--text-secondary);background:var(--bg-darker)}.rp-tab-btn.active{color:#fff;background:var(--bg-darker)}.rp-tab-badge{position:absolute;top:2px;right:-2px;min-width:14px;height:14px;border-radius:7px;background:#ef4444;color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px;line-height:1}.rp-tab-divider{width:1px;height:16px;background:var(--text-tertiary);flex-shrink:0}.rp-tab-label{font-size:10px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px;padding:8px 12px 4px;flex-shrink:0}.rp-friends-tab,.rp-dms-tab{flex:1;overflow-y:auto;padding:4px 8px}.rp-freq-section{margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid var(--border)}.rp-freq-header{display:flex;align-items:center;gap:4px;padding:6px 4px;cursor:pointer;-webkit-user-select:none;user-select:none}.rp-freq-header:hover{opacity:.85}.rp-freq-arrow{transition:transform .15s;color:var(--text-tertiary);flex-shrink:0}.rp-freq-arrow.open{transform:rotate(90deg)}.rp-freq-label{font-size:10px;font-weight:700;color:var(--text-tertiary);letter-spacing:.5px;flex:1}.rp-freq-count{font-size:10px;font-weight:700;color:var(--bg-base);background:var(--accent);border-radius:8px;padding:0 6px;min-width:16px;text-align:center;line-height:16px}.rp-empty{font-size:12px;color:var(--text-tertiary);text-align:center;padding:24px 8px}.rp-dm-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background .1s}.rp-dm-row:hover{background:var(--bg-darker)}.rp-dm-row.rp-dm-unread{background:var(--ov-2)}.rp-dm-row.rp-dm-active{background:rgba(var(--accent-rgb, 100,200,180),.1);border-left:2px solid var(--accent)}.rp-dm-info{flex:1;min-width:0}.rp-dm-name{font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rp-dm-name.rp-dm-name-bold{font-weight:600}.rp-dm-preview{font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.rp-dm-meta{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.rp-dm-time{font-size:10px;color:var(--text-tertiary)}.rp-dm-badge{background:var(--red);color:#fff;font-size:10px;font-weight:700;padding:1px 5px;border-radius:8px;min-width:16px;text-align:center}.mem-vc-toggle-bar{display:flex;gap:2px;padding:0 4px 8px;border-bottom:1px solid var(--border);margin-bottom:8px;flex-shrink:0}.mem-vc-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 0;border-radius:4px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;font-size:11px;transition:all .15s}.mem-vc-toggle-btn:hover{background:var(--ov-6);color:var(--text-secondary)}.mem-vc-toggle-btn.active{background:var(--ov-8);color:var(--text-primary)}.mem-group-label{font-size:10px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px;padding:12px 8px 4px}.mem-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:4px;cursor:pointer;transition:background .1s}.mem-row:hover{background:var(--ov-4)}.mem-av-wrap{position:relative;flex-shrink:0}.mem-av{width:28px;height:28px;font-size:9px}.mem-dot{position:absolute;bottom:0;right:0;width:8px;height:8px;border-radius:50%;border:2px solid var(--bg-surface);z-index:1}.mem-dot.on{background:var(--green)}.mem-dot.idle{background:var(--amber)}.mem-dot.dnd{background:var(--red)}.mem-dot.off{background:var(--text-tertiary)}.mem-info{flex:1;min-width:0}.mem-name{font-size:12px;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mem-status-text{font-size:10px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.mem-last-seen{font-size:9px;opacity:.6;font-style:italic}.mem-role-badge{font-size:9px;font-weight:600;padding:2px 6px;border-radius:4px;border:1px solid;white-space:nowrap;flex-shrink:0}.mem-role{font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;text-transform:uppercase;font-family:var(--mono)}.mem-role.admin{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.mem-role.mod,.mem-role.moderator{background:#f59e0b1f;color:var(--amber)}.home-panel{width:224px;background:var(--bg-surface);display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid var(--border)}.home-header{padding:8px 10px;border-bottom:1px solid var(--border);flex-shrink:0;display:flex;align-items:center;gap:6px}.home-search-wrap{flex:1;display:flex;align-items:center;position:relative;background:var(--ov-3);border:1px solid var(--border);border-radius:6px;transition:border-color .12s}.home-search-wrap:focus-within{border-color:var(--accent)}.home-search-icon{position:absolute;left:8px;color:var(--text-tertiary);pointer-events:none;flex-shrink:0}.home-search-input{width:100%;padding:7px 24px 7px 28px;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:12px;font-family:var(--sans)}.home-search-input::placeholder{color:var(--text-tertiary)}.home-search-clear{position:absolute;right:6px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:11px;padding:2px;line-height:1}.home-search-clear:hover{color:var(--text-secondary)}.home-add-friend-btn{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--ov-4);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:all .12s}.home-add-friend-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.home-add-friend-btn:active{transform:scale(.92)}.home-scroll{flex:1;overflow-y:auto;padding:4px 0}.hp-section{padding:4px 0}.hp-section+.hp-section{border-top:1px solid var(--border)}.hp-section-label{font-size:10px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px;padding:8px 12px 4px;display:flex;align-items:center;justify-content:space-between}.hp-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.hp-toggle:hover{color:var(--text-secondary)}.hp-empty{font-size:11px;color:var(--text-tertiary);padding:8px 12px}.hp-request-card{background:var(--ov-3);border:1px solid var(--border);border-radius:10px;padding:10px 12px;margin:4px 8px;animation:rowSlideIn .25s ease both;transition:background .15s,border-color .15s}.hp-request-card:hover{background:var(--ov-5);border-color:var(--ov-8)}.hp-request-card:nth-child(3){animation-delay:.06s}.hp-request-card:nth-child(4){animation-delay:.12s}.hp-req-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.hp-req-info{flex:1;min-width:0}.hp-req-name{font-size:13px;font-weight:600;color:var(--text-primary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-req-user{font-size:10px;color:var(--text-tertiary);display:block;margin-top:1px}.hp-req-type{font-size:9px;color:var(--text-tertiary)}.hp-req-actions{display:flex;gap:8px}.hp-req-accept{flex:1;padding:6px 0;border-radius:6px;border:none;font-size:12px;font-weight:600;background:var(--accent);color:#000;cursor:pointer;transition:filter .15s,transform .1s}.hp-req-accept:hover{filter:brightness(1.1)}.hp-req-accept:active{transform:scale(.97)}.hp-req-ignore{flex:1;padding:6px 0;border-radius:6px;border:1px solid var(--border);font-size:12px;font-weight:500;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s,transform .1s}.hp-req-ignore:hover{background:var(--ov-6);color:var(--text-primary)}.hp-req-ignore:active{transform:scale(.97)}.dm-row{display:flex;align-items:center;gap:8px;padding:6px 12px;cursor:pointer;transition:background .15s,transform .1s;margin:1px 4px;border-radius:6px;position:relative;animation:rowSlideIn .2s ease both}.dm-row:nth-child(2){animation-delay:.03s}.dm-row:nth-child(3){animation-delay:.06s}.dm-row:nth-child(4){animation-delay:.09s}.dm-row:nth-child(5){animation-delay:.12s}.dm-row:hover{background:var(--ov-5)}.dm-row:active{transform:scale(.99)}.dm-row.active{background:color-mix(in srgb,var(--accent) 10%,transparent)}.dm-row.unread{background:var(--ov-2)}.dm-av-wrap{position:relative;flex-shrink:0}.dm-dot{position:absolute;bottom:-1px;right:-1px;width:8px;height:8px;border-radius:50%;border:2px solid var(--bg-surface);transition:background .3s}.dm-dot.on{background:var(--green)}.dm-dot.idle{background:var(--amber)}.dm-dot.dnd{background:var(--red)}.dm-dot.off{background:var(--text-tertiary)}.dm-info{flex:1;min-width:0}.dm-name{font-size:13px;font-weight:500;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-name-unread{color:var(--text-primary);font-weight:600}.dm-preview{font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.dm-typing-preview{color:var(--accent);font-style:italic;display:flex;align-items:center;gap:2px}.dm-typing-preview .typing-dots{margin-left:0}.dm-meta{flex-shrink:0;margin-left:auto;text-align:right}.dm-time{font-size:9px;color:var(--text-tertiary);font-family:var(--mono);transition:opacity .15s}.dm-unread-badge{min-width:16px;height:16px;background:var(--red);color:#fff;font-size:9px;font-weight:700;font-family:var(--mono);border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;animation:badgePop .3s cubic-bezier(.16,1,.3,1) both}.dm-close-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:4px;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s,opacity .15s;opacity:0}.dm-row:hover .dm-close-btn{opacity:1}.dm-row:hover .dm-meta .dm-time{opacity:0}.dm-close-btn:hover{background:var(--ov-10);color:var(--text-secondary)}.dm-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;margin-top:auto}.dm-welcome-name{font-size:20px;font-weight:700;color:var(--text-primary);margin-top:12px}.dm-welcome-user{font-size:12px;color:var(--text-tertiary);font-family:var(--mono);margin-top:2px}.dm-welcome-text{font-size:13px;color:var(--text-secondary);margin-top:12px;text-align:center;max-width:360px;line-height:1.5}.dm-welcome-text strong{color:var(--text-primary)}.chat-h-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chat-h-status-dot.on{background:var(--green)}.chat-h-status-dot.idle{background:var(--amber)}.chat-h-status-dot.dnd{background:var(--red)}.chat-h-status-dot.off{background:var(--text-tertiary)}.hp-friends-list{padding:2px 0}.hp-friends-sub{font-size:9px;color:var(--text-tertiary);padding:6px 12px 2px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.hp-friend-row{display:flex;align-items:center;gap:8px;padding:3px 12px;cursor:pointer;border-radius:4px;margin:0 4px;transition:background .1s}.hp-friend-row:hover{background:var(--ov-4)}.hp-friend-name{font-size:12px;color:var(--text-secondary)}.hp-friend-name.dim{color:var(--text-tertiary)}.auth-wrapper{height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-base)}.auth-box{width:380px;padding:32px;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px}.auth-logo{font-family:var(--sans);font-size:32px;font-weight:700;color:var(--accent);text-align:center;margin-bottom:4px;text-transform:uppercase;letter-spacing:2px}.auth-sub{font-size:12px;color:var(--text-tertiary);text-align:center;margin-bottom:24px;font-family:var(--mono)}.auth-label{font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;display:block}.auth-input{width:100%;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:var(--sans);font-size:14px;outline:none;transition:border-color .15s;margin-bottom:14px}.auth-input:focus{border-color:var(--accent)}.auth-btn{width:100%;padding:10px;background:var(--accent);border:none;clip-path:var(--clip-sm);color:var(--bg-base);font-family:var(--sans);font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:filter .12s}.auth-btn:hover{filter:brightness(1.15)}.auth-btn:disabled{opacity:.5;cursor:not-allowed}.auth-toggle{text-align:center;margin-top:16px;font-size:12px;color:var(--text-tertiary)}.auth-toggle button{background:none;border:none;color:var(--accent);cursor:pointer;font-weight:600;font-family:var(--sans)}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:8px 12px;font-size:12px;color:var(--red);margin-bottom:14px}.auth-field{width:100%;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:var(--sans);font-size:14px;outline:none;transition:border-color .15s;margin-bottom:14px}.auth-field:focus{border-color:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlayFadeIn .15s ease}.modal{background:var(--bg-float);border:1px solid var(--border);border-radius:12px;padding:24px;max-width:480px;width:90%;animation:modalScaleIn .2s cubic-bezier(.16,1,.3,1)}.modal-title{font-family:var(--sans);font-size:18px;font-weight:700;color:var(--text-primary);text-transform:uppercase;margin-bottom:4px}.modal-sub{font-size:12px;color:var(--text-tertiary);margin-bottom:8px}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.cs-modal{max-width:440px}.cs-templates{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}.cs-tmpl{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--ov-3);border:1.5px solid var(--border);border-radius:8px;cursor:pointer;transition:all .12s;text-align:left;color:var(--text-secondary);font-family:var(--sans)}.cs-tmpl:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,transparent)}.cs-tmpl.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);box-shadow:0 0 0 1px var(--accent)}.cs-tmpl-icon{font-size:22px;flex-shrink:0}.cs-tmpl-label{font-size:13px;font-weight:600;color:var(--text-primary)}.cs-tmpl-desc{display:none}.modal-btn{padding:8px 16px;border:none;border-radius:6px;font-size:12px;font-weight:700;font-family:var(--sans);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:var(--accent);color:var(--bg-base);transition:all .12s cubic-bezier(.16,1,.3,1)}.modal-btn:hover{filter:brightness(1.15);transform:translateY(-1px)}.modal-btn:active{transform:translateY(0) scale(.97)}.modal-btn:disabled{opacity:.5;cursor:not-allowed}.modal-btn.cancel{background:var(--ov-4);color:var(--text-secondary);border:1px solid var(--border)}.modal-btn.cancel:hover{background:var(--ov-8);filter:none}.modal-field{margin-bottom:12px}.modal-field label{display:block;font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.profile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000}.profile-card{position:fixed;width:320px;max-height:calc(100vh - 24px);overflow-y:auto;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;z-index:2001;box-shadow:0 16px 48px #0009;animation:profileCardIn .2s cubic-bezier(.16,1,.3,1)}.pc-banner{height:80px;position:relative;overflow:hidden}.pc-banner-img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.pc-avatar-wrap{position:relative;width:72px;height:72px;margin:-36px 0 0 16px}.pc-avatar{width:64px;height:64px;border-radius:50%;font-size:20px;border:4px solid var(--bg-surface)}.pc-status-ring{position:absolute;bottom:2px;right:2px;width:16px;height:16px;border-radius:50%;border:3px solid var(--bg-surface)}.pc-body{padding:8px 16px 16px}.pc-name{font-size:18px;font-weight:800;color:var(--text-primary);letter-spacing:-.2px}.pc-handle{font-size:11px;color:var(--text-tertiary);font-family:var(--mono);margin-top:1px}.pc-custom-status{font-size:12px;color:var(--text-secondary);margin-top:6px;padding:4px 8px;background:var(--ov-4);border-radius:6px}.pc-status-clickable{cursor:pointer;transition:background .15s}.pc-status-clickable:hover{background:var(--ov-8)}.pc-status-edit{margin-top:6px;display:flex;flex-direction:column;gap:6px}.pc-status-input{width:100%;padding:5px 8px;font-size:12px;border-radius:6px;border:1px solid var(--border);background:var(--bg-base);color:var(--text-primary);outline:none}.pc-status-input:focus{border-color:var(--accent)}.pc-status-edit-actions{display:flex;justify-content:flex-end;gap:4px}.pc-divider{height:1px;background:var(--border);margin:12px 0}.pc-section{margin-bottom:10px}.pc-section-label{font-size:10px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.pc-roles{display:flex;flex-wrap:wrap;gap:4px;align-items:center;position:relative}.pc-role-tag{font-size:10px;font-weight:600;padding:3px 8px;border-radius:4px;display:flex;align-items:center;gap:4px;background:color-mix(in srgb,var(--role-color, #8b9ab8) 10%,transparent);color:var(--text-secondary);border:1px solid color-mix(in srgb,var(--role-color, #8b9ab8) 40%,transparent);transition:all .12s;text-transform:uppercase;font-family:var(--mono);letter-spacing:.3px}.pc-role-tag.removable{padding-right:4px}.pc-role-x{background:none;border:none;color:var(--text-tertiary);font-size:14px;line-height:1;cursor:pointer;padding:0 2px;margin-left:2px;border-radius:3px;transition:all .1s;font-family:var(--sans);display:flex;align-items:center;justify-content:center;width:16px;height:16px}.pc-role-x:hover{background:var(--ov-10);color:var(--text-primary)}.pc-role-x:disabled{opacity:.4;cursor:default}.pc-role-none{font-size:11px;color:var(--text-tertiary);font-style:italic}.pc-role-add-wrap{position:relative;display:inline-flex}.pc-role-add-btn{width:24px;height:24px;border-radius:4px;border:1px dashed var(--border);background:none;color:var(--text-tertiary);font-size:16px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s}.pc-role-add-btn:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.pc-role-dropdown{position:absolute;bottom:calc(100% + 6px);left:0;z-index:300;min-width:200px;max-height:240px;overflow-y:auto;background:var(--bg-float);border:1px solid var(--border-med);border-radius:8px;padding:4px;box-shadow:0 8px 24px #00000080}.pc-role-dd-title{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);padding:6px 10px 4px}.pc-role-dd-empty{font-size:11px;color:var(--text-tertiary);padding:8px 10px;font-style:italic}.pc-role-dd-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;background:none;border:none;border-radius:5px;color:var(--text-secondary);font-size:12px;font-family:var(--sans);cursor:pointer;transition:all .08s}.pc-role-dd-item:hover:not(:disabled){background:var(--ov-6);color:var(--text-primary)}.pc-role-dd-item:disabled{opacity:.5;cursor:default}.pc-role-dd-name{flex:1;text-align:left}.pc-role-dd-spin{font-size:11px;color:var(--text-tertiary)}.pc-role-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pc-bio{font-size:12px;color:var(--text-secondary);line-height:1.5}.pc-meta{font-size:12px;color:var(--text-secondary)}.pc-status-row{display:flex;align-items:center;gap:6px}.pc-status-dot{width:8px;height:8px;border-radius:50%}.pc-status-text{font-size:12px;color:var(--text-secondary)}.pc-actions{display:flex;gap:8px;margin-top:12px}.pc-btn{flex:1;padding:8px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--sans);transition:all .12s}.pc-btn.primary{background:var(--accent);color:var(--bg-base)}.pc-btn.primary:hover{filter:brightness(1.15)}.pc-btn.secondary{background:var(--ov-6);color:var(--text-secondary);border:1px solid var(--border)}.pc-btn.secondary:hover{background:var(--ov-10)}.pc-streaming-badge{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#e03e3e;margin-bottom:8px}.pc-streaming-dot{width:8px;height:8px;border-radius:50%;background:#e03e3e;animation:speakPulse .8s infinite}.pc-btn-watch{width:100%;padding:8px;background:#e03e3e;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;font-family:var(--sans);transition:filter .12s}.pc-btn-watch:hover{filter:brightness(1.2)}.pc-stream-preview{width:100%;aspect-ratio:16/9;background:#000;border-radius:6px;overflow:hidden;margin-bottom:8px;border:1px solid var(--border)}.profile-btn{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--sans);transition:all .12s}.profile-btn.primary{background:var(--accent);color:var(--bg-base)}.profile-btn.secondary{background:var(--ov-6);color:var(--text-secondary);border:1px solid var(--border)}.profile-btn:hover{filter:brightness(1.15)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--bg-float);color:var(--text-primary);padding:10px 24px;border:1px solid var(--accent);border-radius:8px;font-size:12px;font-weight:600;z-index:9999;animation:toastLife 3s ease forwards;box-shadow:0 8px 24px #0006}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes typingBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes toastLife{0%{opacity:0;transform:translate(-50%,10px)}8%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,6px)}}@keyframes callPulse{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 40%,transparent)}50%{box-shadow:0 0 0 12px #3ecfbf00}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.92) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes profileCardIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes ctxMenuIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes menuDropIn{0%{opacity:0;transform:scaleY(.9) translateY(-4px)}to{opacity:1;transform:scaleY(1) translateY(0)}}@keyframes statusPopupIn{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes msgSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes cardFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes settingsPanelIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes vcBarSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes rowSlideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes badgePop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes pillSlideIn{0%{opacity:0;height:0}to{opacity:1;height:50%}}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:3000;display:flex;align-items:center;justify-content:center;animation:overlayFadeIn .15s ease}.settings-panel{display:flex;width:90vw;max-width:900px;height:80vh;max-height:680px;position:relative;background:var(--bg-base);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000080;animation:settingsPanelIn .25s cubic-bezier(.16,1,.3,1)}.settings-sidebar{width:200px;padding:20px 12px;display:flex;flex-direction:column;gap:2px;background:var(--bg-surface);border-right:1px solid var(--border);flex-shrink:0;overflow-y:auto;border-radius:12px 0 0 12px}.settings-sidebar-header{font-size:10px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px;padding:8px;margin-bottom:4px}.settings-nav{width:100%;padding:7px 10px;background:none;border:none;border-radius:6px;color:var(--text-secondary);font-size:13px;font-weight:500;font-family:var(--sans);text-align:left;cursor:pointer;transition:all .12s cubic-bezier(.16,1,.3,1)}.settings-nav:hover{background:var(--ov-4);color:var(--text-primary);transform:translate(2px)}.settings-nav.active{background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--accent)}.settings-nav-danger{color:var(--red)!important}.settings-nav-danger:hover{background:#ef44441a!important}.settings-content{flex:1;padding:32px 40px;overflow-y:auto}.settings-close{position:absolute;top:12px;right:12px;width:32px;height:32px;background:var(--ov-4);border:1px solid var(--border);border-radius:50%;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .15s cubic-bezier(.16,1,.3,1);z-index:10}.settings-close:hover{background:var(--ov-8);color:var(--text-primary);border-color:var(--text-tertiary);transform:rotate(90deg)}.settings-title{font-family:var(--sans);font-size:20px;font-weight:700;color:var(--text-primary);text-transform:uppercase;margin-bottom:16px}.settings-subtitle{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.settings-field{margin-bottom:14px}.settings-field label{display:block;font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.settings-input{width:100%;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-family:var(--sans);font-size:14px;outline:none;transition:border-color .15s;box-sizing:border-box}.settings-input:focus{border-color:var(--accent)}.settings-textarea{resize:vertical;min-height:60px}.settings-save{padding:8px 18px;background:var(--accent);border:none;border-radius:6px;color:var(--bg-base);font-weight:700;font-size:12px;font-family:var(--sans);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:filter .12s}.settings-save:hover{filter:brightness(1.15)}.settings-save:disabled{opacity:.5;cursor:not-allowed}.settings-btn-danger{padding:8px 18px;background:var(--red);border:none;border-radius:6px;color:#fff;font-weight:700;font-size:12px;font-family:var(--sans);cursor:pointer;text-transform:uppercase}.settings-loading,.settings-empty{text-align:center;padding:24px;font-size:13px;color:var(--text-tertiary)}.settings-btn-add{display:block;width:100%;padding:10px;background:none;border:1px dashed var(--border-med);border-radius:6px;color:var(--accent);font-size:12px;font-weight:700;font-family:var(--sans);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:all .12s}.settings-btn-add:hover{background:color-mix(in srgb,var(--accent) 6%,transparent);border-color:var(--accent)}.settings-btn-cancel{padding:8px 18px;background:var(--ov-4);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:12px;font-weight:600;font-family:var(--sans);cursor:pointer;transition:all .12s}.settings-btn-cancel:hover{background:var(--ov-8)}.settings-color{border:none;cursor:pointer;border-radius:6px}.us-profile-preview{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:16px;position:relative}.us-banner{height:80px;position:relative;overflow:hidden}.us-banner-img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.us-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;opacity:0;transition:opacity .15s;cursor:pointer;border:none;z-index:2}.us-upload-overlay:hover,.us-banner:hover .us-upload-overlay.banner{opacity:1}.us-remove-img.banner{position:absolute;top:4px;right:4px;z-index:3;background:#0009;border:none;color:#fff;width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:11px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.us-banner:hover .us-remove-img.banner{opacity:1}.us-remove-img.banner:hover{background:#ef4444cc}.us-remove-avatar{background:none;border:none;color:var(--text-tertiary);font-size:10px;cursor:pointer;padding:2px 6px;margin-top:2px}.us-remove-avatar:hover{color:var(--red, #ef4444)}.us-avatar-row{margin:-28px 0 0 16px;position:relative;z-index:1;display:inline-block}.us-avatar-wrap{position:relative;cursor:pointer;border-radius:50%;overflow:hidden}.us-avatar-wrap .us-upload-overlay.avatar{border-radius:50%;font-size:9px}.us-avatar-wrap:hover .us-upload-overlay.avatar{opacity:1}.us-avatar{border:4px solid var(--bg-surface)!important}.us-preview-info{padding:8px 16px 14px}.us-preview-name{font-size:18px;font-weight:800;color:var(--text-primary);letter-spacing:-.2px}.us-preview-handle{font-size:11px;color:var(--text-tertiary);font-family:var(--mono)}.us-preview-status{font-size:11px;color:var(--text-secondary);margin-top:6px;padding:3px 8px;background:var(--ov-4);border-radius:4px;display:inline-block}.us-preview-bio{font-size:12px;color:var(--text-secondary);margin-top:8px;line-height:1.5;border-top:1px solid var(--border);padding-top:8px}.us-char-count{font-size:10px;color:var(--text-tertiary);text-align:right;margin-top:2px}.us-gradient-grid{display:flex;flex-wrap:wrap;gap:6px}.us-gradient-swatch{width:36px;height:36px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:border-color .12s,transform .12s}.us-gradient-swatch:hover{transform:scale(1.1)}.us-gradient-swatch.active{border-color:#fff;transform:scale(1.15)}.us-banner-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.us-banner-swatch{height:40px;border-radius:6px;cursor:pointer;border:2px solid transparent;transition:all .12s}.us-banner-swatch:hover{transform:scale(1.03)}.us-banner-swatch.active{border-color:#fff;box-shadow:0 0 0 1px #ffffff4d}.settings-nav-icon{font-size:14px;margin-right:2px}.us-account-card{background:var(--ov-3);border-radius:8px;padding:12px}.us-account-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border)}.us-account-row:last-child{border-bottom:none}.us-account-label{font-size:12px;color:var(--text-tertiary)}.us-account-value{font-size:12px;color:var(--text-primary);font-family:var(--mono)}.reveal-btn{background:none;border:none;color:var(--brand);font-size:10px;cursor:pointer;padding:0 4px;font-family:var(--sans);font-weight:600}.reveal-btn:hover{text-decoration:underline}.us-danger-zone{margin-top:24px;padding-top:16px;border-top:1px solid rgba(239,68,68,.3)}.us-appearance-preview{background:var(--ov-3);border-radius:8px;overflow:hidden;margin-bottom:12px;padding:8px}.us-slider-row{display:flex;align-items:center;gap:8px}.us-slider-label{font-size:11px;color:var(--text-tertiary);font-weight:700}.us-slider-label.lg{font-size:16px}.us-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:var(--border);border-radius:3px;outline:none;cursor:pointer}.us-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-surface);box-shadow:0 1px 4px #0000004d}.us-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg-surface);box-shadow:0 1px 4px #0000004d}.us-slider-val{font-size:12px;color:var(--text-primary);font-family:var(--mono);min-width:36px}.us-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.us-theme-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;background:var(--ov-3);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .12s}.us-theme-card:hover{background:var(--ov-6)}.us-theme-card.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.us-theme-icon{font-size:22px}.us-theme-label{font-size:12px;font-weight:700;color:var(--text-primary)}.us-theme-desc{font-size:10px;color:var(--text-tertiary)}.us-accent-grid{display:flex;flex-wrap:wrap;gap:8px}.us-accent-swatch{width:32px;height:32px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .12s}.us-accent-swatch:hover{transform:scale(1.15)}.us-accent-swatch.active{border-color:#fff;transform:scale(1.2);box-shadow:0 0 8px var(--ov-20)}.us-toggle-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--ov-3);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .12s;flex-wrap:wrap}.us-toggle-row:hover{background:var(--ov-6)}.us-toggle-row>span:first-child{font-size:13px;font-weight:500;color:var(--text-primary)}.us-toggle-desc{font-size:11px;color:var(--text-tertiary);flex:1}.us-toggle{width:36px;height:20px;border-radius:10px;background:var(--border-med);position:relative;transition:background .15s;flex-shrink:0}.us-toggle.on{background:var(--accent)}.us-toggle-knob{width:16px;height:16px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .15s}.us-toggle.on .us-toggle-knob{transform:translate(16px)}.us-notif-status{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--ov-3);border:1px solid var(--border);border-radius:8px;margin-bottom:16px;font-size:13px;color:var(--text-secondary)}.us-notif-dot{width:8px;height:8px;border-radius:50%;background:var(--red);flex-shrink:0}.us-notif-dot.on{background:var(--green)}.us-notif-list{display:flex;flex-direction:column;gap:6px}.us-notif-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--ov-3);border-radius:6px}.us-notif-item>span{font-size:16px;flex-shrink:0;width:24px;text-align:center}.us-notif-item-title{font-size:12px;font-weight:600;color:var(--text-primary)}.us-notif-item-desc{font-size:11px;color:var(--text-tertiary);margin-top:1px}.dm-unread-badge{min-width:16px;height:16px;background:var(--red);color:#fff;font-size:9px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;animation:badgeBounce .3s cubic-bezier(.16,1,.3,1)}.us-status-options{display:flex;flex-direction:column;gap:6px}.us-status-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--ov-3);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:13px;font-weight:500;font-family:var(--sans);cursor:pointer;transition:all .12s}.us-status-btn:hover{background:var(--ov-6);border-color:var(--border-med)}.us-status-btn.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--text-primary)}.us-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.ctx-menu{position:fixed;z-index:300;min-width:180px;background:var(--bg-float);border:1px solid var(--border);border-radius:8px;padding:4px;box-shadow:0 8px 24px #00000080;animation:ctxMenuIn .12s cubic-bezier(.16,1,.3,1);transform-origin:top left}.ctx-react-row{display:flex;gap:2px;padding:4px 6px 6px;border-bottom:1px solid var(--border);margin-bottom:2px}.ctx-react-btn{width:32px;height:28px;background:none;border:1px solid transparent;border-radius:4px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s}.ctx-react-btn:hover{background:var(--ov-6);border-color:var(--border)}.ctx-react-more{font-size:12px;color:var(--text-tertiary);font-weight:700}.ctx-item{display:block;width:100%;padding:7px 10px;background:none;border:none;border-radius:4px;color:var(--text-secondary);font-size:12px;font-family:var(--sans);text-align:left;cursor:pointer;transition:all .08s}.ctx-item:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--text-primary)}.ctx-danger:hover{background:#ef44441a;color:var(--red)}.msg-hover-bar{display:none;position:absolute;right:12px;top:-10px;z-index:10;background:var(--bg-float);border:1px solid var(--border);border-radius:6px;padding:2px 3px;box-shadow:0 2px 8px #0000004d}.msg-group:hover>.msg-hover-bar,.msg-cont:hover>.msg-hover-bar{display:flex;gap:1px}.mhb-btn{width:26px;height:24px;background:none;border:none;border-radius:4px;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s;color:var(--text-tertiary)}.mhb-btn:hover{background:var(--ov-6);color:var(--text-primary)}.mhb-sep{width:1px;height:16px;background:var(--border);margin:4px 2px}.msg-hover-bar.flip-bottom{top:auto;bottom:-10px}.msg-hover-time{display:none;position:absolute;left:8px;top:50%;transform:translateY(-50%);width:44px;text-align:right;font-size:9px;color:var(--text-tertiary);font-family:var(--mono);pointer-events:none}.msg-cont:hover .msg-hover-time{display:block}.react-picker-float{position:fixed;z-index:9998}.react-picker-float .picker-wrap,.react-picker-float .picker-popup{position:relative!important;bottom:auto!important;right:auto!important;margin-bottom:0!important}.msg-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--ov-4);border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .12s;font-size:12px}.reaction-chip:hover{background:var(--ov-8);border-color:var(--border-med)}.reaction-chip.reacted{background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.reaction-emoji{font-size:14px}.reaction-count{font-size:10px;color:var(--text-tertiary);font-weight:600;font-family:var(--mono)}.reaction-chip.reacted .reaction-count{color:var(--accent)}.reaction-chip.reaction-add{font-size:16px;color:var(--text-tertiary);padding:2px 8px;opacity:0;transition:opacity .12s,background .12s}.msg-reactions:hover .reaction-add{opacity:1}.reaction-chip.reaction-add:hover{color:var(--text-primary);background:var(--ov-10)}.msg-editing{background:#f59e0b0a;border-left:2px solid var(--amber);margin-left:-2px}.edit-box{margin-top:4px}.edit-input{width:100%;padding:8px 10px;background:var(--bg-input);border:1px solid var(--amber);border-radius:6px;color:var(--text-primary);font-size:13px;font-family:var(--sans);outline:none;box-sizing:border-box;resize:none;line-height:1.45}.edit-input:focus{border-color:var(--accent)}.edit-actions{display:flex;gap:6px;align-items:center;margin-top:4px}.edit-save{padding:3px 12px;font-size:11px;font-weight:600;font-family:var(--sans);background:var(--accent);border:none;border-radius:4px;color:#000;cursor:pointer}.edit-cancel{padding:3px 12px;font-size:11px;font-weight:600;font-family:var(--sans);background:none;border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);cursor:pointer}.msg-edited{font-size:9px;color:var(--text-tertiary);font-style:italic;margin-left:4px}.ch-add-btn{width:16px;height:16px;background:none;border:none;border-radius:3px;color:var(--text-tertiary);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s;opacity:0}.ch-category:hover .ch-add-btn{opacity:1}.ch-add-btn:hover{color:var(--text-primary);background:var(--ov-6)}.ch-type-btn{padding:6px 14px;background:var(--ov-4);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:12px;font-weight:600;font-family:var(--sans);cursor:pointer;transition:all .1s}.ch-type-btn.active{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:var(--accent);color:var(--accent)}.ch-type-btn:hover:not(.active){background:var(--ov-6)}.server-menu{position:absolute;top:100%;left:0;right:0;background:var(--bg-float);border:1px solid var(--border-med);border-radius:6px;padding:4px;z-index:100;box-shadow:0 8px 24px #0006;animation:menuDropIn .12s cubic-bezier(.16,1,.3,1);transform-origin:top center}.server-menu-item{display:block;width:100%;padding:8px 10px;background:none;border:none;border-radius:4px;color:var(--text-secondary);font-size:12px;font-weight:500;font-family:var(--sans);text-align:left;cursor:pointer;transition:all .1s}.server-menu-item:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--text-primary)}.server-menu-item.danger{color:var(--red)}.server-menu-item.danger:hover{background:#ef44441a}.picker-popup{position:absolute;bottom:100%;right:0;width:320px;max-height:360px;background:var(--bg-float);border:1px solid var(--border-med);border-radius:10px;box-shadow:0 -4px 24px #0006;display:flex;flex-direction:column;z-index:200;margin-bottom:4px}.picker-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--border)}.picker-title{font-size:12px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.picker-close{width:20px;height:20px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;border-radius:4px;transition:all .1s}.picker-close:hover{background:var(--ov-8);color:var(--text-primary)}.picker-tabs{display:flex;gap:2px;padding:4px 8px;border-bottom:1px solid var(--border);overflow-x:auto}.picker-tab{padding:4px 8px;background:none;border:none;border-radius:4px;font-size:12px;color:var(--text-tertiary);cursor:pointer;white-space:nowrap;transition:all .1s}.picker-tab:hover{background:var(--ov-4);color:var(--text-secondary)}.picker-tab.active{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.picker-search{width:100%;padding:6px 10px;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);font-size:12px;font-family:var(--sans);outline:none;box-sizing:border-box}.picker-search:focus{border-color:var(--accent)}.picker-body{flex:1;overflow-y:auto;padding:8px}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,32px);gap:2px;justify-content:center}.emoji-item{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:20px;cursor:pointer;border-radius:4px;transition:background .1s}.emoji-item:hover{background:var(--ov-8)}.gif-trending{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.gif-tag{padding:4px 10px;background:var(--ov-4);border:1px solid var(--border);border-radius:12px;font-size:10px;color:var(--text-secondary);cursor:pointer;font-family:var(--mono);transition:all .1s}.gif-tag:hover{border-color:var(--accent);color:var(--accent)}.gif-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.gif-card{aspect-ratio:1;overflow:hidden;border-radius:4px;cursor:pointer;background:var(--ov-3);transition:transform .1s}.gif-card:hover{transform:scale(1.05)}.gif-card img{width:100%;height:100%;object-fit:cover}.gif-placeholder{text-align:center;padding:16px;color:var(--text-tertiary);font-size:11px}.gif-attribution{display:flex;align-items:center;justify-content:center;gap:5px;padding:4px 8px;border-top:1px solid var(--border);font-size:9px;color:var(--text-tertiary);font-weight:600;letter-spacing:.3px;flex-shrink:0}.gif-giphy-logo{width:16px;height:16px;border-radius:3px}.toolbar-panel{padding:8px 16px;border-bottom:1px solid var(--border);background:var(--bg-surface);max-height:280px;overflow-y:auto;flex-shrink:0}.toolbar-search{width:100%;padding:8px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:12px;font-family:var(--sans);outline:none;box-sizing:border-box;margin-bottom:8px}.toolbar-search:focus{border-color:var(--accent)}.toolbar-search-results{max-height:180px;overflow-y:auto}.search-empty{text-align:center;padding:12px;color:var(--text-tertiary);font-size:11px}.search-result{display:flex;gap:8px;padding:6px;border-radius:4px;transition:background .1s}.search-result:hover{background:var(--ov-3)}.search-result-head{display:flex;gap:6px;align-items:baseline}.search-result-name{font-size:11px;font-weight:600;color:var(--text-primary)}.search-result-time{font-size:9px;color:var(--text-tertiary);font-family:var(--mono)}.search-result-text{font-size:11px;color:var(--text-secondary);margin-top:2px}.pin-msg{display:flex;gap:8px;padding:8px;border-radius:6px;background:var(--ov-2);margin-bottom:4px;cursor:pointer;transition:background .1s}.pin-msg:hover{background:var(--ov-4)}.pin-msg-content{flex:1;min-width:0}.pin-msg-head{display:flex;gap:6px;align-items:baseline}.pin-msg-name{font-size:11px;font-weight:600;color:var(--text-primary)}.pin-msg-time{font-size:9px;color:var(--text-tertiary);font-family:var(--mono)}.pin-msg-text{font-size:12px;color:var(--text-secondary);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;margin-bottom:8px;overflow:hidden;transition:all .15s}.role-card:hover{border-color:var(--border-med);box-shadow:0 2px 8px #0000001a}.role-card.expanded{border-color:var(--accent)}.role-card-header{display:flex;align-items:center;gap:10px;padding:12px 14px;cursor:pointer}.role-dot-lg{width:14px;height:14px;border-radius:4px;flex-shrink:0;box-shadow:0 0 6px #0003}.role-card-name{font-size:14px;font-weight:700}.role-card-count{font-size:10px;color:var(--text-tertiary);font-family:var(--mono);background:var(--ov-4);padding:2px 8px;border-radius:10px;letter-spacing:.3px}.role-card-actions-inline{display:flex;gap:4px;margin-left:auto}.role-card-actions-inline button{padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;font-family:var(--mono);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:1px solid var(--border);background:none;color:var(--text-tertiary);transition:all .1s}.role-card-actions-inline .rc-edit:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.role-card-actions-inline .rc-delete:hover{border-color:var(--red);color:var(--red);background:#ef44440f}.role-chevron{width:14px;height:14px;color:var(--text-tertiary);transition:transform .15s;flex-shrink:0}.role-card.expanded .role-chevron{transform:rotate(180deg)}.role-card-body{padding:10px 14px 14px;border-top:1px solid var(--border)}.role-card-section-title{font-size:10px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.role-member-row{display:flex;align-items:center;gap:8px;padding:4px 0}.role-member-name{font-size:12px;color:var(--text-secondary)}.role-remove-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:12px;padding:2px 6px;border-radius:4px;transition:all .1s;margin-left:auto}.role-remove-btn:hover{background:#ef44441a;color:var(--red)}.role-preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}.role-preset-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;background:var(--ov-3);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s;position:relative;overflow:hidden}.role-preset-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.role-preset-card:hover{border-color:var(--border-med);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.role-preset-card.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 4%,transparent)}.rpc-icon{font-size:20px}.rpc-name{font-size:12px;font-weight:700;color:var(--text-primary)}.rpc-desc{font-size:10px;color:var(--text-tertiary);text-align:center;line-height:1.3}.role-color-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.role-color-swatch{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .12s;box-shadow:0 2px 4px #0003}.role-color-swatch:hover{transform:scale(1.15)}.role-color-swatch.active{border-color:#fff;transform:scale(1.2);box-shadow:0 0 8px var(--ov-20)}.role-preset-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--ov-4);border:1px solid var(--border);border-radius:6px;font-size:12px;font-weight:600;font-family:var(--sans);color:var(--text-secondary);cursor:pointer;transition:all .12s}.role-preset-chip:hover{background:var(--ov-8);border-color:var(--border-med);color:var(--text-primary)}.perm-grid{display:flex;flex-direction:column;gap:12px}.perm-group-label{font-size:10px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid var(--border)}.perm-toggle{display:flex;align-items:center;justify-content:space-between;padding:6px 0;cursor:pointer}.perm-toggle.perm-admin{background:#ef44440a;padding:8px;border-radius:6px;margin:4px 0}.perm-info{flex:1;min-width:0}.perm-label{font-size:12px;font-weight:600;color:var(--text-primary);display:block}.perm-desc{font-size:10px;color:var(--text-tertiary);display:block;margin-top:1px}.perm-switch{position:relative;width:36px;height:20px;flex-shrink:0;margin-left:12px}.perm-switch input{opacity:0;width:0;height:0}.perm-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ov-6);border-radius:10px;border:1px solid var(--border);transition:all .15s;cursor:pointer}.perm-slider:before{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;background:var(--text-tertiary);border-radius:50%;transition:all .15s}.perm-switch input:checked+.perm-slider{background:var(--accent);border-color:var(--accent)}.perm-switch input:checked+.perm-slider:before{background:#fff;transform:translate(16px)}.members-admin-list{display:flex;flex-direction:column;gap:4px}.mem-admin-row{display:flex;align-items:center;gap:10px;padding:8px;background:var(--ov-3);border-radius:6px;flex-wrap:wrap}.mem-admin-info{flex:1;min-width:0}.mem-admin-name{font-size:13px;font-weight:600;color:var(--text-primary)}.mem-admin-handle{font-size:10px;color:var(--text-tertiary);font-family:var(--mono)}.owner-badge{font-size:8px;font-weight:700;background:#ef444426;color:var(--red);padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.3px;margin-left:4px}.mem-role-tag{font-size:10px;font-weight:600;text-transform:uppercase;font-family:var(--mono)}.mem-admin-actions{display:flex;gap:4px}.mem-action-btn{padding:4px 10px;border:1px solid var(--border);border-radius:4px;background:none;font-size:10px;font-weight:600;font-family:var(--sans);cursor:pointer;color:var(--text-secondary);transition:all .1s}.mem-action-btn:hover{background:var(--ov-4)}.mem-action-btn.warn{color:var(--amber);border-color:#f59e0b4d}.mem-action-btn.warn:hover{background:#f59e0b1a}.mem-action-btn.danger{color:var(--red);border-color:#ef44444d}.mem-action-btn.danger:hover{background:#ef44441a}.mem-header-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.mem-count{font-size:12px;color:var(--text-tertiary);font-family:var(--mono);white-space:nowrap}.mem-search{flex:1;max-width:220px;padding:6px 10px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:12px;font-family:var(--sans);outline:none}.mem-search:focus{border-color:var(--accent)}.mem-list-v2{display:flex;flex-direction:column;gap:4px}.mem-card-v2{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;background:var(--ov-2);border:1px solid transparent;border-radius:8px;transition:all .12s}.mem-card-v2:hover{background:var(--ov-4);border-color:var(--border)}.mem-card-info{flex:1;min-width:0}.mem-card-name{font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.mem-owner-badge{font-size:9px;padding:1px 6px;border-radius:8px;background:#f59e0b1f;color:var(--amber);font-weight:600}.mem-card-tag{font-size:10px;color:var(--text-tertiary);font-family:var(--mono);margin-top:1px}.mem-role-chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.mem-role-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px 2px 6px;border:1px solid;border-radius:10px;font-size:10px;font-weight:600;background:var(--ov-2);transition:all .1s}.mem-chip-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.mem-chip-x{background:none;border:none;color:inherit;font-size:9px;cursor:pointer;padding:0 0 0 2px;opacity:0;transition:opacity .1s;line-height:1}.mem-role-chip:hover .mem-chip-x{opacity:.7}.mem-chip-x:hover{opacity:1!important}.mem-card-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;margin-top:4px}.mem-roles-btn{padding:4px 10px;border:1px dashed var(--border);border-radius:6px;background:none;font-size:10px;font-weight:600;font-family:var(--mono);cursor:pointer;color:var(--accent);transition:all .12s}.mem-roles-btn:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent)}.mem-action-btn-v2{padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:none;font-size:10px;font-weight:600;font-family:var(--sans);cursor:pointer;color:var(--text-tertiary);transition:all .1s}.mem-action-btn-v2.warn{color:var(--amber)}.mem-action-btn-v2.warn:hover{background:#f59e0b14;border-color:#f59e0b4d}.mem-action-btn-v2.danger{color:var(--red)}.mem-action-btn-v2.danger:hover{background:#ef444414;border-color:#ef44444d}.mem-role-dd{position:absolute;top:100%;right:0;z-index:200;min-width:200px;background:var(--bg-float);border:1px solid var(--border-med);border-radius:8px;padding:4px;box-shadow:0 8px 24px #00000080;margin-top:4px}.mem-role-dd-title{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);padding:6px 10px 4px}.mem-role-dd-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;background:none;border:none;border-radius:5px;color:var(--text-secondary);font-size:12px;font-family:var(--sans);cursor:pointer;transition:all .08s}.mem-role-dd-item:hover{background:var(--ov-6);color:var(--text-primary)}.mem-role-dd-item.active{background:color-mix(in srgb,var(--accent) 8%,transparent)}.mem-dd-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.mem-dd-name{flex:1;text-align:left}.mem-dd-check{color:var(--accent);font-weight:700;font-size:14px}.mem-dd-empty{font-size:11px;color:var(--text-tertiary);padding:8px 10px;text-align:center}.role-assign-inline{width:100%;display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;padding:8px;background:var(--ov-2);border-radius:6px}.role-assign-item{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--ov-3);border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);font-size:11px;font-family:var(--sans);cursor:pointer;transition:all .1s}.role-assign-item:hover{border-color:var(--accent);color:var(--text-primary)}.role-color-dot{width:8px;height:8px;border-radius:50%}.inline-role-dropdown{position:absolute;top:100%;right:0;z-index:100;min-width:180px;background:var(--bg-float);border:1px solid var(--border);border-radius:6px;padding:4px;box-shadow:0 8px 24px #0006;margin-top:4px}.ird-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;background:none;border:none;border-radius:4px;color:var(--text-secondary);font-size:12px;font-family:var(--sans);cursor:pointer;transition:all .08s}.ird-item:hover{background:var(--ov-5);color:var(--text-primary)}.ban-row{display:flex;align-items:center;gap:10px;padding:8px;background:var(--ov-3);border-radius:6px;margin-bottom:4px}.ban-row:hover{background:var(--ov-5)}.ban-info{flex:1;min-width:0}.ban-name{font-size:13px;font-weight:600;color:var(--text-primary)}.ban-reason{font-size:10px;color:var(--text-tertiary);margin-top:2px}.audit-filters{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.audit-filter-btn{padding:4px 12px;font-size:11px;font-weight:600;text-transform:capitalize;border:1px solid var(--border);background:transparent;color:var(--text-tertiary);border-radius:14px;cursor:pointer;transition:all .15s}.audit-filter-btn:hover{color:var(--text-secondary);border-color:var(--text-tertiary)}.audit-filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.audit-list{display:flex;flex-direction:column;gap:2px}.audit-entry{display:flex;gap:12px;padding:10px 12px;border-radius:6px;transition:background .1s}.audit-entry:hover{background:var(--ov-3)}.audit-entry-icon{width:32px;height:32px;border-radius:50%;background:var(--ov-4);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}.audit-entry-body{flex:1;min-width:0}.audit-entry-line{font-size:13px;color:var(--text-secondary);line-height:1.4}.audit-actor{color:var(--text-primary);font-weight:600}.audit-verb{color:var(--text-tertiary)}.audit-target{color:var(--text-primary);font-weight:500}.audit-entry-reason{font-size:11px;color:var(--text-tertiary);margin-top:3px;padding:4px 8px;background:var(--ov-3);border-radius:4px;border-left:2px solid var(--text-tertiary)}.audit-entry-time{font-size:10px;color:var(--text-tertiary);margin-top:3px;font-family:var(--mono)}.gradient-preview{width:80px;height:40px;border-radius:8px;margin-bottom:6px;border:1px solid var(--border)}.invite-link-box{display:flex;gap:8px;background:var(--ov-3);border-radius:6px;border:1px solid var(--border);overflow:hidden}.invite-link-input{flex:1;padding:8px 12px;background:none;border:none;color:var(--text-primary);font-size:12px;font-family:var(--mono);outline:none}.invite-copy-btn{padding:8px 14px;background:var(--accent);border:none;color:var(--bg-base);font-size:11px;font-weight:700;font-family:var(--sans);cursor:pointer;text-transform:uppercase;letter-spacing:.3px;transition:filter .12s}.invite-copy-btn:hover{filter:brightness(1.15)}.cb-panel{display:flex;flex-direction:column;align-items:center;flex:1;position:relative;background:radial-gradient(ellipse at 50% 30%,rgba(94,234,212,.04) 0%,transparent 60%),var(--bg-base);overflow:hidden}.cb-panel-video{flex:1;min-height:300px}.cb-audio-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:40px 20px 12px;gap:12px;position:relative;width:100%}.cb-avatar-ring{position:relative;border-radius:50%;padding:4px}.cb-avatar-ring:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2.5px solid transparent;transition:all .4s ease}.cb-avatar-ring.connected:before{border-color:var(--accent);box-shadow:0 0 18px #5eead426}.cb-avatar-ring.ringing:before{border-color:var(--accent);animation:ringPulse 2s ease-out infinite}@keyframes ringPulse{0%{transform:scale(1);opacity:.6;border-color:var(--accent)}50%{transform:scale(1.12);opacity:.2}to{transform:scale(1);opacity:.6}}.cb-call-info{text-align:center}.cb-call-name{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.cb-call-status{font-size:12px;color:var(--accent);font-family:var(--mono);letter-spacing:.3px}.cb-call-badges{display:flex;gap:6px;justify-content:center;margin-top:2px}.cb-minimize-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:6px;border:1px solid var(--border);background:var(--ov-4);color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;z-index:10}.cb-minimize-btn:hover{background:var(--ov-8);color:var(--text-primary)}.cb-minimize-btn svg{width:14px;height:14px}.cb-min-top{top:10px;right:10px}.cb-controls-pill{display:flex;align-items:flex-start;justify-content:center;gap:12px;padding:12px 20px 16px;width:100%}.cb-controls-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0009 40%);padding:32px 20px 16px;opacity:0;transition:opacity .2s}.cb-panel-video:hover .cb-controls-overlay{opacity:1}.cb-ctrl-group{display:flex;flex-direction:column;align-items:center;gap:4px}.cb-ctrl{width:42px;height:42px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;background:var(--ov-8);color:var(--text-secondary)}.cb-ctrl:hover{background:#ffffff24;color:var(--text-primary);transform:translateY(-1px)}.cb-ctrl.on{background:#5eead426;color:var(--accent)}.cb-ctrl.on:hover{background:#5eead440}.cb-ctrl.warn{background:#f59e0b2e;color:#fbbf24}.cb-ctrl.warn:hover{background:#f59e0b47;color:#fde68a}.cb-ctrl.streamer{background:#a855f726;color:#c084fc}.cb-ctrl.streamer:hover{background:#a855f740}.cb-ctrl.end{width:52px;height:42px;border-radius:21px;background:#dc2626;color:#fff}.cb-ctrl.end:hover{background:#ef4444;transform:translateY(-1px);box-shadow:0 4px 14px #ef44444d}.cb-ctrl-label{font-size:9px;color:var(--text-tertiary);font-weight:500;letter-spacing:.2px;-webkit-user-select:none;user-select:none}.cb-badge{display:inline-block;font-size:9px;font-weight:600;padding:2px 7px;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.cb-badge.share{background:#3b82f626;color:#60a5fa}.cb-badge.streamer{background:#a855f726;color:#c084fc}.cb-remote-state{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-tertiary);margin-top:4px}.cb-vt-state{display:flex;align-items:center;color:#f87171;margin-left:4px}.cb-video-area{position:relative;flex:1;min-height:0;width:100%;background:#000;display:flex;align-items:center;justify-content:center}.cb-video-main{width:100%;height:100%}.cb-video-fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.cb-video-fill video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:transparent}.cb-video-pip{position:absolute;bottom:60px;right:12px;width:180px;height:120px;border-radius:10px;overflow:hidden;border:2px solid var(--ov-12);box-shadow:0 4px 16px #00000080;z-index:5;transition:all .2s;cursor:pointer}.cb-video-pip:hover{border-color:var(--accent);transform:scale(1.03)}.cb-video-pip video{width:100%;height:100%;object-fit:cover}.cb-fs-btn{position:absolute;top:40px;right:8px;width:30px;height:30px;border-radius:6px;background:#00000080;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;z-index:5}.cb-video-area:hover .cb-fs-btn{opacity:1}.cb-fs-btn:hover{background:#000000b3}.cb-fs-btn svg{width:14px;height:14px}.cb-video-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:linear-gradient(rgba(0,0,0,.5),transparent);z-index:6}.cb-vt-user{display:flex;align-items:center;gap:8px}.cb-vt-name{font-size:12px;font-weight:600;color:#fff}.cb-vt-timer{font-size:10px;color:var(--accent);font-family:var(--mono)}@keyframes callPulse{0%,to{opacity:1}50%{opacity:.5}}.call-pulse{animation:callPulse 2s infinite}.incoming-call-notif{position:fixed;top:16px;right:16px;z-index:9999;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:300px;max-width:380px;box-shadow:0 8px 32px #00000073,0 0 0 1px var(--ov-4);animation:icnSlideIn .3s cubic-bezier(.16,1,.3,1)}@keyframes icnSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.icn-left{display:flex;align-items:center;gap:10px;min-width:0}.icn-avatar-wrap{position:relative;flex-shrink:0}.icn-ring-dot{position:absolute;top:-2px;right:-2px;width:12px;height:12px;border-radius:50%;background:#22c55e;border:2px solid var(--bg-surface);z-index:1;animation:icnPulse 1.5s ease-out infinite}@keyframes icnPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}.icn-info{min-width:0}.icn-name{font-size:13px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icn-type{font-size:11px;color:#22c55e;font-family:var(--mono);animation:icnTypeFlash 2s ease infinite}@keyframes icnTypeFlash{0%,to{opacity:1}50%{opacity:.5}}.icn-actions{display:flex;gap:6px;flex-shrink:0}.icn-btn{width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.icn-btn.accept{background:#22c55e;color:#fff}.icn-btn.accept:hover{background:#16a34a;transform:scale(1.08);box-shadow:0 0 12px #22c55e66}.icn-btn.decline{background:#ef444426;color:#ef4444}.icn-btn.decline:hover{background:#ef4444;color:#fff;transform:scale(1.08)}.rejoin-call-banner{position:fixed;top:16px;left:50%;transform:translate(-50%);z-index:9998;background:var(--bg-surface);border:1px solid var(--accent);border-radius:12px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:340px;box-shadow:0 8px 32px #00000073,0 0 0 1px #3bc4c226;animation:icnSlideIn .3s cubic-bezier(.16,1,.3,1)}.rcb-left{display:flex;align-items:center;gap:10px}.rcb-name{font-size:13px;font-weight:600;color:var(--text-primary)}.rcb-time{font-size:11px;color:var(--text-tertiary)}.rcb-actions{display:flex;gap:8px}.rcb-btn{border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.rcb-btn.rejoin{background:var(--accent);color:#fff}.rcb-btn.rejoin:hover{background:#2db5b3}.rcb-btn.dismiss{background:var(--ov-6);color:var(--text-secondary)}.rcb-btn.dismiss:hover{background:var(--ov-10)}.ssp-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;background:#0009;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s}.ssp-modal{background:var(--bg-float);border:1px solid var(--border);border-radius:12px;width:420px;max-width:90vw;box-shadow:0 20px 60px #00000080;animation:modalSlideIn .2s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.ssp-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0}.ssp-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0}.ssp-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:4px;display:flex}.ssp-close:hover{color:var(--text-primary);background:var(--ov-6)}.ssp-info{display:flex;align-items:center;gap:14px;padding:16px 20px}.ssp-info-text{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.4}.ssp-section{padding:0 20px 14px}.ssp-label{font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.ssp-options{display:flex;gap:8px}.ssp-opt{flex:1;background:var(--ov-4);border:1px solid var(--ov-8);border-radius:8px;padding:10px 8px;cursor:pointer;text-align:center;transition:all .15s;display:flex;flex-direction:column;gap:2px}.ssp-opt:hover{background:var(--ov-8);border-color:var(--ov-15)}.ssp-opt-active{background:#3bc4c21f;border-color:var(--accent)}.ssp-opt-active:hover{background:#3bc4c22e}.ssp-opt-label{font-size:13px;font-weight:600;color:var(--text-primary)}.ssp-opt-active .ssp-opt-label{color:var(--accent)}.ssp-opt-desc{font-size:10px;color:var(--text-tertiary)}.ssp-audio-row{display:flex;align-items:center;gap:10px;padding:4px 20px 16px;cursor:pointer;font-size:13px;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.ssp-checkbox{width:20px;height:20px;border-radius:4px;border:2px solid var(--ov-20);background:transparent;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0;cursor:pointer}.ssp-checked{background:var(--accent);border-color:var(--accent)}.ssp-footer{display:flex;justify-content:flex-end;gap:10px;padding:0 20px 16px}.ssp-cam-preview{margin:8px 20px 4px;border-radius:8px;overflow:hidden;background:#000;aspect-ratio:16/9;max-height:140px}.ssp-cam-preview video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.ssp-btn-cancel{background:none;border:1px solid var(--ov-10);border-radius:6px;color:var(--text-secondary);padding:8px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.ssp-btn-cancel:hover{background:var(--ov-6);color:var(--text-primary)}.ssp-btn-start{background:var(--accent);border:none;border-radius:6px;color:#fff;padding:8px 20px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .15s}.ssp-btn-start:hover{background:#2db5b3}.ssp-btn-start svg{flex-shrink:0}.call-card-wrap{padding:4px 52px}.call-card{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--bg-float);border:1px solid var(--border);border-radius:10px;max-width:380px;transition:background .15s}.call-card:hover{background:var(--ov-3)}.call-card-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--ov-6);color:var(--text-secondary)}.call-card-active .call-card-icon{background:#22c55e26;color:#22c55e;animation:callPulse 2s infinite}.call-card-ended .call-card-icon{background:var(--ov-6);color:var(--accent)}.call-card-missed .call-card-icon{background:#ef44441f;color:#ef4444}.call-card-info{flex:1;min-width:0}.call-card-title{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:600;color:var(--text-primary)}.call-card-arrow{flex-shrink:0}.call-card-ended .call-card-arrow{color:var(--accent)}.call-card-arrow.missed,.call-card-missed .call-card-arrow{color:#ef4444}.call-card-meta{display:flex;align-items:center;gap:6px;margin-top:1px}.call-card-status{font-size:11px;color:var(--text-secondary)}.call-card-active .call-card-status{color:#22c55e}.call-card-missed .call-card-status{color:#ef4444}.call-card-time{font-size:10px;color:var(--text-tertiary);font-family:var(--mono)}.call-card-time:before{content:"·";margin-right:6px}.call-card-callback{width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--ov-4);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.call-card-callback:hover{background:rgba(var(--accent-rgb, 94,234,212),.15);color:var(--accent);border-color:var(--accent)}.call-card-callback svg{width:16px;height:16px}.mini-call-bar{position:fixed;bottom:24px;right:24px;background:var(--bg-float);border:2px solid var(--accent);border-radius:14px;display:flex;align-items:center;gap:14px;z-index:5000;box-shadow:0 8px 32px #0006,0 0 16px #5eead426;cursor:grab;-webkit-user-select:none;user-select:none;transition:box-shadow .15s;animation:miniCallPulse 3s ease-in-out infinite}@keyframes miniCallPulse{0%,to{box-shadow:0 8px 32px #0006,0 0 16px #5eead426}50%{box-shadow:0 8px 32px #0006,0 0 24px #5eead440}}.mini-call-bar:not(.mcb-with-preview){padding:10px 14px}.mini-call-bar:not(.mcb-with-preview) .mcb-bottom{display:flex;align-items:center;gap:14px}.mini-call-bar.mcb-with-preview{flex-direction:column;padding:0;width:320px;overflow:hidden;gap:0}.mcb-preview{width:100%;height:180px;background:#000;cursor:pointer;position:relative}.mcb-preview-video{width:100%;height:100%}.mcb-preview-video video{width:100%;height:100%;object-fit:contain}.mcb-with-preview .mcb-bottom{display:flex;align-items:center;gap:10px;padding:10px 12px;width:100%}.mini-call-bar:active{cursor:grabbing;box-shadow:0 12px 40px #00000080}.mcb-info{display:flex;align-items:center;gap:8px;cursor:pointer}.mcb-name{font-size:14px;font-weight:600;color:var(--text-primary)}.mcb-status{font-size:11px;color:var(--accent);font-family:var(--mono);display:flex;align-items:center;gap:4px}.mcb-live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulse 1.5s infinite}.mcb-controls{display:flex;gap:5px}.mcb-btn{width:34px;height:34px;background:var(--ov-4);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .1s}.mcb-btn:hover{background:var(--ov-8);color:var(--text-primary)}.mcb-btn.muted{color:#f59e0b;border-color:#f59e0b;background:#f59e0b1a}.mcb-btn.danger{color:var(--red);border-color:var(--red)}.mcb-btn.danger:hover{background:var(--red);color:#fff}.mini-screen-share{position:fixed;width:320px;height:200px;background:#000;border-radius:12px;overflow:hidden;z-index:9990;box-shadow:0 8px 32px #000000a6,0 0 0 1px var(--ov-8);transition:box-shadow .2s;cursor:grab;-webkit-user-select:none;user-select:none}.mini-screen-share:active{cursor:grabbing}.mini-screen-share:hover{box-shadow:0 8px 40px #000000bf,0 0 0 1px #2dd4bf4d}.mss-drag-hint{position:absolute;top:6px;left:50%;transform:translate(-50%);font-size:14px;color:#ffffff4d;pointer-events:none;z-index:3;letter-spacing:2px;opacity:0;transition:opacity .15s}.mini-screen-share:hover .mss-drag-hint{opacity:1}.mss-video{width:100%;height:100%;cursor:pointer;background:#0a0a0f}.mss-video video{object-fit:contain!important}.mss-info{position:absolute;bottom:0;left:0;right:0;padding:6px 10px;background:linear-gradient(transparent,#000000d9);display:flex;align-items:center;gap:6px;font-size:11px;color:#fff;font-weight:600;pointer-events:none}.mss-live-dot{width:6px;height:6px;background:#ef4444;border-radius:50%;animation:pulse 1.5s infinite;flex-shrink:0}.mss-name{opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mss-extra{background:var(--ov-15);padding:1px 6px;border-radius:8px;font-size:9px}.mss-close{position:absolute;top:6px;right:6px;width:24px;height:24px;background:#0009;border:none;border-radius:50%;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .15s;z-index:2}.mss-back{position:absolute;top:6px;right:36px;width:24px;height:24px;background:#0009;border:none;border-radius:50%;color:#fff;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s,background .15s;z-index:2}.mini-screen-share:hover .mss-close,.mini-screen-share:hover .mss-back{opacity:1}.mss-close:hover,.mss-back:hover{background:var(--ov-20)}.home-dash{flex:1;overflow-y:auto;padding:24px 32px;background:linear-gradient(180deg,var(--bg-base) 0%,rgba(13,148,136,.03) 100%)}.hd-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;animation:cardFadeUp .3s ease both}.hd-logo{width:48px;height:48px;background:var(--accent);color:var(--bg-base);display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-size:22px;font-weight:800;border-radius:12px}.hd-title{font-family:var(--sans);font-size:20px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.hd-subtitle{font-size:12px;color:var(--text-tertiary);margin-top:2px}.hd-header-actions{display:flex;align-items:center;gap:8px}.hd-bell{position:relative;width:36px;height:36px;border-radius:8px;background:var(--ov-4);border:1px solid var(--border);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .12s;color:var(--text-tertiary)}.hd-bell:hover{background:var(--ov-8);border-color:var(--accent);color:var(--text-primary)}.hd-bell-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;background:var(--red);color:#fff;font-size:9px;font-weight:700;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 3px}.hd-header-btn{width:36px;height:36px;border-radius:8px;background:var(--ov-4);border:1px solid var(--border);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .12s;color:var(--text-tertiary)}.hd-header-btn:hover{background:var(--ov-8);border-color:var(--accent);color:var(--text-primary)}.hd-row-split{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.hd-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:16px;min-height:120px;animation:cardFadeUp .35s cubic-bezier(.16,1,.3,1) both}.hd-row-split:nth-child(3) .hd-card{animation-delay:.05s}.hd-row-split:nth-child(3) .hd-card:nth-child(2){animation-delay:.1s}.hd-row-split:nth-child(4) .hd-card{animation-delay:.12s}.hd-row-split:nth-child(4) .hd-card:nth-child(2){animation-delay:.17s}.hd-qa-card{animation-delay:.2s}.hd-card-title{font-size:11px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px;margin-bottom:12px}.hd-empty{font-size:12px;color:var(--text-tertiary)}.hd-server-banners{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto}.hd-server-banner{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s ease}.hd-server-banner:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000059}.hd-sb-bg{height:48px;width:100%;opacity:.5}.hd-server-banner:hover .hd-sb-bg{opacity:.7}.hd-sb-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:10px;padding:0 12px}.hd-sb-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0;border:2px solid var(--ov-15)}.hd-sb-name{font-size:13px;font-weight:700;color:var(--text-primary);text-shadow:0 1px 3px rgba(0,0,0,.4)}.hd-sb-meta{font-size:10px;color:var(--text-secondary);text-shadow:0 1px 2px rgba(0,0,0,.3)}.hd-server-banner.popular .hd-sb-bg{opacity:.35}.hd-activity-list{display:flex;flex-direction:column;gap:4px}.hd-act-label{font-size:9px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.hd-act-row{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:6px;cursor:pointer;transition:all .12s cubic-bezier(.16,1,.3,1)}.hd-act-row:hover{background:var(--ov-4);transform:translate(2px)}.hd-act-name{font-size:12px;color:var(--text-secondary);flex:1}.hd-act-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.hd-act-dot.on{background:var(--green)}.hd-act-dot.off{background:var(--text-tertiary);opacity:.4}.hd-notif-dropdown{position:fixed;width:300px;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 32px #0009;z-index:1000;overflow:hidden;animation:cardFadeUp .18s ease both}.hd-notif-header{padding:12px 16px 10px;font-size:11px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border)}.hd-notif-list{padding:8px;max-height:240px;overflow-y:auto}.hd-notif-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:background .12s}.hd-notif-item:hover{background:var(--ov-6)}.hd-notif-badge{min-width:20px;height:20px;background:var(--red);color:#fff;font-size:10px;font-weight:700;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:0 4px}.hd-notif-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:24px 16px;color:var(--text-tertiary);font-size:13px}.hd-hub-content{display:flex;flex-direction:column;gap:12px}.hd-hub-banner{position:relative;border-radius:10px;overflow:hidden;height:80px}.hd-hub-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--accent),#7C3AED);opacity:.4}.hd-hub-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:12px;padding:0 16px}.hd-hub-icon{width:40px;height:40px;background:var(--accent);color:var(--bg-base);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;border-radius:10px;flex-shrink:0;font-family:var(--sans)}.hd-hub-title{font-size:14px;font-weight:700;color:var(--text-primary)}.hd-hub-desc{font-size:11px;color:var(--text-secondary);margin-top:2px;line-height:1.4}.hd-hub-features{display:flex;flex-direction:column;gap:4px}.hd-hub-feat{font-size:11px;color:var(--text-secondary);padding:2px 0}.hd-hub-join{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--sans);transition:opacity .15s;width:100%}.hd-hub-join:hover{opacity:.85}.hd-bookmarks-list{display:flex;flex-direction:column;gap:2px;max-height:240px;overflow-y:auto}.hd-bookmark-row{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:6px;cursor:pointer;transition:all .12s}.hd-bookmark-row:hover{background:var(--ov-4)}.hd-bookmark-info{flex:1;min-width:0;display:flex;flex-direction:column}.hd-bookmark-channel{font-size:12px;color:var(--text-primary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hd-bookmark-server{font-size:10px;color:var(--text-tertiary)}.hd-bookmark-remove{background:none;border:none;color:var(--text-tertiary);cursor:pointer;opacity:0;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .12s}.hd-bookmark-row:hover .hd-bookmark-remove{opacity:1}.hd-bookmark-remove:hover{color:var(--red);background:#e03e3e1a}.hd-friends-scroll{max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:2px}.hd-friend-row{display:flex;align-items:center;gap:10px;padding:5px 6px;border-radius:6px;cursor:pointer;transition:all .12s cubic-bezier(.16,1,.3,1)}.hd-friend-row:hover{background:var(--ov-4);transform:translate(2px)}.hd-friend-info{flex:1;min-width:0}.hd-friend-name{font-size:12px;color:var(--text-secondary);display:block}.hd-friend-name.dim{opacity:.5}.hd-friend-status{font-size:10px;color:var(--text-tertiary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hd-shortcuts-list{display:flex;flex-direction:column;gap:4px}.hd-shortcut-row{display:flex;align-items:center;gap:10px;padding:5px 6px;font-size:12px;color:var(--text-secondary)}.hd-shortcut-key{background:var(--bg-darker);border:1px solid var(--border);border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600;font-family:monospace;color:var(--accent);min-width:60px;text-align:center;flex-shrink:0}.hd-tip{font-size:11px;color:var(--text-tertiary);padding:6px;border-top:1px solid var(--border);margin-top:4px}.hd-tip:first-of-type{margin-top:8px}.hd-datetime{margin-right:16px}.hd-status-pills{display:flex;gap:8px;align-items:center;margin-right:16px}.hd-pill{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500;color:var(--text-tertiary);background:var(--ov-4);padding:4px 10px;border-radius:12px;border:1px solid var(--border);white-space:nowrap}.hd-pill-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.hd-pill-dot.on{background:var(--accent)}.hd-qa-card{margin-bottom:16px}.hd-qa-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px}.hd-qa-toggle{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--ov-2);border:1px solid var(--border);border-radius:8px;color:var(--text-tertiary);font-size:12px;font-family:var(--sans);cursor:pointer;transition:all .12s}.hd-qa-toggle.active{background:color-mix(in srgb,var(--accent) 6%,transparent);border-color:color-mix(in srgb,var(--accent) 25%,transparent);color:var(--text-primary)}.hd-qa-toggle:hover{background:var(--ov-4)}.hd-qa-check{margin-left:auto;font-size:12px;font-weight:700;color:var(--accent)}.hd-action-btns{display:flex;flex-wrap:wrap;gap:6px}.hd-action-btn{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--ov-3);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:12px;font-family:var(--sans);cursor:pointer;transition:all .15s cubic-bezier(.16,1,.3,1)}.hd-action-btn:hover{background:var(--ov-6);border-color:var(--accent);color:var(--text-primary);transform:translateY(-1px)}.hd-action-btn:active{transform:translateY(0) scale(.97)}.hd-action-icon{font-size:16px;width:24px;text-align:center}.streamer-view{position:relative;flex-shrink:0;height:280px;background:#000;border-bottom:1px solid var(--border);overflow:hidden}.sv-screen{width:100%;height:100%;background:radial-gradient(ellipse at center,#1a1a2e,#0a0a0f);display:flex;align-items:center;justify-content:center}.sv-screen-placeholder{text-align:center}.sv-screen-text{font-size:14px;color:var(--text-secondary);margin-top:8px;font-weight:600}.sv-screen-sub{font-size:11px;color:var(--text-tertiary);margin-top:4px}.sv-cam{position:absolute;width:150px;height:110px;background:var(--bg-float);border:2px solid rgba(168,85,247,.5);border-radius:10px;cursor:grab;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 20px #0009;-webkit-user-select:none;user-select:none}.sv-cam:hover{box-shadow:0 4px 24px #a855f74d}.sv-cam:active{cursor:grabbing;border-color:#c084fc}.sv-cam-inner{text-align:center;pointer-events:none}.sv-cam-label{font-size:10px;color:var(--text-primary);font-weight:600;margin-top:4px;pointer-events:none}.sv-cam-drag-hint{position:absolute;bottom:3px;right:6px;font-size:8px;color:var(--text-tertiary);opacity:.5;pointer-events:none}.sv-live-badge{position:absolute;top:10px;left:10px;background:#ef4444e6;color:#fff;padding:3px 10px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #ef444466}.sv-live-dot{width:6px;height:6px;background:#fff;border-radius:50%;animation:pulse 1.5s infinite}.screen-share-view{position:relative;flex-shrink:0;background:#000;border-bottom:1px solid var(--border);overflow:hidden}.screen-share-view.ssv-grid{display:grid;gap:2px;padding:2px}.screen-share-view.ssv-grid-1{grid-template-columns:1fr;height:360px}.screen-share-view.ssv-grid-2{grid-template-columns:1fr 1fr;height:280px}.screen-share-view.ssv-grid-3{grid-template-columns:1fr 1fr 1fr;height:240px}.screen-share-view.ssv-grid-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:400px}.ssv-tile{position:relative;background:var(--ov-3);border-radius:6px;overflow:hidden;cursor:pointer;border:1px solid var(--ov-8);transition:border-color .15s}.ssv-tile:hover{border-color:var(--ov-15)}.ssv-tile-video{width:100%;height:100%;background:transparent}.ssv-tile-video video{object-fit:contain!important}.ssv-tile-info{position:absolute;bottom:0;left:0;right:0;padding:6px 10px;background:none;display:flex;align-items:center;gap:6px;font-size:11px;color:#fff;font-weight:600;z-index:4;text-shadow:0 1px 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.5)}.ssv-tile-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ssv-tile-close{background:var(--ov-10);border:none;color:#fff;width:20px;height:20px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .12s;flex-shrink:0}.ssv-tile:hover .ssv-tile-close{opacity:1}.ssv-tile-close:hover{background:#ef444480}.ssv-live-dot{width:8px;height:8px;background:#ef4444;border-radius:50%;animation:pulse 1.5s infinite;flex-shrink:0}.ssv-sharing-bar{display:flex;align-items:center;gap:8px;padding:8px 14px;background:linear-gradient(135deg,#ef44441f,#ef44440f);border-bottom:1px solid var(--border);font-size:12px;color:var(--text-primary);font-weight:600;flex-shrink:0}.ssv-sharing-bar .ssv-live-dot{width:8px;height:8px}.ssv-stop-btn{margin-left:auto;padding:4px 12px;background:var(--red);color:#fff;border:none;border-radius:4px;font-size:11px;font-weight:700;cursor:pointer;transition:background .15s}.ssv-stop-btn:hover{background:#dc2626}.solo-share-preview .ssv-sharing-bar,.solo-share-preview.ssp-collapsed .ssv-sharing-bar{border-bottom:none}.ssv-close-all{position:absolute;top:8px;right:8px;z-index:12;width:28px;height:28px;border-radius:6px;border:none;background:#0000008c;color:var(--text-secondary);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;opacity:0;pointer-events:none}.screen-share-view:hover .ssv-close-all{opacity:1;pointer-events:auto}.ssv-close-all:hover{background:var(--ov-15);color:#fff}.ssv-fs-btn{position:absolute;top:8px;right:44px;z-index:12;background:#0000008c;border:none;color:#fff;width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .15s;opacity:0;pointer-events:none}.screen-share-view:hover .ssv-fs-btn{opacity:1;pointer-events:auto}.ssv-fs-btn:hover{background:#ffffff40}.ssv-fullscreen{position:fixed!important;top:0;right:0;bottom:0;left:0;width:100vw!important;height:100vh!important;z-index:9999;border:none!important;border-radius:0!important}.ssv-fullscreen.ssv-grid-1,.ssv-fullscreen.ssv-grid-2,.ssv-fullscreen.ssv-grid-3,.ssv-fullscreen.ssv-grid-4,.ssv-fullscreen.ssv-focus{height:100vh!important}.ssv-fullscreen .ssv-fs-btn,.ssv-fullscreen .ssv-close-all{opacity:0}.ssv-fullscreen:hover .ssv-fs-btn,.ssv-fullscreen:hover .ssv-close-all{opacity:1;pointer-events:auto}.ssv-focus{display:grid;grid-template-columns:1fr 180px;grid-template-rows:1fr;height:400px;gap:2px;padding:2px}.ssv-focus .ssv-tile-focused{grid-row:1 / -1;grid-column:1}.ssv-focus .ssv-tile-thumb{height:auto;min-height:0}.ssv-focus .ssv-tile-focused{border-color:var(--ov-8)}.ssv-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-tertiary);font-size:11px;font-family:var(--sans);z-index:1}.ssv-tile-video:has(video) .ssv-loading{display:none}.ssv-loading-spinner{width:28px;height:28px;border:2.5px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:ssvSpin .8s linear infinite}@keyframes ssvSpin{to{transform:rotate(360deg)}}.ssv-tile-ended{pointer-events:none;animation:ssvFadeOut 3s ease forwards}.ssv-ended-card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-tertiary);background:#000c;z-index:5}.ssv-ended-text{font-size:12px;font-family:var(--sans);font-weight:600}@keyframes ssvFadeOut{0%,70%{opacity:1}to{opacity:0}}.ssv-tile-controls{position:absolute;top:8px;left:8px;display:flex;gap:4px;z-index:10;opacity:0;transition:opacity .15s}.ssv-tile:hover .ssv-tile-controls{opacity:1}.ssv-ctrl-btn{background:#000000a6;border:none;color:#fff;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600;font-family:var(--sans);transition:background .12s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ssv-ctrl-btn:hover{background:var(--ov-20)}.stream-preview-tooltip{background:var(--bg-float);border:1px solid var(--border);border-radius:8px;padding:6px;width:240px;box-shadow:0 8px 24px #0006;animation:sptFadeIn .15s ease}.spt-video-wrapper{position:relative;border-radius:6px;overflow:hidden}.spt-video-wrapper:hover .spt-play-overlay{opacity:1}.spt-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0006;opacity:0;transition:opacity .15s;font-size:28px;color:#fff;pointer-events:none;border-radius:6px}.spt-video{width:228px;height:128px;background:#000;border-radius:6px;overflow:hidden}.spt-label{font-size:12px;font-weight:600;color:var(--text-primary);margin-top:6px;padding:0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spt-tune-in{width:100%;margin-top:6px;padding:6px;background:var(--accent);color:var(--bg-base);border:none;border-radius:4px;font-size:11px;font-weight:700;font-family:var(--sans);cursor:pointer;transition:filter .12s}.spt-tune-in:hover{filter:brightness(1.15)}@keyframes sptFadeIn{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}.sv-fs-btn{position:absolute;top:10px;right:10px;background:var(--ov-12);border:none;color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:background .15s;z-index:12}.sv-fs-btn:hover{background:#ffffff40}.sv-fullscreen{position:fixed!important;top:0;right:0;bottom:0;left:0;width:100vw!important;height:100vh!important;z-index:9999;border:none!important;border-radius:0!important}.sv-fullscreen .sv-screen{height:100%}.sv-fullscreen .sv-live-badge,.sv-fullscreen .sv-fs-btn{opacity:0;transition:opacity .25s}.sv-fullscreen:hover .sv-live-badge,.sv-fullscreen:hover .sv-fs-btn{opacity:1}.sv-video-fill{width:100%;height:100%;background:#000}.sv-video-fill video{object-fit:contain!important}.sv-cam-video{width:100%;height:100%;border-radius:8px;overflow:hidden}.sv-cam-video video{object-fit:cover!important;transform:scaleX(-1)}.welcome{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px}.welcome-logo{width:56px;height:56px;clip-path:var(--clip-lg);background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;color:var(--bg-base);font-family:var(--sans)}.welcome-title{font-family:var(--sans);font-size:28px;font-weight:800;color:var(--text-primary);text-transform:uppercase}.welcome-title span{color:var(--accent)}.group-label{font-size:10px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px;padding:12px 8px 4px}.loading-msgs{text-align:center;padding:40px;color:var(--text-tertiary)}.loading-spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;margin-bottom:8px}@keyframes spin{to{transform:rotate(360deg)}}.mention{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);padding:0 3px;border-radius:3px;font-weight:600;cursor:pointer}.mention:hover{background:color-mix(in srgb,var(--accent) 20%,transparent)}.mention-autocomplete{position:absolute;bottom:100%;left:0;right:0;max-height:200px;overflow-y:auto;background:var(--bg-float);border:1px solid var(--border);border-radius:8px;box-shadow:0 -4px 16px #0000004d;margin-bottom:4px;z-index:100}.mention-ac-item{display:flex;align-items:center;gap:8px;padding:6px 10px;cursor:pointer;transition:background .08s}.mention-ac-item:hover,.mention-ac-item.selected{background:color-mix(in srgb,var(--accent) 12%,transparent)}.mention-ac-name{font-size:13px;font-weight:500;color:var(--text-primary)}.mention-ac-hint{font-size:11px;color:var(--text-tertiary);margin-left:auto}.mention-special{font-size:12px;font-weight:600;color:var(--accent)}[data-theme=light]{--bg-base: #F5F7FA;--bg-surface: #FFFFFF;--bg-float: #FFFFFF;--bg-overlay: rgba(0,0,0,.1);--bg-input: #F0F2F5;--border: #E0E4EA;--border-med: #D0D5DD;--text-primary: #1A1D23;--text-secondary: #5F6B7A;--text-tertiary: #9CA3AF;--ov-1: rgba(0,0,0,.015);--ov-2: rgba(0,0,0,.025);--ov-3: rgba(0,0,0,.035);--ov-4: rgba(0,0,0,.045);--ov-5: rgba(0,0,0,.055);--ov-6: rgba(0,0,0,.06);--ov-8: rgba(0,0,0,.08);--ov-10: rgba(0,0,0,.1);--ov-12: rgba(0,0,0,.12);--ov-15: rgba(0,0,0,.14);--ov-20: rgba(0,0,0,.18)}[data-theme=light] .app{background:var(--bg-base)}[data-theme=light] .server-rail{background:#e8eaed;border-right-color:var(--border)}[data-theme=light] .channel-panel{background:#f0f2f5}[data-theme=light] .chat-area{background:var(--bg-base)}[data-theme=light] .members-panel,[data-theme=light] .home-panel{background:#f0f2f5}[data-theme=light] .msg-group:hover{background:#00000005}[data-theme=light] .settings-overlay{background:#00000059}[data-theme=light] .settings-panel{background:var(--bg-surface)}[data-theme=light] .settings-sidebar{background:#f0f2f5}[data-theme=light] .modal{background:var(--bg-surface)}[data-theme=light] .modal-overlay{background:#00000040}[data-theme=light] .ctx-menu{background:var(--bg-surface);box-shadow:0 4px 16px #00000026}[data-theme=light] .chat-input-wrap{background:#f0f2f5;border-color:var(--border)}[data-theme=light] .chat-input{background:transparent;color:var(--text-primary)}[data-theme=light] .rail-btn{background:#fff;color:var(--text-secondary);border-radius:16px}[data-theme=light] .rail-btn:hover{background:var(--accent);color:#fff;border-radius:12px}[data-theme=light] .ch-item:hover{background:#0000000a}[data-theme=light] .ch-item.active{background:color-mix(in srgb,var(--accent) 8%,transparent)}[data-theme=light] .dm-row:hover{background:#00000008}[data-theme=light] .dm-row.active{background:color-mix(in srgb,var(--accent) 8%,transparent)}[data-theme=light] .dm-row.unread{background:#00000004}[data-theme=light] .dm-close-btn:hover{background:#0000000f;color:var(--text-secondary)}[data-theme=light] .home-dash{background:linear-gradient(180deg,var(--bg-base) 0%,rgba(13,148,136,.02) 100%)}[data-theme=light] .hd-card,[data-theme=light] .profile-card{background:var(--bg-surface)}[data-theme=light] .hover-bar{background:var(--bg-surface);box-shadow:0 2px 8px #0000001a}[data-theme=light] .us-theme-card,[data-theme=light] .us-toggle-row,[data-theme=light] .us-status-btn,[data-theme=light] .us-notif-status,[data-theme=light] .us-notif-item{background:#00000005}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000001f}[data-theme=light] .msg-divider-text{background:var(--bg-base)}[data-theme=light] .pc-body{background:var(--bg-surface)}[data-theme=light] .pc-custom-status{background:#0000000a}[data-theme=light] .pc-role-tag{background:color-mix(in srgb,var(--role-color, #8b9ab8) 8%,transparent)}[data-theme=light] .pc-role-x:hover{background:#0000001a}[data-theme=light] .pc-role-dropdown{background:var(--bg-surface);border-color:var(--border)}[data-theme=light] .vc-muted-alert{background:#ef444414}[data-compact=true] .msg-group{padding:4px 16px}[data-compact=true] .msg-av{width:28px!important;height:28px!important;font-size:9px!important}[data-compact=true] .msg-content{gap:0}[data-compact=true] .msg-text{font-size:13px;line-height:1.4}@media (max-width: 900px){.hd-grid{grid-template-columns:1fr}.members-panel{display:none}.pod-window{width:340px}.popout-active .chat-input-wrap,.popout-active .typing-bar,.popout-active .chat-msgs,.popout-active .chat-empty,.popout-expanded .chat-input-wrap,.popout-expanded .typing-bar,.popout-expanded .chat-msgs,.popout-expanded .chat-empty{margin-right:348px}.popout-expanded .chat-header{padding-right:356px}.popout-expanded .vc-call-view{margin-right:348px}}@media (max-width: 700px){.channel-panel,.home-panel{width:180px}.pod-window{width:280px}.popout-active .chat-input-wrap,.popout-active .typing-bar,.popout-active .chat-msgs,.popout-active .chat-empty,.popout-expanded .chat-input-wrap,.popout-expanded .typing-bar,.popout-expanded .chat-msgs,.popout-expanded .chat-empty{margin-right:288px}.popout-expanded .chat-header{padding-right:296px}.popout-expanded .vc-call-view{margin-right:288px}}.status-popup{position:absolute;bottom:100%;left:0;right:0;background:var(--bg-float);border:1px solid var(--border);border-radius:8px;padding:6px;box-shadow:0 -4px 16px #0006;z-index:200;margin-bottom:4px;animation:statusPopupIn .15s cubic-bezier(.16,1,.3,1);transform-origin:bottom center}.status-popup-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:4px;cursor:pointer;font-size:12px;font-weight:500;color:var(--text-secondary);transition:background .08s;border:none;background:none;width:100%;text-align:left}.status-popup-item:hover{background:var(--ov-6)}.status-popup-item.active{background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--text-primary)}.status-popup-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.user-status-text{font-size:10px;color:var(--text-tertiary);cursor:pointer;transition:color .1s;display:flex;align-items:center;gap:3px}.user-status-text:hover{color:var(--text-secondary)}.user-status-text .status-edit-hint{font-size:8px;opacity:0;transition:opacity .1s}.user-status-text:hover .status-edit-hint{opacity:1}.friend-ctx{position:fixed;z-index:300;min-width:160px;background:var(--bg-float);border:1px solid var(--border);border-radius:8px;padding:4px;box-shadow:0 8px 24px #00000080;animation:ctxMenuIn .12s cubic-bezier(.16,1,.3,1);transform-origin:top left}.friend-ctx-item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:4px;cursor:pointer;font-size:12px;color:var(--text-secondary);border:none;background:none;width:100%;text-align:left;transition:background .08s}.friend-ctx-item:hover{background:var(--ov-6);color:var(--text-primary)}.friend-ctx-item.danger{color:var(--red)}.friend-ctx-item.danger:hover{background:#ef444414}.settings-save-bar{position:sticky;bottom:0;left:0;right:0;background:var(--bg-float);border-top:1px solid var(--border);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;z-index:10;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-save-bar-text{font-size:12px;color:var(--text-secondary)}.settings-save-bar .settings-save,.settings-save-bar .settings-btn-cancel{margin:0}.mem-status-icon{width:6px;height:6px;border-radius:50%;display:inline-block;margin-left:4px;vertical-align:middle;flex-shrink:0}.mem-role-icon{font-size:12px;margin-left:2px;flex-shrink:0}.server-ctx-menu{position:fixed;z-index:500;width:200px;background:var(--bg-float);border:1px solid var(--border-med);border-radius:10px;padding:6px;box-shadow:0 8px 30px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:ctxMenuIn .12s cubic-bezier(.16,1,.3,1);transform-origin:top left}.scm-header{font-size:12px;font-weight:700;color:var(--text-primary);padding:6px 10px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scm-divider{height:1px;background:var(--border);margin:4px 0}.scm-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;color:var(--text-secondary);border:none;background:none;text-align:left;font-family:var(--sans);transition:all .08s}.scm-item:hover{background:var(--ov-6);color:var(--text-primary)}.scm-icon{font-size:14px;width:18px;text-align:center;flex-shrink:0}.scm-item-wrap{position:relative}.scm-chevron{margin-left:auto;font-size:14px;color:var(--text-tertiary)}.scm-submenu{position:absolute;left:calc(100% + 4px);top:0;width:200px;background:var(--bg-float);border:1px solid var(--border-med);border-radius:10px;padding:6px;box-shadow:0 8px 30px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:501;animation:scmFadeIn .1s ease}@keyframes scmFadeIn{0%{opacity:0}to{opacity:1}}.us-settings-divider{height:1px;background:var(--border);margin:20px 0}.settings-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px;cursor:pointer}.us-input-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.us-input-mode-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;background:var(--ov-2);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .12s;text-align:center;font-family:var(--sans)}.us-input-mode-btn:hover{background:var(--ov-4)}.us-input-mode-btn.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.us-mode-icon{font-size:24px}.us-mode-label{font-size:12px;font-weight:700;color:var(--text-primary)}.us-mode-desc{font-size:10px;color:var(--text-tertiary);line-height:1.3}.us-radio-group{display:flex;flex-direction:column;gap:4px}.us-radio-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:6px;cursor:pointer;transition:background .1s}.us-radio-row:hover{background:var(--ov-3)}.us-radio-row.active{background:color-mix(in srgb,var(--accent) 6%,transparent)}.us-radio{width:18px;height:18px;border-radius:50%;border:2px solid var(--border-med);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .1s}.us-radio.on{border-color:var(--accent)}.us-radio-dot{width:8px;height:8px;border-radius:50%;background:transparent;transition:background .1s}.us-radio.on .us-radio-dot{background:var(--accent)}.us-radio-label{font-size:12px;font-weight:600;color:var(--text-primary)}.us-radio-desc{font-size:10px;color:var(--text-tertiary)}.us-blocked-list{display:flex;flex-direction:column;gap:4px;max-height:200px;overflow-y:auto}.us-blocked-row{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--ov-2);border-radius:6px}.us-blocked-name{font-size:12px;color:var(--text-secondary)}.us-blocked-unblock{background:#ef44441a;border:none;color:var(--red);font-size:10px;padding:3px 8px;border-radius:4px;cursor:pointer;font-family:var(--sans)}.us-blocked-unblock:hover{background:#ef444433}.us-keybind-list{display:flex;flex-direction:column;gap:4px}.us-keybind-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:var(--ov-2);border-radius:6px}.us-keybind-label{font-size:12px;color:var(--text-secondary)}.us-keybind-key{background:var(--bg-overlay);border:1px solid var(--border);color:var(--text-primary);font-size:11px;font-family:var(--mono);padding:4px 10px;border-radius:5px;cursor:pointer;transition:all .12s;min-width:100px;text-align:center}.us-keybind-key:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.us-keybind-key.recording{border-color:var(--red);background:#ef444414;color:var(--red);animation:pulse 1s infinite}.us-session-card{display:flex;align-items:center;gap:12px;padding:12px;background:var(--ov-2);border:1px solid var(--border);border-radius:8px;margin-bottom:6px}.us-session-icon{font-size:28px}.us-session-info{flex:1;min-width:0}.us-session-device{font-size:13px;font-weight:600;color:var(--text-primary)}.us-session-detail{font-size:10px;color:var(--text-tertiary);margin-top:2px}.us-session-badge{display:inline-block;font-size:9px;font-weight:700;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);padding:2px 6px;border-radius:4px;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.us-2fa-status{display:flex;align-items:center;gap:8px;padding:8px 0}.us-2fa-dot{width:8px;height:8px;border-radius:50%}.us-2fa-dot.on{background:var(--green)}.us-2fa-dot.off{background:var(--red)}.pin-popover{position:absolute;top:48px;right:50px;width:340px;max-height:400px;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;z-index:100;display:flex;flex-direction:column;box-shadow:0 8px 32px #0009}.pin-popover-header{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--border);font-size:13px;font-weight:700;color:var(--text-primary)}.pin-popover-count{font-size:10px;background:var(--accent);color:#fff;padding:1px 6px;border-radius:8px;font-weight:600}.pin-popover-close{margin-left:auto;background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:14px;padding:2px 4px;border-radius:4px}.pin-popover-close:hover{color:var(--text-primary);background:var(--ov-5)}.pin-popover-scroll{overflow-y:auto;flex:1;padding:6px}.pin-popover-empty{padding:20px;text-align:center;font-size:12px;color:var(--text-tertiary)}.pin-popover-msg{display:flex;align-items:flex-start;gap:8px;padding:8px;border-radius:6px;transition:background .1s}.pin-popover-msg:hover{background:var(--ov-3)}.pin-popover-content{flex:1;min-width:0}.pin-popover-head{display:flex;align-items:center;gap:6px}.pin-popover-name{font-size:11px;font-weight:700;color:var(--text-primary)}.pin-popover-time{font-size:9px;color:var(--text-tertiary)}.pin-popover-text{font-size:12px;color:var(--text-secondary);line-height:1.4;margin-top:2px;white-space:pre-wrap;word-break:break-word}.pin-jump-btn{background:none;border:1px solid var(--border);color:var(--accent);font-size:12px;width:26px;height:26px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transition:opacity .1s}.pin-popover-msg:hover .pin-jump-btn,.pin-popover-msg:hover .pin-unpin-btn{opacity:1}.pin-jump-btn:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.pin-popover-actions{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.pin-unpin-btn{background:none;border:1px solid var(--border);color:var(--red, #ef4444);font-size:11px;width:26px;height:26px;border-radius:5px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:0;transition:opacity .1s}.pin-unpin-btn:hover{background:color-mix(in srgb,var(--red, #ef4444) 12%,transparent)}@keyframes msgFlash{0%,to{background:transparent}50%{background:color-mix(in srgb,var(--accent) 15%,transparent)}}.msg-flash{animation:msgFlash .5s ease 3}.so-preview{border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:20px}.so-preview-banner{height:100px;position:relative;display:flex;align-items:center;justify-content:center}.so-upload-btn{background:#00000080;border:1px dashed rgba(255,255,255,.3);color:#fff;padding:6px 14px;border-radius:6px;cursor:pointer;font-size:11px;font-family:var(--sans);opacity:0;transition:opacity .15s}.so-preview-banner:hover .so-upload-btn{opacity:1}.so-preview-body{padding:12px 16px;position:relative}.so-icon-wrap{position:absolute;top:-30px;left:16px}.so-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:#fff;border:3px solid var(--bg-dark);text-shadow:0 1px 4px rgba(0,0,0,.5)}.so-icon-edit{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;border-radius:50%;background:var(--bg-dark);border:1px solid var(--border);font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .15s}.so-icon-wrap:hover .so-icon-edit{opacity:1}.so-preview-name{font-size:16px;font-weight:800;color:var(--text-primary);margin-top:28px}.so-preview-desc{font-size:11px;color:var(--text-tertiary);margin-top:2px}.so-gradient-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.so-gradient-swatch{width:100%;aspect-ratio:1.6;border-radius:6px;cursor:pointer;border:2px solid transparent;transition:all .12s}.so-gradient-swatch:hover{transform:scale(1.08)}.so-gradient-swatch.active{border-color:#fff;box-shadow:0 0 0 2px var(--accent)}.role-add-member-btn{background:none;border:1px solid var(--border);color:var(--accent);font-size:10px;padding:2px 8px;border-radius:4px;cursor:pointer;font-family:var(--sans);transition:all .1s}.role-add-member-btn:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.role-add-dd{background:var(--bg-overlay);border:1px solid var(--border);border-radius:6px;padding:4px;margin-bottom:8px;max-height:160px;overflow-y:auto}.role-add-dd-item{display:flex;align-items:center;gap:8px;width:100%;padding:5px 8px;background:none;border:none;color:var(--text-secondary);font-size:12px;cursor:pointer;border-radius:4px;font-family:var(--sans)}.role-add-dd-item:hover{background:var(--ov-5);color:var(--text-primary)}.ch-perm-cat{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-tertiary);margin-bottom:6px}.ch-perm-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--ov-2);border:1px solid var(--border);border-radius:6px;margin-bottom:4px}.ch-perm-icon{font-size:14px;font-weight:700;color:var(--text-tertiary);width:20px;text-align:center}.ch-perm-name{flex:1;font-size:13px;font-weight:600;color:var(--text-primary)}.ch-perm-edit-btn{background:none;border:1px solid var(--border);color:var(--text-tertiary);font-size:10px;padding:3px 8px;border-radius:4px;cursor:pointer;font-family:var(--sans)}.ch-perm-edit-btn:hover{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.ch-perm-role-card{background:var(--ov-2);border:1px solid var(--border);border-radius:8px;padding:10px;margin-bottom:8px}.ch-perm-role-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.ch-perm-toggles{padding-left:18px}.ch-dragging{opacity:.4}.ch-drag-above{padding-top:20px}.ch-drag-above:before{content:"";position:absolute;top:5px;left:8px;right:8px;height:2px;background:var(--accent);border-radius:1px}.ch-drag-below{padding-bottom:20px}.ch-drag-below:after{content:"";position:absolute;bottom:5px;left:8px;right:8px;height:2px;background:var(--accent);border-radius:1px}.ch-top-drop{height:8px;transition:height .15s,background .15s}.ch-top-drop-active{height:24px;background:#3bc4c214;border-bottom:2px solid var(--accent)}.share-modal{max-width:460px}.share-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.share-mode-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;background:var(--ov-2);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .12s;text-align:center;font-family:var(--sans)}.share-mode-card:hover{background:var(--ov-4);border-color:var(--accent)}.share-mode-preview{color:var(--text-tertiary);margin-bottom:4px}.share-mode-label{font-size:13px;font-weight:700;color:var(--text-primary)}.share-mode-desc{font-size:10px;color:var(--text-tertiary);line-height:1.3}.share-source-section{margin-bottom:16px}.share-source-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-tertiary);margin-bottom:8px}.share-source-grid{display:flex;gap:8px}.share-source-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--ov-2);border:1px solid var(--border);border-radius:6px;cursor:pointer;font-size:11px;color:var(--text-secondary);font-family:var(--sans);flex:1;transition:all .12s}.share-source-item:hover{border-color:var(--text-tertiary)}.share-source-item.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--text-primary)}.share-source-thumb{width:32px;height:32px;background:var(--ov-4);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.mem-av-ring{border-radius:50%;padding:2px;background:transparent;transition:all .2s}.mem-av-ring:not(.no-role){background:var(--ring-color, transparent)}.mem-av-ring:not(.no-role) .mem-av{border:2px solid var(--bg-surface);border-radius:50%}.mem-role-tooltip{position:fixed;z-index:600;transform:translate(-100%) translateY(-50%);background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:6px 8px;box-shadow:0 4px 16px #00000080;pointer-events:none;min-width:120px}.mem-rt-row{display:flex;align-items:center;gap:6px;padding:3px 0}.mem-rt-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.mem-rt-icon{font-size:10px}.mem-rt-label{font-size:11px;color:var(--text-primary);font-weight:500;white-space:nowrap}.mem-role-mgr{z-index:500;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 32px #00000080;width:220px;overflow:hidden}.mem-rm-header{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border)}.mem-rm-name{font-size:13px;font-weight:700;color:var(--text-primary)}.mem-rm-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-tertiary);padding:8px 12px 4px}.mem-rm-list{max-height:240px;overflow-y:auto;padding:0 4px 6px}.mem-rm-role{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;background:none;border:none;border-radius:5px;cursor:pointer;font-family:var(--sans);transition:background .1s}.mem-rm-role:hover:not(:disabled){background:var(--ov-4)}.mem-rm-role:disabled{opacity:.5;cursor:default}.mem-rm-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;border:1px solid var(--ov-10)}.mem-rm-role.active .mem-rm-dot{box-shadow:0 0 0 2px var(--ov-15)}.mem-rm-role-name{font-size:12px;flex:1;text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mem-rm-check{font-size:11px;color:var(--accent);width:16px;text-align:center;flex-shrink:0;font-weight:700}.user-ctx-menu{position:fixed;z-index:400;width:210px;background:var(--bg-float);border:1px solid var(--border-med);border-radius:10px;padding:6px;box-shadow:0 8px 30px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:ctxMenuIn .12s cubic-bezier(.16,1,.3,1);transform-origin:top left}.ucm-header{display:flex;align-items:center;gap:10px;padding:8px 8px 6px}.ucm-header-info{flex:1;min-width:0}.ucm-name{font-size:13px;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ucm-tag{font-size:10px;color:var(--text-tertiary);font-family:var(--mono)}.ucm-divider{height:1px;background:var(--border);margin:4px 0}.ucm-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:500;color:var(--text-secondary);border:none;background:none;text-align:left;font-family:var(--sans);transition:all .08s}.ucm-item:hover{background:var(--ov-6);color:var(--text-primary)}.ucm-icon{font-size:14px;width:18px;text-align:center;flex-shrink:0}.ucm-warn{color:var(--amber)}.ucm-warn:hover{background:#f59e0b14!important}.ucm-danger{color:var(--red)}.ucm-danger:hover{background:#ef444414!important}.ucm-volume{padding:4px 10px 8px}.ucm-volume-header{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-secondary);margin-bottom:6px}.ucm-vol-value{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--text-tertiary);min-width:32px;text-align:right}.ucm-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--border);outline:none;cursor:pointer}.ucm-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-float);cursor:pointer;box-shadow:0 1px 4px #0000004d}.ucm-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);border:2px solid var(--bg-float);cursor:pointer}.ucm-volume-row{display:flex;align-items:center;gap:8px}.ucm-volume-row .ucm-slider{flex:1}.ucm-mute-btn{background:none;border:1px solid var(--border);border-radius:4px;padding:4px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .12s;flex-shrink:0}.ucm-mute-btn:hover{background:var(--ov-6);color:var(--text-primary)}.ucm-mute-btn.ucm-muted{color:var(--red);border-color:var(--red)}.ucm-section-label{font-size:9px;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.8px;padding:4px 10px 2px}.ucm-mod-panel{padding:8px}.ucm-mod-title{font-size:12px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.ucm-timeout-row{margin-bottom:8px}.ucm-timeout-select{width:100%;padding:6px 8px;background:var(--bg-base);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:11px;font-family:var(--sans);outline:none;cursor:pointer}.ucm-timeout-select:focus{border-color:var(--accent)}.ucm-mod-reason{width:100%;padding:6px 8px;background:var(--bg-base);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:11px;font-family:var(--sans);outline:none;margin-bottom:8px}.ucm-mod-reason:focus{border-color:var(--accent)}.ucm-mod-reason::placeholder{color:var(--text-tertiary)}.ucm-mod-btns{display:flex;gap:6px}.ucm-mod-cancel{flex:1;padding:6px;background:none;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:11px;font-weight:600;cursor:pointer;font-family:var(--sans);transition:all .1s}.ucm-mod-cancel:hover{background:var(--ov-4);color:var(--text-primary)}.ucm-mod-confirm{flex:1;padding:6px;background:var(--accent);border:none;border-radius:6px;color:#fff;font-size:11px;font-weight:600;cursor:pointer;font-family:var(--sans);transition:all .1s}.ucm-mod-confirm:hover{filter:brightness(1.1)}.ucm-mod-confirm:disabled{opacity:.5;cursor:not-allowed}.ucm-mod-confirm-danger{background:var(--red)}.ucm-mod-confirm-danger:hover{filter:brightness(1.1)}.picker-wrap{position:absolute;bottom:100%;right:0;z-index:200;margin-bottom:4px}.picker-wrap.minimized{cursor:pointer;width:auto}.picker-wrap .picker-popup{position:relative;bottom:auto;right:auto;margin-bottom:0}.picker-min-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-float);border:1px solid var(--border-med);border-radius:8px;cursor:pointer;box-shadow:0 2px 12px #0000004d;width:180px;transition:all .12s}.picker-min-bar:hover{border-color:var(--accent);background:var(--bg-surface)}.picker-min-label{font-size:12px;font-weight:600;color:var(--text-primary)}.picker-min-hint{font-size:9px;color:var(--text-tertiary);font-family:var(--mono);margin-left:auto}.picker-min-close{background:none;border:none;color:var(--text-tertiary);font-size:12px;cursor:pointer;padding:0 2px;line-height:1}.picker-min-close:hover{color:var(--text-primary)}.picker-minimized-hint{font-size:9px;color:var(--text-tertiary);margin-left:auto;font-family:var(--mono)}.vol-popup{min-width:180px;padding:8px 10px}.vol-popup-name{font-size:11px;font-weight:600;color:var(--text-primary);margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vol-popup-row{display:flex;align-items:center;gap:8px}.vol-popup-pct{font-size:11px;color:var(--text-secondary);min-width:32px;text-align:right;font-family:var(--mono)}.vol-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--bg-tertiary);border-radius:2px;outline:none;cursor:pointer}.vol-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent, #5bc0be);cursor:pointer;border:none}.vol-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--accent, #5bc0be);cursor:pointer;border:none}.char-counter{position:absolute;right:90px;bottom:12px;font-size:10px;font-family:var(--mono);color:var(--text-tertiary);pointer-events:none}.char-counter.limit{color:var(--red);font-weight:700}.mhb-action{font-size:14px;font-family:var(--sans)}.ch-vc-name,.ch-vc-user{font-size:15px;color:var(--text-secondary)}.chat-h-name{text-transform:none}.msg-reply-icon{font-size:12px;opacity:.5;flex-shrink:0}.rail-btn[style*=gradient]{font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.3)}.hd-qa-edit-btn{background:none;border:1px solid var(--border);padding:2px 8px;border-radius:4px;font-size:10px;color:var(--text-tertiary);cursor:pointer;font-family:var(--sans);transition:all .12s}.hd-qa-edit-btn:hover{border-color:var(--accent);color:var(--accent)}.notif-popup-stack{position:fixed;bottom:16px;right:16px;z-index:9999;display:flex;flex-direction:column-reverse;gap:8px;pointer-events:none}.notif-popup{display:flex;align-items:center;gap:10px;background:var(--bg-float);border:1px solid var(--border-med);border-radius:10px;padding:10px 12px;min-width:280px;max-width:360px;box-shadow:0 8px 30px #00000080;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;pointer-events:all;animation:notifSlideIn .2s ease;transition:opacity .2s,transform .2s}.notif-popup.notif-exiting{opacity:0;transform:translate(40px)}.notif-popup:hover{background:var(--ov-6)}@keyframes notifSlideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.notif-popup-icon{flex-shrink:0}.notif-popup-body{flex:1;min-width:0}.notif-popup-header{display:flex;align-items:center;gap:6px;margin-bottom:2px}.notif-popup-name{font-size:12px;font-weight:600;color:var(--text-primary)}.notif-popup-sub{font-size:10px;color:var(--text-tertiary)}.notif-popup-text{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notif-popup-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:14px;padding:2px 4px;flex-shrink:0}.notif-popup-close:hover{color:var(--text-primary)}.notif-popup-fallback{width:32px;height:32px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:16px}.hd-join-bar{display:flex;align-items:center;gap:8px;padding:0 24px;margin-bottom:12px}.hd-join-input{flex:1;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:8px 12px;color:var(--text-primary);font-size:13px;font-family:var(--sans);outline:none;transition:border-color .15s}.hd-join-input:focus{border-color:var(--accent)}.hd-join-input::placeholder{color:var(--text-tertiary)}.hd-join-btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:var(--sans);transition:opacity .15s}.hd-join-btn:disabled{opacity:.4;cursor:default}.hd-join-btn:hover:not(:disabled){opacity:.85}.ch-type-options{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.ch-type-option{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;border:2px solid var(--border);cursor:pointer;transition:border-color .15s,background .15s}.ch-type-option:hover{background:var(--ov-3)}.ch-type-option.active{border-color:var(--accent);background:rgba(var(--accent-rgb, 62,207,191),.08)}.ch-type-option input[type=radio]{display:none}.ch-type-option .ch-type-icon{font-size:18px;opacity:.6;flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.ch-type-option.active .ch-type-icon{opacity:1;color:var(--accent)}.ch-type-option .ch-type-info{display:flex;flex-direction:column;gap:1px}.ch-type-option .ch-type-info strong{font-size:13px;color:var(--text-primary);font-weight:600}.ch-type-option .ch-type-info span{font-size:11px;color:var(--text-tertiary)}.forum-view{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:hidden;background:var(--bg-primary)}.forum-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0;min-height:48px}.forum-header-icon{font-size:16px;opacity:.5}.forum-header-name{font-size:14px;font-weight:700;color:var(--text-primary)}.forum-header-sep{color:var(--text-tertiary);font-size:14px}.forum-header-thread-title{font-size:13px;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.forum-new-btn{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;font-family:var(--sans);transition:opacity .15s}.forum-new-btn:hover{opacity:.85}.forum-back-btn{background:none;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .15s,color .15s}.forum-back-btn:hover{background:var(--ov-6);color:var(--text-primary)}.forum-locked-badge{font-size:11px;color:var(--text-tertiary)}.forum-search{padding:8px 16px;flex-shrink:0}.forum-search-input{width:100%;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:10px 14px;color:var(--text-primary);font-size:13px;font-family:var(--sans);outline:none;cursor:pointer;transition:border-color .15s}.forum-search-input:hover{border-color:var(--text-tertiary)}.forum-search-input::placeholder{color:var(--text-tertiary)}.forum-list{flex:1;overflow-y:auto;padding:8px 16px;display:flex;flex-direction:column;gap:8px}.forum-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--text-tertiary);font-size:13px}.forum-post-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:14px 16px;cursor:pointer;transition:background .15s,border-color .15s}.forum-post-card:hover{background:var(--bg-tertiary, var(--ov-4));border-color:var(--text-tertiary)}.forum-post-card.pinned{border-left:3px solid var(--accent)}.forum-post-card-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.forum-post-title{font-size:14px;font-weight:700;color:var(--text-primary);flex:1}.forum-post-pin,.forum-post-lock{font-size:12px;flex-shrink:0}.forum-post-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px}.forum-post-author{font-size:12px;font-weight:600}.forum-post-preview{font-size:12px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.forum-post-footer{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--text-tertiary)}.forum-post-replies{display:flex;align-items:center;gap:3px}.forum-create-modal{max-width:480px}.forum-textarea{resize:vertical;min-height:80px;max-height:300px;font-family:var(--sans);line-height:1.5}.forum-thread-scroll{flex:1;overflow-y:auto;padding:0 16px 16px}.forum-op{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:16px;margin-top:12px;margin-bottom:4px}.forum-op-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.forum-op-meta{flex:1}.forum-op-author{font-size:13px;font-weight:700;color:var(--text-primary);display:block}.forum-op-time{font-size:10px;color:var(--text-tertiary)}.forum-op-delete{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:4px;transition:color .15s,background .15s}.forum-op-delete:hover{color:var(--red, #e55);background:#ff50501a}.forum-op-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.forum-op-content{font-size:13px;color:var(--text-secondary);line-height:1.6;white-space:pre-wrap;word-break:break-word}.forum-op-content code{background:var(--bg-primary);padding:1px 4px;border-radius:3px;font-size:12px}.forum-op-stats{margin-top:12px;font-size:11px;color:var(--text-tertiary);display:flex;gap:12px}.forum-replies-divider{display:flex;align-items:center;gap:12px;padding:12px 0 4px}.forum-replies-divider span{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.forum-replies-divider:after{content:"";flex:1;height:1px;background:var(--border)}.forum-reply{padding:4px 0 2px}.forum-reply:hover .forum-reply-actions{opacity:1}.forum-reply-ref{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-tertiary);padding:0 0 2px 38px}.forum-reply-ref-line{opacity:.4}.forum-reply-ref-name{font-weight:600;color:var(--text-secondary)}.forum-reply-ref-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.forum-reply-header{display:flex;align-items:center;gap:8px;padding:4px 0 2px}.forum-reply-author{font-size:13px;font-weight:700;color:var(--text-primary)}.forum-reply-time{font-size:10px;color:var(--text-tertiary)}.forum-reply-body{padding-left:38px}.forum-reply-body.compact{padding-left:38px;margin-top:-2px}.forum-reply-content{font-size:13px;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap;word-break:break-word}.forum-reply-content code{background:var(--bg-secondary);padding:1px 4px;border-radius:3px;font-size:12px}.forum-reply-edited{font-size:9px;color:var(--text-tertiary);margin-left:4px}.forum-reply-actions{display:flex;gap:8px;padding-left:38px;opacity:0;transition:opacity .15s}.forum-reply-actions button{background:none;border:none;color:var(--text-tertiary);font-size:10px;cursor:pointer;padding:2px 4px;border-radius:3px;font-family:var(--sans)}.forum-reply-actions button:hover{color:var(--text-primary);background:var(--ov-6)}.forum-reply-edit{padding-left:38px}.forum-reply-edit-input{width:100%;background:var(--bg-secondary);border:1px solid var(--accent);border-radius:6px;padding:6px 10px;color:var(--text-primary);font-size:13px;font-family:var(--sans);outline:none;resize:none;min-height:36px}.forum-reply-edit-actions{display:flex;gap:6px;margin-top:4px}.forum-reply-edit-actions button{background:none;border:none;color:var(--text-tertiary);font-size:11px;cursor:pointer;padding:2px 6px;font-family:var(--sans)}.forum-reply-edit-actions button:last-child{color:var(--accent)}.forum-reply-input-area{padding:8px 16px 12px;flex-shrink:0;border-top:1px solid var(--border)}.forum-reply-to-bar{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;margin-bottom:4px;background:var(--bg-secondary);border-radius:6px 6px 0 0;font-size:11px;color:var(--text-tertiary)}.forum-reply-to-bar strong{color:var(--text-primary)}.forum-reply-to-bar button{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:0}.forum-reply-input-row{display:flex;align-items:flex-end;gap:8px}.forum-reply-input{flex:1;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:10px 14px;color:var(--text-primary);font-size:13px;font-family:var(--sans);outline:none;resize:none;min-height:20px;max-height:120px;transition:border-color .15s;line-height:1.4}.forum-reply-input:focus{border-color:var(--accent)}.forum-reply-input::placeholder{color:var(--text-tertiary)}.forum-reply-send{background:var(--accent);border:none;border-radius:8px;padding:8px 12px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s;flex-shrink:0}.forum-reply-send:disabled{opacity:.3;cursor:default}.forum-reply-send:hover:not(:disabled){opacity:.85}.forum-reply-send svg{width:16px;height:16px}.forum-locked-bar{padding:12px 16px;text-align:center;font-size:12px;color:var(--text-tertiary);background:var(--bg-secondary);border-top:1px solid var(--border);flex-shrink:0}.msg-thread-indicator{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;margin-top:4px;border-radius:6px;background:rgba(var(--accent-rgb, 62,207,191),.08);border:1px solid rgba(var(--accent-rgb, 62,207,191),.15);cursor:pointer;transition:background .15s,border-color .15s}.msg-thread-indicator:hover{background:rgba(var(--accent-rgb, 62,207,191),.15);border-color:rgba(var(--accent-rgb, 62,207,191),.3)}.msg-thread-icon{font-size:12px}.msg-thread-count{font-size:11px;font-weight:600;color:var(--accent)}.msg-thread-preview{font-size:11px;color:var(--text-secondary);max-width:300px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-thread-attach-icon{font-size:10px}.msg-thread-arrow{font-size:10px;color:var(--accent);opacity:0;transition:opacity .15s}.msg-thread-indicator:hover .msg-thread-arrow{opacity:1}.mhb-thread-open{color:var(--accent)!important}.thread-panel{width:400px;max-width:40vw;min-width:320px;background:var(--bg-surface);border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.thread-panel-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);flex-shrink:0;min-height:48px;gap:8px}.thread-panel-header-info{flex:1;min-width:0}.thread-panel-title{font-size:14px;font-weight:700;color:var(--text-primary);display:block}.thread-panel-name{font-size:11px;color:var(--text-tertiary);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.thread-panel-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:4px;transition:color .15s,background .15s;flex-shrink:0}.thread-panel-close:hover{color:var(--text-primary);background:var(--ov-6)}.thread-panel-scroll{flex:1;overflow-y:auto;padding:0 12px 12px}.thread-parent-msg{padding:12px;background:var(--bg-primary);border-radius:8px;margin-top:8px;margin-bottom:4px}.thread-parent-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.thread-parent-author{font-size:13px;font-weight:700;color:var(--text-primary)}.thread-parent-time{font-size:10px;color:var(--text-tertiary)}.thread-parent-content{font-size:13px;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap;word-break:break-word}.thread-parent-content code{background:var(--bg-secondary);padding:1px 4px;border-radius:3px;font-size:12px}.thread-divider{display:flex;align-items:center;gap:8px;padding:8px 0}.thread-divider span{font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.thread-divider-line{flex:1;height:1px;background:var(--border)}.thread-empty{display:flex;align-items:center;justify-content:center;padding:40px}.thread-msg{padding:3px 0;position:relative}.thread-msg:hover{background:var(--ov-1)}.thread-msg:hover .thread-msg-actions{opacity:1}.thread-msg-header{display:flex;align-items:center;gap:6px;padding:4px 0 2px}.thread-msg-author{font-size:12px;font-weight:700;color:var(--text-primary)}.thread-msg-time{font-size:9px;color:var(--text-tertiary)}.thread-msg-body{padding-left:32px}.thread-msg-body.compact{padding-left:32px;margin-top:-2px}.thread-msg-hover-time{font-size:9px;color:var(--text-tertiary);opacity:0;position:absolute;left:2px;top:4px}.thread-msg:hover .thread-msg-hover-time{opacity:1}.thread-msg-content{font-size:13px;color:var(--text-secondary);line-height:1.5;white-space:pre-wrap;word-break:break-word}.thread-msg-content code{background:var(--bg-primary);padding:1px 4px;border-radius:3px;font-size:12px}.thread-msg-edited{font-size:9px;color:var(--text-tertiary);margin-left:4px}.thread-msg-actions{display:flex;gap:6px;padding-left:32px;opacity:0;transition:opacity .15s}.thread-msg-actions button{background:none;border:none;color:var(--text-tertiary);font-size:10px;cursor:pointer;padding:1px 4px;border-radius:3px;font-family:var(--sans)}.thread-msg-actions button:hover{color:var(--text-primary);background:var(--ov-6)}.thread-msg-edit{padding-left:32px}.thread-msg-edit-input{width:100%;background:var(--bg-primary);border:1px solid var(--accent);border-radius:6px;padding:6px 10px;color:var(--text-primary);font-size:13px;font-family:var(--sans);outline:none;resize:none;min-height:32px}.thread-msg-edit-actions{display:flex;gap:6px;margin-top:3px}.thread-msg-edit-actions button{background:none;border:none;color:var(--text-tertiary);font-size:11px;cursor:pointer;padding:2px 6px;font-family:var(--sans)}.thread-msg-edit-actions button:last-child{color:var(--accent)}.thread-input-area{padding:8px 12px 12px;flex-shrink:0;border-top:1px solid var(--border)}.thread-input-row{display:flex;align-items:flex-end;gap:6px}.thread-input{flex:1;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;padding:8px 12px;color:var(--text-primary);font-size:13px;font-family:var(--sans);outline:none;resize:none;min-height:18px;max-height:100px;transition:border-color .15s;line-height:1.4}.thread-input:focus{border-color:var(--accent)}.thread-input::placeholder{color:var(--text-tertiary)}.thread-send-btn{background:var(--accent);border:none;border-radius:8px;padding:7px 10px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s;flex-shrink:0}.thread-send-btn:disabled{opacity:.3;cursor:default}.thread-send-btn:hover:not(:disabled){opacity:.85}.thread-send-btn svg{width:14px;height:14px}.thread-locked-bar{padding:10px 12px;text-align:center;font-size:11px;color:var(--text-tertiary);background:var(--bg-primary);border-top:1px solid var(--border);flex-shrink:0}.vc-bar-btn svg{width:16px;height:16px}.cb-ctrl svg{width:18px;height:18px}.mcb-btn svg{width:14px;height:14px}.hd-bell{color:var(--text-secondary)}.hd-bell:hover{color:var(--text-primary)}.hd-bell svg{width:18px;height:18px}.hd-header-btn{color:var(--text-secondary)}.hd-header-btn:hover{color:var(--text-primary)}.hd-header-btn svg{width:18px;height:18px}.us-theme-icon{color:var(--text-primary);display:flex;align-items:center;justify-content:center}.us-theme-icon svg{width:24px;height:24px}.us-slider-label{color:var(--text-secondary);display:flex;align-items:center}.us-slider-label svg{width:18px;height:18px}.us-session-icon{color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.us-session-icon svg{width:28px;height:28px}.us-ptt-toggle{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--ov-2);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .12s;font-family:var(--sans)}.us-ptt-toggle:hover{background:var(--ov-4)}.us-ptt-info{display:flex;flex-direction:column;gap:2px}.us-ptt-label{font-size:12px;font-weight:700;color:var(--text-primary)}.us-ptt-desc{font-size:10px;color:var(--text-tertiary);line-height:1.3}.us-ptt-switch{position:relative;width:40px;height:22px;background:var(--bg-overlay);border-radius:11px;transition:background .15s;flex-shrink:0}.us-ptt-switch:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform .15s}.us-ptt-toggle.active .us-ptt-switch{background:var(--accent)}.us-ptt-toggle.active .us-ptt-switch:after{transform:translate(18px)}.chat-input-box{align-items:stretch}.input-btn svg{width:18px;height:18px}.send-btn{width:32px;height:32px}.send-btn svg{width:14px;height:14px}[data-theme=light] .hd-bell,[data-theme=light] .hd-header-btn{color:var(--text-secondary)}[data-theme=light] .us-theme-icon{color:var(--text-primary)}[data-theme=light] .us-slider-label,[data-theme=light] .us-session-icon{color:var(--text-secondary)}.ch-vc-state-icon{display:flex;align-items:center;flex-shrink:0;opacity:.7}.ch-vc-state-icon svg{width:13px;height:13px}.ch-vc-state-icon.muted,.ch-vc-state-icon.deafened{color:var(--text-tertiary)}.share-mode-preview{color:var(--text-secondary)}.share-mode-preview svg{fill:currentColor}.share-mode-card:hover .share-mode-preview{color:var(--accent)}.share-source-thumb{color:var(--text-tertiary)}.share-source-thumb svg{fill:currentColor}.share-source-item.active .share-source-thumb{color:var(--accent)}:root{--chat-font-size: 15.5px}body{font-size:15px}.rail-btn{font-size:14px}.rail-btn.home{font-size:20px}.rail-btn.add{font-size:22px}.ch-name{font-size:14px}.ch-hash{font-size:17px}.ch-cat-name{font-size:11px}.ch-vc-name,.ch-vc-user,.chat-header{font-size:15px}.msg-author{font-size:14px}.msg-body{font-size:var(--chat-font-size);line-height:1.45}.msg-time{font-size:11px}.dm-name{font-size:14px}.dm-preview{font-size:12.5px}.dm-time{font-size:11px}.hp-section-label{font-size:11.5px}.hp-req-name{font-size:13.5px}.user-name{font-size:13px}.user-tag{font-size:11px}.user-status-text{font-size:11.5px}.ucm-name{font-size:14px}.ucm-tag{font-size:11px}.ucm-item{font-size:13.5px}.ucm-section-label{font-size:10.5px}.scm-header{font-size:14px}.scm-item{font-size:13.5px}.chat-input textarea{font-size:15px}.mp-name{font-size:14px}.mp-role-badge{font-size:11px}.toast-msg{font-size:13.5px}.modal-title{font-size:18px}.members-header{font-size:11.5px}.rail{width:56px}.rail-scroll{gap:8px;padding:8px 0}.rail-btn{width:38px;height:38px}.rail-btn.add{width:36px;height:36px}.rail-divider{width:24px;margin:4px 0}.rail-dm-avatar{width:34px;height:34px}.rail-dm-avatar .av{width:34px!important;height:34px!important;font-size:11px!important}.rail-dm-badge{min-width:14px;height:14px;font-size:9px;bottom:-1px;right:-1px}.rail-pill{left:-3px;width:3px}.dm-row{transition:transform .2s cubic-bezier(.16,1,.3,1),background .12s,opacity .15s}.dm-row.dm-highlight{animation:dmPulse .6s ease}@keyframes dmPulse{0%{background:rgba(var(--accent-rgb, 99,102,241),.15)}to{background:transparent}}.ucm-report-cats{display:flex;flex-wrap:wrap;gap:4px;padding:4px 0}.ucm-report-cat{background:var(--ov-6);border:1px solid var(--border);border-radius:6px;padding:4px 10px;font-size:11.5px;color:var(--text-secondary);cursor:pointer;transition:all .12s}.ucm-report-cat:hover{background:var(--ov-10);color:var(--text-primary)}.ucm-report-cat.active{background:#ef444426;border-color:var(--red);color:var(--red)}.ucm-report-desc{width:100%;background:var(--bg-base);border:1px solid var(--border);border-radius:6px;padding:6px 8px;font-size:12px;color:var(--text-primary);resize:none;font-family:var(--sans);margin:4px 0}.ucm-report-desc:focus{outline:none;border-color:var(--accent)}.ucm-report-desc::placeholder{color:var(--text-tertiary)}.picker-tooltip-bar{display:flex;align-items:center;gap:8px;padding:6px 10px;border-top:1px solid var(--border);min-height:32px;background:var(--bg-darker);border-radius:0 0 12px 12px}.picker-tooltip-preview{font-size:22px;line-height:1;flex-shrink:0}.picker-tooltip-name{font-size:12px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--mono)}.picker-tooltip-hint{font-size:11px;color:var(--text-tertiary);font-style:italic}.emoji-item{transition:transform .1s,background .1s}.emoji-item:hover{transform:scale(1.25);background:var(--ov-8);border-radius:4px}.ucm-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0}.ucm-icon svg{width:14px;height:14px}.scm-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;flex-shrink:0}.scm-icon svg{width:14px;height:14px}.hd-server-dots{display:flex;justify-content:center;gap:6px;padding:8px 0 4px}.hd-dot{width:8px;height:8px;border-radius:50%;background:var(--ov-15);border:none;cursor:pointer;transition:all .15s;padding:0}.hd-dot:hover{background:#ffffff4d}.hd-dot.active{background:var(--accent);transform:scale(1.2)}.chat-input-row{display:flex;align-items:center;gap:2px;padding:4px 6px}.chat-input-row .chat-input{flex:1;min-width:0}.vc-call-view{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);overflow:hidden}.vcv-header{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.vcv-header-name{font-size:14px;font-weight:600;color:var(--text-primary)}.vcv-header-count{font-size:11px;color:var(--text-tertiary)}.vcv-header-back{display:flex;align-items:center;gap:6px;background:var(--ov-6);border:1px solid var(--border);border-radius:6px;padding:5px 12px;font-size:11px;font-weight:500;color:var(--text-secondary);cursor:pointer;font-family:var(--sans);transition:all .12s}.vcv-header-back:hover{background:var(--ov-10);border-color:var(--accent);color:var(--text-primary)}.vcv-stream-area{position:relative;flex:1 1 60%;min-height:200px;background:#000;border-radius:8px;margin:8px 8px 0;overflow:hidden}.vcv-stream-header{position:absolute;top:10px;left:10px;z-index:2;display:flex;align-items:center;gap:8px}.vcv-stream-live-badge{font-size:11px;font-weight:800;color:#fff;background:#e03e3e;padding:2px 8px;border-radius:4px;letter-spacing:.5px}.vcv-stream-name{font-size:14px;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.7)}.vcv-stream-video{width:100%;height:100%}.vcv-stream-video video{width:100%;height:100%;object-fit:cover;pointer-events:none}.vcv-stream-controls{position:absolute;bottom:12px;left:12px;right:12px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;opacity:0;transition:opacity .2s}.vcv-stream-area:hover .vcv-stream-controls{opacity:1}.vcv-stream-vol{display:flex;align-items:center;gap:8px;background:#000000a6;padding:6px 12px;border-radius:6px}.vcv-stream-vol-slider{width:120px;height:4px;accent-color:var(--accent);cursor:pointer}.vcv-stream-vol-label{font-size:11px;font-weight:600;color:#fff;min-width:36px;text-align:right}.vcv-stream-close{display:flex;align-items:center;gap:6px;background:#000000a6;border:none;color:#fff;font-size:12px;font-family:var(--sans);font-weight:600;padding:6px 14px;border-radius:6px;cursor:pointer;transition:background .15s;margin-left:auto}.vcv-stream-close:hover{background:#c83232cc}.vcv-self-stream{display:flex;align-items:center;gap:14px;justify-content:center;padding:28px 20px;margin:8px;background:color-mix(in srgb,var(--bg-darker) 80%,transparent);border-radius:8px;border:1px solid var(--border);flex-shrink:0}.vcv-self-stream-title{font-size:16px;font-weight:700;color:var(--text-primary)}.vcv-self-stream-sub{font-size:12px;color:var(--text-tertiary);margin-top:2px}.vcv-grid{display:grid;gap:12px;padding:24px;flex:1 1 auto;min-height:0;overflow-y:auto;align-content:center;justify-content:center}.vcv-grid-1{grid-template-columns:minmax(0,860px);width:100%}.vcv-grid-2{grid-template-columns:repeat(2,minmax(0,540px))}.vcv-grid-3{grid-template-columns:repeat(3,minmax(0,380px))}.vcv-grid-4{grid-template-columns:repeat(2,minmax(0,540px))}.vcv-grid-5,.vcv-grid-6{grid-template-columns:repeat(3,minmax(0,380px))}.vcv-tile{position:relative;background:var(--ov-3);border-radius:8px;overflow:hidden;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;border:1px solid var(--ov-8);transition:border-color .15s;cursor:pointer}.vcv-tile:hover{border-color:var(--ov-15)}.vcv-tile-speaking{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.vcv-tile-streaming{cursor:pointer;background:transparent}.vcv-tile-focused{border-color:var(--ov-8)!important}.vcv-tile-focused:after{display:none!important}.vcv-tile-watching-active{border-color:var(--ov-8)!important}.vcv-tile-avatar{display:flex;align-items:center;justify-content:center;width:100%;height:100%;pointer-events:none;overflow:hidden}.vcv-tile-video{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.vcv-tile-video video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:transparent;pointer-events:none}.vcv-tile-streaming .vcv-tile-video video{object-fit:contain!important;background:#000}.vcv-tile-streaming .cb-video-fill video{object-fit:contain!important;background:#000}.vcv-watching-pill-wrap{display:flex;justify-content:center;padding:6px 0 10px;flex-shrink:0}.vcv-watching-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 14px;background:var(--bg-float, #1e1f22);border:1px solid var(--border);border-radius:20px;font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap;box-shadow:0 2px 8px #0000004d}.vcv-watching-pill-x{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:var(--ov-8);border:none;color:var(--text-tertiary);cursor:pointer;transition:background .12s,color .12s}.vcv-watching-pill-x:hover{background:#ef444440;color:#ef4444}.vcv-bottom-bar{display:flex;justify-content:center;padding:10px 16px 14px;flex-shrink:0}.vcv-bottom-controls{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--bg-darker, #111214);border-radius:24px;box-shadow:0 2px 12px #0006}.vcv-ctrl-pill{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--ov-8);border:none;color:var(--text-secondary);cursor:pointer;transition:background .12s,color .12s;font-family:var(--sans)}.vcv-ctrl-pill svg{width:18px;height:18px}.vcv-ctrl-pill:hover{background:#ffffff24;color:var(--text-primary)}.vcv-ctrl-pill.vcv-ctrl-muted{background:#ef444426;color:#ef4444}.vcv-ctrl-pill.vcv-ctrl-muted:hover{background:#ef444440}.vcv-ctrl-pill.vcv-ctrl-active{background:rgba(var(--accent-rgb, 62,207,191),.15);color:var(--accent)}.vcv-ctrl-pill.vcv-ctrl-active:hover{background:rgba(var(--accent-rgb, 62,207,191),.25)}.vcv-ctrl-pill.vcv-ctrl-disconnect{background:#d93025;color:#fff}.vcv-ctrl-pill.vcv-ctrl-disconnect:hover{background:#c62b21}.vcv-tile-footer{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:none;pointer-events:none;z-index:3}.vcv-tile-name-row{display:flex;align-items:center;gap:5px;min-width:0}.vcv-tile-name{font-size:12px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px rgba(0,0,0,.8),0 0 8px rgba(0,0,0,.5)}.vcv-tile-icons{display:flex;align-items:center;gap:4px;color:#ffffffb3;flex-shrink:0}.vcv-tile-live-badge{position:absolute;top:8px;right:8px;font-size:10px;font-weight:800;color:#fff;background:#e03e3e;padding:2px 6px;border-radius:3px;letter-spacing:.4px;pointer-events:none;z-index:3}.vcv-pip-cam{position:absolute;z-index:5;border-radius:8px;overflow:visible;border:2px solid var(--ov-15);background:#000;cursor:grab;box-shadow:0 4px 16px #00000080;transition:box-shadow .15s,border-color .15s}.vcv-pip-cam:hover{border-color:var(--accent);box-shadow:0 4px 20px #0009}.vcv-pip-cam:active{cursor:grabbing}.vcv-pip-video{width:100%;height:100%;border-radius:6px;overflow:hidden}.vcv-pip-video video{width:100%;height:100%;object-fit:cover}.vcv-pip-resize{position:absolute;right:-4px;bottom:-4px;width:14px;height:14px;cursor:nwse-resize;z-index:6;border-radius:0 0 6px}.vcv-pip-resize:after{content:"";position:absolute;right:2px;bottom:2px;width:8px;height:8px;border-right:2px solid rgba(255,255,255,.5);border-bottom:2px solid rgba(255,255,255,.5);border-radius:0 0 2px}.vcv-pip-cam:hover .vcv-pip-resize:after{border-color:var(--accent)}.vcv-tile-live-self{background:var(--accent)}.vcv-controls{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-top:1px solid var(--border);flex-shrink:0;background:var(--bg-darker)}.vcv-controls-left{display:flex;align-items:center;gap:10px}.vcv-channel-name{font-size:14px;font-weight:700;color:var(--text-primary)}.vcv-controls-right{display:flex;align-items:center;gap:8px}.vcv-toggle{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.vcv-toggle input{accent-color:var(--accent);width:14px;height:14px;cursor:pointer}.vcv-ctx-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000}.vcv-ctx-menu{position:fixed;background:#161b22;border:1px solid var(--border);border-radius:6px;padding:4px;min-width:160px;box-shadow:0 4px 16px #0009;z-index:1001}.vcv-ctx-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:none;border:none;color:var(--text-secondary);font-size:12px;font-family:var(--sans);cursor:pointer;border-radius:4px;text-align:left}.vcv-ctx-item:hover{background:var(--ov-6);color:var(--text-primary)}.vcv-ctx-danger{color:#e03e3e}.vcv-ctx-danger:hover{background:#e03e3e1a;color:#e03e3e}.cam-preview-modal{width:480px;padding:24px;border-radius:12px}.cam-preview-modal .modal-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:16px}.cpm-preview{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:8px;overflow:hidden;margin-bottom:14px}.cpm-video{width:100%;height:100%;object-fit:cover;border-radius:8px;transform:scaleX(-1)}.cpm-error{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:13px}.cpm-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-tertiary);font-size:12px}.cpm-device-row{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;background:var(--bg-darker);border-radius:8px;border:1px solid var(--border)}.cpm-device-icon{font-size:16px;color:var(--text-secondary)}.cpm-device-select{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:13px;font-family:var(--sans);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.cpm-device-select option{background:var(--bg-float);color:var(--text-primary)}.cpm-bg-section{margin-bottom:18px}.cpm-bg-label{font-size:13px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.cpm-bg-options{display:flex;gap:8px}.cpm-bg-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 24px;background:var(--bg-darker);border:2px solid transparent;border-radius:8px;color:var(--text-secondary);font-size:12px;font-family:var(--sans);font-weight:600;cursor:pointer;transition:all .12s;flex:1}.cpm-bg-btn:hover{background:var(--bg-float)}.cpm-bg-btn.active{border-color:var(--accent);color:var(--text-primary)}.cpm-bg-icon{font-size:20px}.cpm-footer{display:flex;justify-content:flex-end;gap:8px}.cpm-footer .modal-btn.primary{background:var(--accent)}.cpm-footer .modal-btn.primary:disabled{opacity:.5;cursor:not-allowed}.go-live-modal{width:440px;padding:0;border-radius:12px;overflow:hidden}.gl-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--ov-3);border-bottom:1px solid var(--border);color:var(--text-primary)}.gl-header>svg{flex-shrink:0;color:var(--accent)}.gl-title{font-size:16px;font-weight:700}.gl-subtitle{font-size:12px;color:var(--text-tertiary);margin-top:1px}.gl-close{margin-left:auto;background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .12s}.gl-close:hover{color:var(--text-primary);background:var(--ov-6)}.gl-preview-area{padding:20px;display:flex;justify-content:center}.gl-preview-placeholder{width:100%;height:180px;background:#00000040;border:2px dashed var(--border);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--text-tertiary);font-size:13px;text-align:center;padding:20px}.gl-settings{padding:0 20px 16px;display:flex;flex-direction:column;gap:12px}.gl-setting-row{display:flex;align-items:center;justify-content:space-between}.gl-label{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.gl-selects{display:flex;gap:8px}.gl-select{background:var(--bg-surface);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:13px;padding:6px 10px;cursor:pointer;outline:none;font-family:var(--sans);transition:border-color .12s}.gl-select:hover{border-color:var(--border-med)}.gl-select:focus{border-color:var(--accent)}.gl-select option{background:var(--bg-float);color:var(--text-primary)}.gl-checkbox-row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-primary);cursor:pointer;padding:8px 12px;border-radius:6px;background:var(--ov-2);border:1px solid var(--border);transition:all .12s}.gl-checkbox-row:hover{background:var(--ov-4);border-color:var(--border-med)}.gl-checkbox-row input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--border-med);border-radius:4px;background:var(--bg-surface);cursor:pointer;position:relative;flex-shrink:0;transition:all .12s}.gl-checkbox-row input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.gl-checkbox-row input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:5px;width:5px;height:9px;border:solid var(--bg-base);border-width:0 2px 2px 0;transform:rotate(45deg)}.gl-checkbox-hint{margin-left:auto;font-size:11px;color:var(--text-tertiary)}.gl-actions{display:flex;justify-content:flex-end;gap:10px;padding:12px 20px;background:#00000026;border-top:1px solid var(--border)}.gl-go-live-btn{display:flex;align-items:center;gap:8px;padding:8px 20px;background:var(--accent);color:var(--bg-base);border:none;border-radius:6px;font-size:14px;font-weight:700;font-family:var(--sans);cursor:pointer;transition:all .12s}.gl-go-live-btn:hover{filter:brightness(1.15);transform:scale(1.02)}.gl-go-live-btn:active{transform:scale(.98)}.gl-live-dot{width:8px;height:8px;border-radius:50%;background:#ef4444;animation:livePulse 1.5s ease-in-out infinite}@keyframes livePulse{0%,to{opacity:1}50%{opacity:.4}}.ch-vc-streaming{border-radius:4px;transition:background .1s;cursor:pointer}.ch-vc-streaming:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.ch-vc-icons{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}.ch-vc-live-pill{font-size:9px;font-weight:800;color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent);padding:1px 5px;border-radius:3px;letter-spacing:.4px;line-height:1.2}.ch-vc-live-count{font-size:9px;font-weight:700;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);padding:1px 5px;border-radius:3px;letter-spacing:.3px;margin-left:auto;flex-shrink:0}.ch-vc-timer{font-family:var(--mono);font-size:9px;color:var(--green);opacity:.7;flex-shrink:0;margin-left:2px}.chat-h-e2ee{font-size:11px;margin-left:4px;opacity:.6;cursor:help}.msg-encrypted{font-size:10px;margin-left:4px;opacity:.4;cursor:help}.chat-input-locked{padding:12px 16px}.chat-input-locked-inner{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--bg-tertiary, #2b2d31);border-radius:8px;border:1px solid var(--border, #3f4147)}.chat-input-locked-icon{font-size:18px;flex-shrink:0}.chat-input-locked-text{font-size:13px;color:var(--text-secondary, #b5bac1);line-height:1.4}.msg-locked{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-tertiary, #2b2d31);border-radius:6px;border:1px solid var(--border, #3f4147);color:var(--text-secondary, #b5bac1);font-size:13px;font-style:italic}.msg-locked-icon{font-size:14px}.ssp-audio-badge{font-size:10px;font-weight:700;padding:2px 8px;border-radius:10px;font-family:var(--mono);flex-shrink:0}.ssp-audio-on{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.ssp-audio-off{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.vc-view-layout{display:flex;flex-direction:row}.vc-view-layout .vc-call-view{flex:1;min-width:0}.vcv-header-chat-btn{display:flex;align-items:center;gap:6px;background:var(--ov-4);border:1px solid var(--border);border-radius:6px;padding:5px 12px;font-size:11px;font-weight:500;color:var(--text-secondary);cursor:pointer;font-family:var(--sans);transition:all .12s;margin-right:6px}.vcv-header-chat-btn:hover{background:var(--ov-8);border-color:var(--accent);color:var(--text-primary)}.vcv-header-chat-btn.active{background:#3ecfbf1f;border-color:var(--accent);color:var(--accent)}.vc-chat-panel{width:100%;background:var(--bg-surface);display:flex;flex-direction:column;flex-shrink:0;height:100%}.vcp-header{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg-surface)}.vcp-title{font-size:13px;font-weight:600;color:var(--text-primary)}.vcp-messages{flex:1;overflow-y:auto;padding:10px 8px;display:flex;flex-direction:column;gap:2px}.vcp-empty{font-size:12px;color:var(--text-tertiary);text-align:center;padding:24px 12px;line-height:1.6}.vcp-msg{padding:1px 6px;border-radius:4px;transition:background .08s}.vcp-msg:hover{background:var(--ov-3)}.vcp-msg-header{display:flex;align-items:center;gap:6px;margin-top:8px;margin-bottom:1px}.vcp-msg-name{font-size:12px;font-weight:600}.vcp-msg-time{font-size:10px;color:var(--text-tertiary);margin-left:auto}.vcp-msg-text{font-size:13px;color:var(--text-secondary);line-height:1.45;word-break:break-word;padding-left:26px}.vcp-input-wrap{border-top:1px solid var(--border);padding:8px;flex-shrink:0}.vcp-simple-input{width:100%;background:var(--bg-input, var(--bg-overlay));border:1px solid var(--border);border-radius:6px;padding:8px 10px;color:var(--text-primary);font-size:13px;font-family:var(--sans);outline:none;transition:border-color .12s}.vcp-simple-input:focus{border-color:var(--accent)}.vcp-simple-input::placeholder{color:var(--text-tertiary)}.vcp-simple-input:disabled{opacity:.5;cursor:default}.vcp-input-row{display:flex;align-items:center;gap:6px;background:var(--bg-input, var(--bg-overlay));border:1px solid var(--border);border-radius:8px;padding:6px 10px;transition:border-color .12s}.vcp-input-row:focus-within{border-color:var(--accent)}.vcp-input{flex:1;background:none;border:none;outline:none;color:var(--text-primary);font-size:13px;font-family:var(--sans)}.vcp-input::placeholder{color:var(--text-tertiary)}.vcp-send-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .12s;flex-shrink:0}.vcp-send-btn:hover:not(:disabled){color:var(--accent)}.vcp-send-btn:disabled{opacity:.3;cursor:default}.vcp-locked{font-size:11px;color:var(--text-tertiary);text-align:center;padding:8px}.ch-vc-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity .12s;flex-shrink:0}.ch-item:hover .ch-vc-actions{opacity:1}.ch-vc-action-btn{width:22px;height:22px;background:none;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .12s,background .12s}.ch-vc-action-btn:hover{color:var(--text-primary);background:var(--ov-8)}.vcv-tile-watch-overlay{position:absolute;bottom:36px;left:50%;transform:translate(-50%) translateY(4px);z-index:10;opacity:0;transition:opacity .18s,transform .18s;pointer-events:none;white-space:nowrap}.vcv-tile:hover .vcv-tile-watch-overlay{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.vcv-tile-watch-btn{display:flex;align-items:center;gap:7px;padding:7px 16px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;font-family:var(--sans);transition:background .12s;white-space:nowrap}.vcv-tile-watch-btn:hover{filter:brightness(1.1)}.vcv-tile-add-btn{display:flex;align-items:center;gap:6px;padding:5px 14px;background:var(--ov-12);color:#fff;border:1px solid var(--ov-20);border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;font-family:var(--sans);transition:all .12s;white-space:nowrap}.vcv-tile-add-btn.watching{background:#22c55e26;border-color:#22c55e66;color:#4ade80}.vcv-tile-add-btn.watching:hover{background:#ef444426;border-color:#ef444466;color:#f87171}.vcv-tile-own-stream-notice{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--bg-darker, #0D1117);z-index:4;border-radius:6px;padding:12px;pointer-events:auto}.vcv-tile-preview-btn{margin-top:4px;padding:5px 14px;background:var(--ov-12);border:1px solid var(--ov-20);border-radius:6px;color:#fffc;font-size:11px;font-weight:600;cursor:pointer;font-family:var(--sans);transition:all .12s;pointer-events:auto}.vcv-tile-preview-btn:hover{background:#ffffff38;color:#fff}.vcv-tile-preview-close{position:absolute;top:8px;left:8px;z-index:10;padding:3px 8px;background:#0009;border:none;border-radius:5px;color:#ffffffa6;font-size:11px;font-weight:600;cursor:pointer;font-family:var(--sans);transition:all .12s;opacity:0;pointer-events:auto}.vcv-tile:hover .vcv-tile-preview-close{opacity:1}.vcv-tile-stream-hover{position:absolute;bottom:36px;left:50%;transform:translate(-50%) translateY(4px);z-index:6;opacity:0;transition:opacity .18s ease,transform .18s ease;pointer-events:none;white-space:nowrap}.vcv-tile:hover .vcv-tile-stream-hover{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.vcv-tile-hover-btn{display:flex;align-items:center;gap:8px;padding:7px 16px;border:1px solid var(--ov-12);border-radius:20px;font-size:11px;font-weight:700;cursor:pointer;font-family:var(--sans);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .12s,border-color .12s}.vcv-tile-hover-watch{background:#141414d9;color:#fff}.vcv-tile-hover-watch:hover{background:#3ecfbf40;border-color:var(--accent);color:var(--accent)}.vcv-tile-hover-stop{background:#ef4444cc;color:#fff;border-color:transparent}.vcv-tile-paused-icon{font-size:22px;opacity:.6}.vcv-tile-paused-label{font-size:12px;font-weight:700;color:#fff;text-align:center}.vcv-tile-paused-sub{font-size:10px;color:#ffffff80;text-align:center}.vcp-key-notice{font-size:11px;color:var(--amber, #f59e0b);background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:6px;padding:8px 10px;margin:4px;line-height:1.5}.vcv-header-toggle{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:11px;font-weight:500;color:var(--text-secondary);margin-right:6px;-webkit-user-select:none;user-select:none}.vcv-header-toggle input{accent-color:var(--accent);cursor:pointer;width:13px;height:13px}.vcv-header-toggle:hover{color:var(--text-primary)}.vcv-controls{display:none}.ch-cat-rename-input{flex:1;background:var(--bg-overlay);border:1px solid var(--accent);border-radius:4px;color:var(--text-primary);font-size:10px;font-weight:700;font-family:var(--sans);padding:2px 6px;text-transform:uppercase;letter-spacing:.06em;outline:none;min-width:0}.vc-join-banner{display:flex;align-items:center;justify-content:space-between;padding:7px 16px;background:var(--bg-darker);border-bottom:1px solid var(--border);flex-shrink:0;gap:12px}.vc-join-banner-left{display:flex;align-items:center;gap:8px;min-width:0}.vc-join-banner-avatars{display:flex;align-items:center;padding-left:4px}.vc-join-banner-label{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vc-join-banner-btn{display:flex;align-items:center;gap:6px;padding:5px 12px;background:var(--accent);color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;font-family:var(--sans);white-space:nowrap;flex-shrink:0;transition:filter .12s}.vc-join-banner-btn:hover{filter:brightness(1.1)}.vc-join-banner-btn.active{background:#3ecfbf26;color:var(--accent);border:1px solid var(--accent)}.vc-join-banner-btn.active:hover{background:#3ecfbf40}.vc-participants-header{display:flex;align-items:center;gap:7px;padding:16px 12px 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);border-bottom:1px solid var(--border);flex-shrink:0}.vc-view-streams-btn{display:flex;align-items:center;gap:7px;margin:8px 10px 4px;padding:7px 12px;background:#3ecfbf1f;border:1px solid rgba(62,207,191,.3);border-radius:6px;color:var(--accent);font-size:11px;font-weight:700;cursor:pointer;font-family:var(--sans);transition:all .12s;width:calc(100% - 20px)}.vc-view-streams-btn:hover{background:#3ecfbf33;border-color:var(--accent)}.vc-participants-list{flex:1;overflow-y:auto;padding:6px 0}.vc-participant-row{display:flex;align-items:center;gap:9px;padding:5px 12px;cursor:pointer;border-radius:4px;margin:0 4px;transition:background .1s}.vc-participant-row:hover{background:var(--ov-5)}.vc-participant-row.speaking .vc-participant-av{filter:drop-shadow(0 0 5px var(--green))}.vc-participant-av{position:relative;flex-shrink:0}.vc-participant-speaking-ring{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px solid var(--green);animation:speakPulse .8s ease-in-out infinite;pointer-events:none}@keyframes speakPulse{0%,to{opacity:1}50%{opacity:.4}}.vc-participant-name{flex:1;font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vc-participant-row.speaking .vc-participant-name{color:var(--text-primary)}.vc-participant-icons{display:flex;align-items:center;gap:4px;flex-shrink:0}.vc-participant-live{font-size:9px;font-weight:800;background:var(--red, #ef4444);color:#fff;border-radius:3px;padding:1px 4px;letter-spacing:.04em}.vcv-tile-stream-preview{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#0000008c;border-radius:inherit}.vcv-tile-preview-icon{width:52px;height:52px;background:var(--ov-10);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffffe6}.vcv-tile-preview-name{font-size:13px;font-weight:600;color:#fffc}.vcv-tile-preview-btns{display:flex;gap:8px}.vcv-tile-add-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;background:var(--ov-12);color:#ffffffe6;border:1px solid var(--ov-20);border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;font-family:var(--sans);transition:all .12s}.vcv-tile-add-btn:hover{background:var(--ov-20)}.vcv-focused-solo{flex:1 1 0;min-height:0;padding:16px;display:flex;align-items:center;justify-content:center}.vcv-focused-solo .vcv-tile{flex:0 1 auto;width:100%;aspect-ratio:16/9;max-width:1100px;max-height:100%;margin:0 auto;border-radius:12px}.vcv-focused-solo .vcv-tile-focused{border-color:var(--ov-8)!important}.vcv-focused-solo .vcv-tile-video video{object-fit:contain}.vcv-tile-paused-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#00000073;border-radius:inherit;pointer-events:none}.vcv-tile-paused-play{width:48px;height:48px;background:var(--ov-15);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffffe6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vcv-tile-paused-hint{font-size:11px;font-weight:600;color:#fff9;letter-spacing:.3px}.vcv-join-btn{padding:6px 16px;background:var(--green, #22c55e);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;font-family:var(--sans);transition:filter .12s}.vcv-join-btn:hover{filter:brightness(1.1)}.vcv-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px}.modal-overlay{animation:overlayFadeIn .18s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.modal{animation:modalSlideUp .22s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.ctx-menu,.server-menu,.vcv-ctx-menu,.user-ctx-menu,.server-ctx-menu,.friend-ctx{animation:ctxSlideIn .12s cubic-bezier(.16,1,.3,1)}@keyframes ctxSlideIn{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:none}}.toast-enter{animation:toastIn .25s cubic-bezier(.16,1,.3,1)}@keyframes toastIn{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:none}}.ch-cat-group .ch-item{animation:chItemIn .15s cubic-bezier(.16,1,.3,1) both}.ch-cat-group .ch-item:nth-child(1){animation-delay:0ms}.ch-cat-group .ch-item:nth-child(2){animation-delay:20ms}.ch-cat-group .ch-item:nth-child(3){animation-delay:40ms}.ch-cat-group .ch-item:nth-child(4){animation-delay:60ms}.ch-cat-group .ch-item:nth-child(5){animation-delay:80ms}@keyframes chItemIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}.rail-btn{transition:all .15s cubic-bezier(.16,1,.3,1)}.rail-sep{transition:width .2s cubic-bezier(.16,1,.3,1)}.mem-item{transition:background .1s,transform .1s}.mem-item:active{transform:scale(.98)}.msg-group{animation:msgFadeIn .18s ease both}@keyframes msgFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.notif-dropdown{animation:notifDropIn .2s cubic-bezier(.16,1,.3,1)}@keyframes notifDropIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.modal-btn,.profile-btn,.cb-ctrl,.mcb-btn,.vc-bar-btn,.ch-type-btn,.vcv-join-btn{transition:all .12s cubic-bezier(.16,1,.3,1)}.modal-btn:active,.profile-btn:active,.vc-bar-btn:active,.ch-type-btn:active{transform:scale(.96)}.av{transition:transform .12s cubic-bezier(.16,1,.3,1),box-shadow .12s}.av:hover{transform:scale(1.05)}.msg-reaction{transition:all .12s cubic-bezier(.16,1,.3,1)}.msg-reaction:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0003}.msg-reaction:active{transform:scale(.95)}.profile-card{animation:pcSlideIn .18s cubic-bezier(.16,1,.3,1)}@keyframes pcSlideIn{0%{opacity:0;transform:translate(-8px) scale(.97)}to{opacity:1;transform:none}}.msg-hover-bar{animation:hoverBarIn .1s ease}@keyframes hoverBarIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}.status-popup{animation:statusPopIn .15s cubic-bezier(.16,1,.3,1)}@keyframes statusPopIn{0%{opacity:0;transform:translateY(6px) scale(.96)}to{opacity:1;transform:none}}.picker-popup{animation:pickerIn .18s cubic-bezier(.16,1,.3,1)}@keyframes pickerIn{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}@keyframes badgeBounce{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.vc-muted-alert{animation:mutedSlide .2s cubic-bezier(.16,1,.3,1)}@keyframes mutedSlide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.ch-item[draggable=true]{cursor:pointer}.ch-item[draggable=true]:active{cursor:grabbing}.ch-category[draggable=true]{cursor:grab}.ch-category[draggable=true]:active{cursor:grabbing}.ch-scroll::-webkit-scrollbar{width:4px}.ch-scroll::-webkit-scrollbar-track{background:transparent}.ch-scroll::-webkit-scrollbar-thumb{background:var(--ov-8);border-radius:4px;transition:background .15s}.ch-scroll::-webkit-scrollbar-thumb:hover{background:var(--ov-15)}.ch-item:focus-visible,.modal-btn:focus-visible,.profile-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:4px}.ch-vc-user,.ch-vc-name,.ch-vc-av-wrap{transition:all .12s}.server-menu-item{transition:background .1s,color .1s}.ctx-item{transition:background .08s,color .08s}@keyframes skeletonPulse{0%{opacity:.5}50%{opacity:.25}to{opacity:.5}}.skeleton{animation:skeletonPulse 1.5s ease-in-out infinite;background:var(--bg-overlay);border-radius:4px}.typing-dots span{display:inline-block;width:4px;height:4px;background:var(--text-tertiary);border-radius:50%;margin:0 1px;animation:typingBounce .6s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-3px)}}.unified-input-wrap{position:relative}.unified-input-wrap.compact .chat-input-box{border-radius:8px}.unified-input-wrap.compact .chat-input-row{padding:3px 4px}.unified-input-wrap.compact .chat-input{font-size:13px;padding:6px 8px}.unified-input-disabled{padding:10px 14px;text-align:center;font-size:12px;color:var(--text-tertiary);font-style:italic}.unified-input-wrap.drag-over{outline:2px dashed var(--accent);outline-offset:-2px;border-radius:8px}.unified-input-wrap .drag-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;border-radius:8px}.unified-input-wrap .drag-overlay-inner{color:#fff;font-size:14px;font-weight:600}.forum-reply-input-area .unified-input-wrap .chat-input-box{border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary)}.forum-reply-input-area .unified-input-wrap .chat-input-box:focus-within{border-color:var(--accent)}.thread-input-area .unified-input-wrap .chat-input-box{border:1px solid var(--border);border-radius:8px;background:var(--bg-primary)}.thread-input-area .unified-input-wrap .chat-input-box:focus-within{border-color:var(--accent)}.pod-window{position:fixed;width:340px;background:var(--bg-base);border:1px solid var(--border);border-bottom:none;border-radius:8px 8px 0 0;box-shadow:0 -4px 24px #0006;display:flex;flex-direction:column;z-index:1500;animation:podSlideIn .2s cubic-bezier(.16,1,.3,1);-webkit-user-select:none;user-select:none}.pod-window:not(.pod-min):not(.pod-expanded){height:420px}.pod-window.pod-min{height:auto}.pod-window.pod-expanded{top:0;bottom:0;height:100vh;width:420px;border-radius:0;border-bottom:none;border-top:none;box-shadow:-4px 0 24px #0000004d;animation:podExpandIn .2s cubic-bezier(.16,1,.3,1)}.pod-expanded .pod-header{border-radius:0}.pod-toolbar{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--bg-darker);border-bottom:1px solid var(--border);flex-shrink:0}.pod-tool-btn{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:4px;border:none;background:transparent;color:var(--text-tertiary);font-size:11px;font-weight:600;cursor:pointer;transition:all .1s}.pod-tool-btn:hover{background:var(--ov-5);color:var(--text-secondary)}.pod-tool-btn.active{background:var(--ov-8);color:var(--accent)}.pod-search-bar{display:flex;align-items:center;gap:4px;flex:1;max-width:200px}.pod-search-input{flex:1;background:var(--ov-4);border:1px solid var(--border);border-radius:4px;padding:4px 8px;font-size:12px;color:var(--text-primary);outline:none;font-family:var(--sans)}.pod-search-input:focus{border-color:var(--accent)}.pod-search-close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:12px;padding:2px}.pod-search-close:hover{color:var(--text-primary)}.pod-pinned-panel{max-height:200px;overflow-y:auto;padding:8px 10px;background:var(--bg-surface);border-bottom:1px solid var(--border);flex-shrink:0}.pod-pinned-title{font-size:10px;font-weight:700;color:var(--text-tertiary);letter-spacing:.5px;margin-bottom:6px}.pod-pinned-empty{font-size:12px;color:var(--text-tertiary);padding:8px 0;text-align:center}.pod-pinned-msg{display:flex;gap:6px;padding:4px 6px;border-radius:4px;font-size:12px;color:var(--text-secondary);background:var(--ov-3);margin-bottom:4px}@keyframes podExpandIn{0%{opacity:.7;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes podSlideIn{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.pod-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--bg-darker);border-radius:8px 8px 0 0;flex-shrink:0;height:48px}.pod-min .pod-header{border-radius:8px}.pod-name{font-size:14px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.pod-header-actions{display:flex;gap:2px}.pod-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:4px 6px;border-radius:4px;font-size:13px;line-height:1;transition:all .12s}.pod-btn:hover{background:var(--ov-8);color:var(--text-primary)}.pod-btn-expand{color:var(--accent)!important}.pod-btn-expand:hover{background:rgba(var(--accent-rgb, 100,200,180),.15)!important}.pod-btn-call svg{width:14px;height:14px}.pod-btn-call:hover{color:var(--green)!important;background:#22c55e1a}.pod-banner{height:80px;position:relative;flex-shrink:0;background-size:cover;background-position:center}.pod-banner-img{width:100%;height:100%;object-fit:cover}.pod-banner-av{position:absolute;bottom:-20px;left:14px}.pod-banner-dot{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:50%;border:3px solid var(--bg-surface)}.pod-banner-dot.on{background:var(--green)}.pod-banner-dot.idle{background:var(--amber)}.pod-banner-dot.dnd{background:var(--red)}.pod-banner-dot.off{background:#484f58}@media (prefers-reduced-motion: reduce){.pod-banner-img,.pc-banner-img,.us-banner-img{animation:none!important;transition:none!important}img.pod-banner-img[src$=".gif"],img.pc-banner-img[src$=".gif"],img.us-banner-img[src$=".gif"]{animation-play-state:paused!important}}.pod-msgs{flex:1;overflow-y:auto;padding:28px 12px 8px;display:flex;flex-direction:column;gap:4px;background:var(--bg-darker)}.pod-empty{font-size:12px;color:var(--text-tertiary);text-align:center;padding:32px 8px}.pod-msg-time{font-size:10px;color:var(--text-tertiary);text-align:center;margin:8px 0 4px}.pod-bubble{max-width:80%;padding:8px 12px;border-radius:12px;font-size:13px;line-height:1.4;word-break:break-word}.pod-bubble img{max-width:180px;max-height:120px;border-radius:6px;margin-top:4px}.pod-bubble-them{align-self:flex-start;background:var(--bg-darker);color:var(--text-primary);border-bottom-left-radius:4px}.pod-bubble-me{align-self:flex-end;background:var(--accent);color:#fff;border-bottom-right-radius:4px}.pod-call-card{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--bg-float);border:1px solid var(--border);border-radius:10px;max-width:85%}.pod-call-me{align-self:flex-end}.pod-call-them{align-self:flex-start}.pod-call-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--ov-6);color:var(--text-secondary)}.pod-call-card.call-card-active .pod-call-icon{background:#22c55e26;color:#22c55e}.pod-call-card.call-card-ended .pod-call-icon{background:var(--ov-6);color:var(--accent)}.pod-call-card.call-card-missed .pod-call-icon{background:#ef44441f;color:#ef4444}.pod-call-info{display:flex;flex-direction:column;gap:1px}.pod-call-title{font-size:12px;font-weight:600;color:var(--text-primary)}.pod-call-status{font-size:10px;color:var(--text-secondary)}.pod-call-card.call-card-active .pod-call-status{color:#22c55e}.pod-call-card.call-card-missed .pod-call-status{color:#ef4444}.pod-encrypted{opacity:.5;font-style:italic;font-size:12px}.pod-input-wrap{border-top:none;padding:8px 16px 12px;flex-shrink:0;background:var(--bg-darker)}.pod-input{width:100%;background:var(--bg-base);border:none;border-radius:8px;padding:10px 14px;color:var(--text-primary);font-size:13px;font-family:var(--sans);outline:none;transition:border-color .12s}.pod-input:focus{border-color:var(--accent)}.pod-input::placeholder{color:var(--text-tertiary)}.pod-input:disabled{opacity:.5;cursor:default}