:root{--cyan: #06D4E0;--cyan-soft: rgba(6, 212, 224, .12);--success: #10B981;--success-soft: rgba(16, 185, 129, .14);--danger: #EF4444;--danger-soft: rgba(239, 68, 68, .14);--warning: #F59E0B;--voice-active: #10B981;--status-online: #10B981;--status-idle: #F59E0B;--status-dnd: #EF4444;--status-offline: #5C5C75;--r-xs: 4px;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--r-full: 9999px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace;--font-display: "Inter", var(--font-sans);--glow-accent: 0 0 24px var(--accent-glow);--glow-cyan: 0 0 24px rgba(6, 212, 224, .25);--ease: cubic-bezier(.2, .8, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--t-fast: .12s;--t-base: .2s;--t-slow: .32s;--bg-void: #06060B;--bg-base: #0B0B14;--bg-elevated: #15151F;--bg-raised: #1E1E2C;--bg-overlay: #282838;--bg-tint: rgba(255, 255, 255, .04);--text-primary: #F3F3F8;--text-secondary: #A2A2BC;--text-muted: #686883;--text-inverse: #0C0C14;--border-subtle: #1F1F2E;--border-default: #2C2C40;--border-strong: #3D3D58;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-lg: 0 12px 32px rgba(0,0,0,.6);--accent: #8E63F8;--accent-hover: #A684FB;--accent-pressed: #7949ED;--accent-glow: rgba(142, 99, 248, .32);--accent-soft: rgba(142, 99, 248, .14)}[data-theme=void]{--bg-void: #06060B;--bg-base: #0B0B14;--bg-elevated: #15151F;--bg-raised: #1E1E2C;--bg-overlay: #282838;--bg-tint: rgba(255, 255, 255, .04);--text-primary: #F3F3F8;--text-secondary: #A2A2BC;--text-muted: #686883;--text-inverse: #0C0C14;--border-subtle: #1F1F2E;--border-default: #2C2C40;--border-strong: #3D3D58;--shadow-sm: 0 1px 2px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-lg: 0 12px 32px rgba(0,0,0,.6)}[data-theme=midnight]{--bg-void: #000000;--bg-base: #050507;--bg-elevated: #0C0C12;--bg-raised: #15151E;--bg-overlay: #1F1F2A;--bg-tint: rgba(255, 255, 255, .05);--text-primary: #F5F7FB;--text-secondary: #A4A9C0;--text-muted: #5E6378;--text-inverse: #050507;--border-subtle: #14141E;--border-default: #232337;--border-strong: #353550;--shadow-sm: 0 1px 2px rgba(0,0,0,.6);--shadow-md: 0 4px 14px rgba(0,0,0,.7);--shadow-lg: 0 14px 36px rgba(0,0,0,.8)}[data-theme=daybreak]{--bg-void: #F5F2EE;--bg-base: #FAFAF7;--bg-elevated: #FFFFFF;--bg-raised: #F3F0EC;--bg-overlay: #E9E6E0;--bg-tint: rgba(0, 0, 0, .04);--text-primary: #1A1A22;--text-secondary: #4F4F65;--text-muted: #8B8FA3;--text-inverse: #FAFAF7;--border-subtle: #E6E2DA;--border-default: #D2CDC2;--border-strong: #B5AFA0;--shadow-sm: 0 1px 2px rgba(50,40,80,.08);--shadow-md: 0 4px 14px rgba(50,40,80,.1);--shadow-lg: 0 16px 40px rgba(50,40,80,.16)}[data-theme=sepia]{--bg-void: #1A1410;--bg-base: #221A13;--bg-elevated: #2C2218;--bg-raised: #382A1D;--bg-overlay: #443220;--bg-tint: rgba(255, 230, 200, .05);--text-primary: #F2E5CC;--text-secondary: #C9B594;--text-muted: #87724F;--text-inverse: #1A1410;--border-subtle: #2E2419;--border-default: #41311F;--border-strong: #5A4530;--shadow-sm: 0 1px 2px rgba(0,0,0,.5);--shadow-md: 0 4px 12px rgba(0,0,0,.55);--shadow-lg: 0 12px 32px rgba(0,0,0,.65)}[data-accent=purple]{--accent: #8E63F8;--accent-hover: #A684FB;--accent-pressed: #7949ED;--accent-glow: rgba(142, 99, 248, .32);--accent-soft: rgba(142, 99, 248, .14)}[data-accent=blue]{--accent: #3B82F6;--accent-hover: #60A5FA;--accent-pressed: #2563EB;--accent-glow: rgba(59, 130, 246, .32);--accent-soft: rgba(59, 130, 246, .14)}[data-accent=teal]{--accent: #14B8A6;--accent-hover: #2DD4BF;--accent-pressed: #0D9488;--accent-glow: rgba(20, 184, 166, .32);--accent-soft: rgba(20, 184, 166, .14)}[data-accent=green]{--accent: #22C55E;--accent-hover: #4ADE80;--accent-pressed: #16A34A;--accent-glow: rgba(34, 197, 94, .32);--accent-soft: rgba(34, 197, 94, .14)}[data-accent=yellow]{--accent: #EAB308;--accent-hover: #FACC15;--accent-pressed: #CA8A04;--accent-glow: rgba(234, 179, 8, .32);--accent-soft: rgba(234, 179, 8, .14)}[data-accent=orange]{--accent: #F97316;--accent-hover: #FB923C;--accent-pressed: #EA580C;--accent-glow: rgba(249, 115, 22, .32);--accent-soft: rgba(249, 115, 22, .14)}[data-accent=red]{--accent: #EF4444;--accent-hover: #F87171;--accent-pressed: #DC2626;--accent-glow: rgba(239, 68, 68, .32);--accent-soft: rgba(239, 68, 68, .14)}[data-accent=pink]{--accent: #EC4899;--accent-hover: #F472B6;--accent-pressed: #DB2777;--accent-glow: rgba(236, 72, 153, .32);--accent-soft: rgba(236, 72, 153, .14)}[data-accent=custom]{--accent: var(--accent-custom, #8E63F8);--accent-hover: color-mix(in oklab, var(--accent-custom, #8E63F8) 85%, white);--accent-pressed: color-mix(in oklab, var(--accent-custom, #8E63F8) 85%, black);--accent-glow: color-mix(in oklab, var(--accent-custom, #8E63F8) 32%, transparent);--accent-soft: color-mix(in oklab, var(--accent-custom, #8E63F8) 14%, transparent)}html,body,.col,.card,.channel,.msg-row,.channels-body,.composer,.settings-panel-inner,.modal-card,.saved-row{transition:background-color var(--t-base) var(--ease),color var(--t-base) var(--ease),border-color var(--t-base) var(--ease),box-shadow var(--t-base) var(--ease)}@media (prefers-reduced-motion: reduce){html,body,.col,.card,.channel,.msg-row,.channels-body,.composer,.settings-panel-inner,.modal-card,.saved-row{transition:none}}@keyframes void-fade-in{0%{opacity:0}to{opacity:1}}@keyframes void-pop-in{0%{opacity:0;transform:translateY(6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes void-toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes void-pulse{0%,to{opacity:1}50%{opacity:.55}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-void);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--r-full);border:2px solid var(--bg-elevated)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.void-bg{background:radial-gradient(ellipse 80% 60% at 20% 0%,rgba(139,92,246,.08),transparent 60%),radial-gradient(ellipse 60% 50% at 100% 100%,rgba(6,212,224,.06),transparent 60%),var(--bg-void)}.h1{font-size:32px;font-weight:700;letter-spacing:-.02em;line-height:1.15}.h2{font-size:22px;font-weight:700;letter-spacing:-.01em;line-height:1.25}.h3{font-size:16px;font-weight:600;letter-spacing:-.005em}.body{font-size:14px}.small{font-size:12px;color:var(--text-secondary)}.tiny{font-size:11px;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.mono{font-family:var(--font-mono)}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.logo{display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--font-display);font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.logo-mark{display:inline-block}.logo-word{font-size:16px}.logo-word .accent{color:var(--accent)}.logo-lg .logo-word{font-size:28px}.logo-xl .logo-word{font-size:44px;letter-spacing:-.025em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);padding:9px 14px;border-radius:var(--r-md);border:1px solid var(--border-subtle);background:var(--bg-raised);color:var(--text-primary);font-weight:500;font-size:13.5px;letter-spacing:.005em;cursor:pointer;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform 90ms var(--ease),box-shadow var(--t-fast) var(--ease);user-select:none}.btn:hover{background:var(--bg-overlay);border-color:var(--border-default)}.btn:active{transform:translateY(1px) scale(.99)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn:focus-visible,.channel:focus-visible,.dm-row:focus-visible,.group-pill:focus-visible,.settings-page-nav-link:focus-visible,.input:focus-visible,input.input:focus-visible,textarea.input:focus-visible,.voice-tile:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px #8e63f82e}.input:focus-visible,input.input:focus-visible,textarea.input:focus-visible{outline-offset:0}.btn-primary{background:linear-gradient(180deg,var(--accent-hover),var(--accent));color:#fff;border-color:var(--accent);box-shadow:0 6px 18px #8e63f847,0 0 0 1px var(--accent-soft) inset}.btn-primary:hover{background:linear-gradient(180deg,#B98DFC,var(--accent-hover));border-color:var(--accent-hover);box-shadow:0 8px 22px #8e63f85c,0 0 0 1px var(--accent-soft) inset}.btn-primary:active{background:linear-gradient(180deg,var(--accent),var(--accent-pressed))}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-tint);border-color:transparent;color:var(--text-primary)}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:#ef444452}.btn-danger:hover{background:#ef444438;border-color:#ef444480}.btn-success{background:var(--success-soft);color:var(--success);border-color:#10b98152}.btn-success:hover{background:#10b98138;border-color:#10b98180}.btn-sm{padding:5px 10px;font-size:12.5px;border-radius:var(--r-sm)}.btn-lg{padding:13px 22px;font-size:15px;border-radius:var(--r-md)}.btn-icon{padding:0;width:34px;height:34px}.input{width:100%;padding:10px 13px;border-radius:var(--r-md);border:1px solid var(--border-default);background:var(--bg-base);color:var(--text-primary);font-size:13.5px;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.input::placeholder{color:var(--text-muted)}.input:hover{border-color:var(--border-strong)}.input:focus,.input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input-search{background:var(--bg-base);border:1px solid var(--border-subtle);padding-left:36px}.card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--s-5)}.card-divider{height:1px;background:var(--border-subtle);margin:var(--s-4) 0;border:0}.section{display:flex;flex-direction:column;gap:var(--s-3)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-1)}.section-title{font-size:15px;font-weight:600;color:var(--text-primary);letter-spacing:-.005em}.section-sub{font-size:12.5px;color:var(--text-muted);line-height:1.55}.row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-2);border-radius:var(--r-md);transition:background var(--t-fast) var(--ease)}.row:hover{background:var(--bg-tint)}.row-stack{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.row-title{color:var(--text-primary);font-size:14px;font-weight:500}.row-sub{color:var(--text-muted);font-size:12.5px}.profile-card{position:fixed;z-index:1500;background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--r-lg);box-shadow:0 24px 60px #0000008c,0 0 0 1px var(--accent-soft);overflow:hidden;display:flex;flex-direction:column;animation:void-pop-in .18s var(--ease-out) both}.profile-card-cover{height:56px;background:linear-gradient(135deg,var(--accent),var(--cyan))}.profile-card-avatar-wrap{margin-top:-34px;padding-left:var(--s-4)}.profile-card-avatar-wrap .avatar{border:4px solid var(--bg-overlay);border-radius:50%}.profile-card-body{padding:var(--s-3) var(--s-4) var(--s-4);display:flex;flex-direction:column;gap:4px}.profile-card-name{font-size:16px;font-weight:600;color:var(--text-primary)}.profile-card-handle{font-size:12.5px;color:var(--text-muted)}.profile-card-presence{display:inline-flex;align-items:center;gap:6px;margin-top:var(--s-2);padding:4px 10px;background:var(--bg-raised);border-radius:var(--r-full);font-size:12px;width:fit-content;color:var(--text-primary);font-weight:500}.profile-card-presence .status-dot{background:var(--text-muted);width:9px;height:9px;box-shadow:inset 0 0 0 1px #ffffff38,0 0 0 1px #00000073}.profile-card-presence.presence-online .status-dot{background:var(--status-online)}.profile-card-presence.presence-away .status-dot{background:var(--status-idle)}.profile-card-presence.presence-busy .status-dot{background:var(--status-dnd)}.profile-card-presence.presence-offline .status-dot{background:var(--status-offline)}.profile-card-custom{margin-top:var(--s-2);padding:var(--s-2) 10px;background:var(--bg-base);border-radius:var(--r-sm);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:13px;line-height:1.45;word-wrap:break-word}.profile-card-bio{margin-top:var(--s-2);color:var(--text-secondary);font-size:12.5px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.profile-card-actions{margin-top:var(--s-3);display:flex;gap:var(--s-2)}.profile-card-actions .btn{flex:1;justify-content:center}.toast-stack{position:fixed;right:var(--s-5);bottom:var(--s-5);display:flex;flex-direction:column;gap:var(--s-2);z-index:2000;pointer-events:none;max-width:min(360px,calc(100vw - 2 * var(--s-5)))}.toast{pointer-events:auto;display:flex;align-items:center;gap:var(--s-3);padding:10px 12px;background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--r-md);color:var(--text-primary);font-size:13px;box-shadow:var(--shadow-md);animation:void-toast-in .22s var(--ease-out) both}.toast-icon{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-icon .ico{width:14px;height:14px}.toast-success{border-color:#10b98159}.toast-success .toast-icon{background:#10b9812e;color:var(--success)}.toast-error{border-color:#ef444459}.toast-error .toast-icon{background:#ef44442e;color:var(--danger)}.toast-info .toast-icon{background:var(--accent-soft);color:var(--accent)}.toast-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor}.toast-msg{flex:1;min-width:0;word-wrap:break-word;line-height:1.45}.toast-close{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--text-muted);border-radius:var(--r-sm);cursor:pointer;flex-shrink:0;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.toast-close:hover{background:var(--bg-tint);color:var(--text-primary)}.toast-close .ico{width:12px;height:12px}.in-app-notif-stack{position:fixed;right:var(--s-5);bottom:var(--s-5);display:flex;flex-direction:column;gap:10px;z-index:2100;pointer-events:none;max-width:min(380px,calc(100vw - 2 * var(--s-5)))}.in-app-notif{pointer-events:auto;position:relative;width:100%;border:1px solid var(--border-subtle);border-left:3px solid var(--accent);border-radius:var(--r-lg);background:radial-gradient(ellipse 70% 60% at 0% 0%,rgba(139,92,246,.18),transparent 60%),var(--bg-elevated);box-shadow:0 12px 36px #0000008c,0 0 0 1px #8b5cf626,0 0 28px var(--accent-glow);animation:in-app-notif-in .22s var(--ease-out) both}.in-app-notif.mention{border-left-color:var(--danger);box-shadow:0 12px 36px #0000008c,0 0 0 1px #ef444433,0 0 28px #ef444452}.in-app-notif-main{width:100%;text-align:left;display:flex;align-items:center;gap:12px;padding:12px 14px;background:transparent;color:var(--text-primary);border:0;border-radius:var(--r-lg);font:inherit;cursor:pointer}.in-app-notif-main:hover{background:#ffffff08}@keyframes in-app-notif-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}.in-app-notif-avatar{width:40px;height:40px;border-radius:var(--r-full);background:var(--bg-raised);color:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;flex-shrink:0;overflow:hidden;border:1px solid var(--border-subtle)}.in-app-notif-avatar img{width:100%;height:100%;object-fit:cover;display:block}.in-app-notif-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.in-app-notif-head{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.in-app-notif-author{color:var(--text-primary)}.in-app-notif-where{color:var(--text-muted);font-weight:500}.in-app-notif-tag{background:#ef444429;color:var(--danger);padding:1px 6px;border-radius:var(--r-full);font-size:10px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.in-app-notif-preview{font-size:13px;color:var(--text-secondary);line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.in-app-notif-close{position:absolute;top:6px;right:6px;width:18px;height:18px;border:0;border-radius:var(--r-full);background:#00000040;color:var(--text-muted);display:none;align-items:center;justify-content:center;font:inherit;font-size:12px;line-height:1;cursor:pointer}.in-app-notif:hover .in-app-notif-close,.in-app-notif:focus-within .in-app-notif-close{display:flex}.in-app-notif-close:hover{color:var(--text-primary);background:var(--danger)}.language-choices{display:flex;flex-direction:column;gap:var(--s-2)}.language-choice{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--s-3) var(--s-4);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--r-md);color:var(--text-primary);cursor:pointer;text-align:left;font:inherit;position:relative;transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.language-choice:hover{border-color:var(--border-default)}.language-choice.active{background:var(--accent-soft);border-color:var(--accent)}.language-choice-label{font-size:14px;font-weight:600}.language-choice-hint{font-size:12px;color:var(--text-muted)}.language-choice-active{position:absolute;top:50%;right:var(--s-4);transform:translateY(-50%);font-size:10.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--accent);padding:2px 8px;border-radius:var(--r-full);background:#8b5cf626}.roadmap-fab{position:fixed;right:var(--s-5);bottom:var(--s-5);width:44px;height:44px;border-radius:var(--r-full);border:1px solid var(--border-default);background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(139,92,246,.35),transparent 60%),var(--bg-elevated);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 30px #00000073,0 0 0 1px #8b5cf62e,0 0 26px var(--accent-glow);z-index:1500;transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.roadmap-fab:hover{transform:translateY(-1px);box-shadow:0 12px 36px #0000008c,0 0 0 1px #8b5cf64d,0 0 32px var(--accent-glow)}.roadmap-fab .ico{width:20px;height:20px}.roadmap-h-icon{display:inline-flex;vertical-align:middle;margin-right:8px;color:var(--accent)}.roadmap-category{margin-top:var(--s-4)}.roadmap-category:first-of-type{margin-top:var(--s-3)}.roadmap-category-head{display:flex;flex-direction:column;gap:4px;padding:0 0 var(--s-2);margin-bottom:var(--s-2);border-bottom:1px solid var(--border-subtle)}.roadmap-category-title{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);margin:0}.roadmap-category-blurb{font-size:12px;color:var(--text-muted);margin:0}.roadmap-list{display:flex;flex-direction:column;gap:var(--s-3)}.roadmap-card{padding:var(--s-3) var(--s-4);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-md)}.roadmap-card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:4px}.roadmap-card-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.roadmap-card-desc{font-size:13px;line-height:1.5;color:var(--text-secondary);margin:0}.roadmap-pill{font-size:10.5px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:2px 8px;border-radius:var(--r-full);white-space:nowrap}.roadmap-pill-shipped{background:var(--success);color:#fff}.roadmap-pill-shipped:before{content:"✓ ";font-weight:700}.roadmap-pill-planned{background:#10b98129;color:var(--success)}.roadmap-pill-exploring{background:var(--accent-soft);color:var(--accent)}.roadmap-pill-idea{background:var(--bg-raised);color:var(--text-muted);border:1px solid var(--border-subtle)}.settings-wrap{display:grid;grid-template-columns:220px 1fr;flex:1;min-width:0;min-height:0;height:100%;overflow:hidden;background:var(--bg-base)}.settings-rail{display:flex;flex-direction:column;border-right:1px solid var(--border-subtle);background:var(--bg-elevated);padding:var(--s-4) var(--s-2);overflow-y:auto;min-height:0}.settings-rail-head{padding:var(--s-2) var(--s-3) var(--s-3);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.settings-rail-nav{display:flex;flex-direction:column;gap:2px;flex:1}.settings-rail-footer{margin-top:var(--s-3)}.settings-rail-item{display:flex;align-items:center;gap:var(--s-3);padding:8px var(--s-3);background:transparent;border:1px solid transparent;border-radius:var(--r-md);color:var(--text-secondary);font-size:13.5px;font-weight:500;cursor:pointer;text-align:left;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.settings-rail-item:hover{background:var(--bg-tint);color:var(--text-primary)}.settings-rail-item.active{background:var(--bg-raised);color:var(--text-primary)}.settings-rail-item.danger{color:var(--danger)}.settings-rail-item.danger:hover{background:var(--danger-soft);color:var(--danger)}.settings-rail-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.settings-rail-icon .ico{width:16px;height:16px}.settings-panel{overflow-y:auto;min-height:0;background:var(--bg-base)}.settings-panel-inner{max-width:760px;padding:var(--s-6) var(--s-8);display:flex;flex-direction:column;gap:var(--s-5);animation:settings-section-in .22s var(--ease) both}@keyframes settings-section-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: reduce){.settings-panel-inner{animation:none}}.settings-section{display:flex;flex-direction:column;gap:var(--s-4)}.settings-section-head{border-bottom:1px solid var(--border-subtle);padding-bottom:var(--s-3);margin-bottom:var(--s-1)}.settings-h2{margin:0 0 4px;font-size:22px;font-weight:600;letter-spacing:-.015em;color:var(--text-primary)}.settings-sub{margin:0;color:var(--text-secondary);font-size:13.5px}.settings-actions{display:flex;gap:var(--s-2);flex-wrap:wrap}.settings-hint{color:var(--text-muted);font-size:12.5px;font-style:italic;padding:var(--s-2) var(--s-1)}.settings-kv{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3)}.settings-kv-key{color:var(--text-secondary);font-size:13px}.settings-kv-val{color:var(--text-primary);font-size:13px}.server-status{display:flex;flex-direction:column;gap:var(--s-3)}.server-status-row{display:flex;align-items:center;gap:var(--s-2);font-size:13px}.server-status-row.muted{color:var(--text-muted);font-size:12px}.server-status-label{font-weight:500}.server-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-2)}.server-status-grid>div{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:10px 12px;display:flex;flex-direction:column;gap:2px}.server-status-grid strong{font-size:16px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.server-status-grid span{font-size:10.5px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.settings-toggle-group{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-2)}.settings-toggle{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px;padding:var(--s-3);background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--r-md);cursor:pointer;transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.settings-toggle:hover{border-color:var(--border-default)}.settings-toggle.active{background:var(--accent-soft);border-color:var(--accent)}.settings-toggle-group.disabled,.settings-toggle[disabled]{opacity:.55;pointer-events:none}.notif-sound-row{display:flex;align-items:center;gap:var(--s-3);padding-top:var(--s-3)}.notif-sound-row input[type=range]{flex:1}.notif-sound-row input[type=range]:disabled{opacity:.5}.notif-sound-readout{min-width:42px;text-align:right}.settings-toggle-label{font-size:13.5px;font-weight:600;color:var(--text-primary)}.settings-toggle-sub{font-size:11.5px;color:var(--text-muted);line-height:1.4}.settings-ptt{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding-top:var(--s-3);border-top:1px dashed var(--border-subtle);margin-top:var(--s-2)}.ptt-key{background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--r-sm);color:var(--text-primary);padding:6px 12px;cursor:pointer;font:inherit}.ptt-key.is-capturing{border-color:var(--accent);background:var(--accent-soft)}.ptt-key kbd{font-family:var(--font-mono);font-size:12px}.switch{position:relative;width:40px;height:22px;border-radius:11px;background:var(--bg-raised);border:1px solid var(--border-default);cursor:pointer;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease);flex-shrink:0;padding:0}.switch-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-secondary);transition:transform var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.switch.on{background:var(--accent);border-color:var(--accent)}.switch.on .switch-thumb{background:#fff;transform:translate(18px)}.account-card,.about-card{display:flex;align-items:center;gap:var(--s-4);padding:var(--s-5)}.account-card{gap:var(--s-5)}.account-card-meta{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.account-card-name{font-size:18px;font-weight:600;color:var(--text-primary)}.account-card-handle{color:var(--text-muted);font-size:13px}.account-card-custom{margin-top:6px;font-size:12.5px;color:var(--text-secondary);background:var(--bg-raised);border-radius:var(--r-full);padding:4px 10px;display:inline-block;align-self:flex-start}.account-card-avatar-actions{display:flex;flex-direction:column;gap:var(--s-2);flex-shrink:0}.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-2)}.status-option{display:flex;align-items:center;gap:var(--s-3);padding:12px 14px;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--r-md);color:var(--text-primary);font-size:13.5px;font-weight:500;cursor:pointer;transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.status-option:hover{border-color:var(--border-default)}.status-option.active{background:var(--accent-soft);border-color:var(--accent)}.status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-label{flex:1}.about-card-body{display:flex;flex-direction:column;gap:2px}.about-card-name{font-size:18px;font-weight:600}.about-card-sub{color:var(--text-muted);font-size:13px}.mic-meter{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) 0 0}.mic-meter-icon{color:var(--text-muted);width:16px;height:16px}.mic-meter-icon .ico{width:14px;height:14px}.mic-meter-track{position:relative;flex:1;height:6px;background:var(--bg-raised);border-radius:var(--r-full);overflow:hidden}.mic-meter-fill{height:100%;background:linear-gradient(90deg,var(--success),var(--accent));transition:width 60ms linear}.mic-meter-fill.over{background:linear-gradient(90deg,var(--accent),var(--accent-hover))}.mic-meter-threshold{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--text-primary);border-radius:1px;transform:translate(-1px);pointer-events:none}.mic-meter-floor{position:absolute;top:0;bottom:0;left:0;background:#ffffff14;pointer-events:none}.mic-meter-threshold.mic-meter-threshold-close{background:transparent;border-left:2px dashed rgba(255,255,255,.45);width:0}.vad-slider-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) 0}.vad-slider-row input[type=range]{flex:1}.vad-slider-readout{min-width:64px;text-align:right;font-variant-numeric:tabular-nums}.vad-auto-hint{margin-top:var(--s-2);line-height:1.4}.denoiser-status{display:flex;align-items:center;gap:var(--s-2);margin-top:var(--s-3);padding:var(--s-2) var(--s-3);font-size:12px;border-radius:var(--r-md);background:var(--bg-base);color:var(--text-secondary)}.denoiser-status .dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);flex-shrink:0}.denoiser-status.ok .dot{background:var(--success)}.denoiser-status.ok{color:var(--text-primary)}.denoiser-status.warn .dot{background:var(--danger)}.denoiser-status.warn{color:var(--text-primary)}.denoiser-status.muted{color:var(--text-muted)}.field{display:flex;flex-direction:column;gap:var(--s-2)}.field label{font-size:12px;color:var(--text-secondary);font-weight:500}.field-row{display:flex;gap:var(--s-3)}.help{font-size:12px;color:var(--text-muted)}.card{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--s-6)}.avatar{width:36px;height:36px;border-radius:var(--r-full);background:transparent;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;color:var(--text-primary);flex-shrink:0;position:relative;padding:0;border:0}.avatar-fallback,.avatar-image{width:100%;height:100%;border-radius:var(--r-full);display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar-fallback{background:var(--bg-raised)}.avatar-image img{width:100%;height:100%;object-fit:cover;display:block}.avatar-clickable{cursor:pointer;transition:transform 90ms var(--ease),filter var(--t-fast) var(--ease)}.avatar-clickable:hover{transform:scale(1.04);filter:brightness(1.07)}.avatar-clickable:active{transform:scale(.97)}.avatar-sm{width:28px;height:28px;font-size:11px}.avatar-lg{width:48px;height:48px;font-size:16px}.avatar-xl{width:80px;height:80px;font-size:28px}.avatar-presence{position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:var(--r-full);box-shadow:0 0 0 2px var(--bg-elevated),0 0 0 3px #0000008c;z-index:3}.avatar-sm .avatar-presence{width:10px;height:10px;box-shadow:0 0 0 2px var(--bg-elevated),0 0 0 3px #0000008c}.avatar-lg .avatar-presence{width:14px;height:14px}.avatar-xl .avatar-presence{width:18px;height:18px;box-shadow:0 0 0 3px var(--bg-elevated),0 0 0 4px #0000008c}.presence-online{background:var(--status-online)}.presence-away{background:var(--status-idle)}.presence-busy{background:var(--status-dnd)}.presence-offline{background:var(--status-offline)}.presence-idle{background:var(--status-idle)}.presence-dnd{background:var(--status-dnd)}.avatar-fallback.g1{background:linear-gradient(135deg,#8b5cf6,#4338ca)}.avatar-fallback.g2{background:linear-gradient(135deg,#06d4e0,#0e7490)}.avatar-fallback.g3{background:linear-gradient(135deg,#f59e0b,#dc2626)}.avatar-fallback.g4{background:linear-gradient(135deg,#10b981,#047857)}.avatar-fallback.g5{background:linear-gradient(135deg,#ec4899,#be185d)}.avatar-fallback.g6{background:linear-gradient(135deg,#6366f1,#4338ca)}.app{display:grid;grid-template-columns:76px 260px 1fr 260px;height:100vh;background:var(--bg-void)}.app-no-members{grid-template-columns:76px 260px 1fr}.app-no-channels{grid-template-columns:76px 1fr 260px}.app-settings{grid-template-columns:76px 1fr}.col{display:flex;flex-direction:column;min-width:0;overflow:hidden}.col-groups{background:var(--bg-void);border-right:1px solid var(--border-subtle)}.col-channels{background:var(--bg-elevated);border-right:1px solid var(--border-subtle)}.col-main{background:var(--bg-base)}.col-members{background:var(--bg-elevated);border-left:1px solid var(--border-subtle)}.groups-rail{padding:var(--s-3) 0;display:flex;flex-direction:column;align-items:center;gap:var(--s-2);overflow-y:auto}.group-pill{width:48px;height:48px;border-radius:var(--r-lg);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--text-secondary);cursor:pointer;position:relative;transition:border-radius var(--t-base) var(--ease),background var(--t-base) var(--ease),color var(--t-base) var(--ease)}.group-pill:hover{border-radius:var(--r-md);background:var(--bg-raised);color:var(--text-primary)}.group-pill.active{border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent);box-shadow:inset 0 0 0 1px #8b5cf659}.group-pill.active:before{content:"";position:absolute;left:-14px;top:12px;bottom:12px;width:4px;border-radius:0 var(--r-full) var(--r-full) 0;background:var(--accent);box-shadow:0 0 10px var(--accent-glow)}.group-pill.unread:before{content:"";position:absolute;left:-14px;top:50%;transform:translateY(-50%);width:4px;height:8px;border-radius:0 var(--r-full) var(--r-full) 0;background:var(--text-primary)}.group-divider{width:32px;height:1px;background:var(--border-subtle);margin:4px 0}.group-pill.add{background:transparent;border:2px dashed var(--border-default);color:var(--text-muted)}.group-pill.add:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.group-pill.has-icon{background:transparent;border-color:transparent;padding:0}.group-pill-img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.group-pill.has-icon:hover .group-pill-img,.group-pill.has-icon.active .group-pill-img{border-radius:var(--r-md)}.group-icon-row{display:flex;align-items:center;gap:var(--s-3)}.group-icon-preview{width:72px;height:72px;border-radius:var(--r-md);background:var(--bg-raised);border:1px solid var(--border-default);overflow:hidden;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:22px;color:var(--text-secondary);flex-shrink:0}.group-icon-preview img{width:100%;height:100%;object-fit:cover}.group-icon-actions{display:flex;flex-wrap:wrap;gap:var(--s-2)}.channels{display:flex;flex-direction:column;flex:1;min-height:0}.channels-header{padding:var(--s-4);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);flex-shrink:0}.channels-header .title{font-weight:600;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channels-body{flex:1;overflow-y:auto;padding:var(--s-3) var(--s-2)}.channel-top-section{margin-bottom:var(--s-3)}.channel-top-section-header{display:flex;align-items:center;justify-content:space-between;padding:6px var(--s-3) 4px}.channel-top-section-label{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.channel-top-section-add{position:relative}.channel-top-section-menu{position:absolute;top:100%;right:0;margin-top:4px;min-width:180px;background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--r-md);box-shadow:var(--shadow-md);z-index:30;overflow:hidden}.channel-top-section-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:transparent;border:none;cursor:pointer;color:var(--text-primary);font-size:13px;text-align:left}.channel-top-section-menu button:hover{background:var(--bg-overlay)}.channel-top-section-body{display:flex;flex-direction:column;gap:0}.channel-category{margin-top:var(--s-2)}.channel-category-drop{background:var(--accent-soft);border-radius:var(--r-sm)}.channel-category-header{display:flex;align-items:center;gap:4px;padding:2px var(--s-2)}.channel-category-toggle{flex:1;display:flex;align-items:center;gap:4px;padding:4px;background:transparent;border:none;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);text-align:left}.channel-category-toggle:hover{color:var(--text-secondary)}.channel-category-chev{display:inline-block;transition:transform var(--t-fast) var(--ease);font-size:10px;line-height:1}.channel-category-toggle.is-collapsed .channel-category-chev{transform:rotate(-90deg)}.channel-category-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-category-actions{display:flex;gap:2px;opacity:0;transition:opacity var(--t-fast) var(--ease)}.channel-category-header:hover .channel-category-actions,.channel-category-actions.is-open{opacity:1}.channel-category-menu-wrap{position:relative}.channel-category-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--r-md);box-shadow:var(--shadow-md);z-index:30;min-width:180px;overflow:hidden}.channel-category-menu button{display:block;width:100%;padding:8px 12px;background:transparent;border:none;text-align:left;cursor:pointer;font-size:13px;color:var(--text-primary)}.channel-category-menu button:hover{background:var(--bg-overlay)}.channel-category-menu button.danger{color:var(--danger)}.channel-category-menu button.danger:hover{background:var(--danger-soft)}.channel-category-body{display:flex;flex-direction:column;gap:0}.channel-row-wrap{position:relative}.channel-row-wrap.channel-dragging>.channel{opacity:.4}.channel-row-wrap.channel-drop-over:before{content:"";position:absolute;left:0;right:0;top:-2px;height:2px;background:var(--accent);border-radius:var(--r-full);pointer-events:none}.channel-row-wrap.channel-move-target>.channel{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--accent) 12%,transparent)}.voice-tile-movable{cursor:grab}.voice-tile-movable:active{cursor:grabbing}.voice-occupant-movable{cursor:grab}.voice-occupant-movable:active{cursor:grabbing}.move-member-menu-title{padding:6px 10px 2px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.move-member-menu-empty{padding:6px 10px 8px}.channel-section{margin-bottom:var(--s-4)}.channel-section-title{display:flex;align-items:center;justify-content:space-between;padding:var(--s-1) var(--s-3);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);cursor:pointer}.channel-section-title:hover{color:var(--text-secondary)}.channel{display:flex;align-items:center;gap:var(--s-2);padding:7px 10px;border-radius:var(--r-sm);color:var(--text-secondary);cursor:pointer;font-size:14px;position:relative}.channel:hover{background:var(--bg-tint);color:var(--text-primary)}.channel.active{background:var(--bg-raised);color:var(--text-primary)}.channel.active:before{content:"";position:absolute;left:0;top:7px;bottom:7px;width:3px;border-radius:0 var(--r-full) var(--r-full) 0;background:var(--accent)}.channel.unread{color:var(--text-primary);font-weight:500}.channel.unread:after{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:4px;height:4px;border-radius:var(--r-full);background:var(--accent);box-shadow:0 0 8px var(--accent)}.channel-hash{color:var(--text-muted);flex-shrink:0}.channel.active .channel-hash{color:var(--accent)}.channel-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-badge{font-size:11px;background:var(--danger);color:#fff;padding:1px 6px;border-radius:var(--r-full);font-weight:600;min-width:18px;text-align:center}.group-pill-badge{position:absolute;bottom:-2px;right:-2px;font-size:10px;font-weight:700;background:var(--danger);color:#fff;padding:1px 5px;border-radius:var(--r-full);border:2px solid var(--bg-base);min-width:18px;text-align:center;line-height:1.2}.channel-voice .channel-hash{color:var(--cyan)}.voice-occupants{display:flex;flex-direction:column;gap:2px;margin:2px 0 6px 22px}.voice-occupant{display:flex;align-items:center;gap:var(--s-2);padding:4px 8px;border-radius:var(--r-sm);font-size:13px;color:var(--text-secondary)}.voice-occupant:hover{background:var(--bg-raised)}.voice-occupant.speaking{box-shadow:inset 0 0 0 2px var(--voice-active)}.user-card{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);background:var(--bg-raised);border-top:1px solid var(--border-subtle);flex-shrink:0}.user-card-meta-btn{display:flex;flex-direction:column;flex:1;min-width:0;background:transparent;border:0;padding:2px 4px;border-radius:var(--r-sm);cursor:pointer;color:inherit;text-align:left;transition:background var(--t-fast) var(--ease)}.user-card-meta-btn:hover{background:var(--bg-tint)}.user-card .meta{flex:1;min-width:0}.user-card .name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card .status{font-size:11px;color:var(--text-muted)}.user-card .controls{display:flex;gap:2px}.user-card .controls .btn-icon{width:30px;height:30px;background:transparent;color:var(--text-secondary)}.user-card .controls .btn-icon:hover{background:var(--border-subtle);color:var(--text-primary)}.user-card .controls .btn-icon.active.muted{color:var(--danger)}.main{display:flex;flex-direction:column;flex:1;min-height:0}.channel-topbar{padding:0 var(--s-4);height:52px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:var(--s-3);flex-shrink:0;background:var(--bg-base)}.channel-topbar .title{font-weight:600}.channel-topbar .topic{color:var(--text-muted);font-size:13px}.channel-topbar .spacer{flex:1}.messages{flex:1;overflow-y:auto;padding:var(--s-4) var(--s-6);display:flex;flex-direction:column;gap:var(--s-4)}.day-divider{display:flex;align-items:center;gap:var(--s-3);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin:var(--s-2) 0}.day-divider:before,.day-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.msg{display:grid;grid-template-columns:40px 1fr;gap:var(--s-3)}.msg-avatar{padding-top:2px}.msg-body{min-width:0}.msg-head{display:flex;align-items:baseline;gap:var(--s-2)}.msg-author{font-weight:600}.msg-time{font-size:11px;color:var(--text-muted)}.msg-text{color:var(--text-primary);line-height:1.55;word-wrap:break-word}.msg-text .mention{background:var(--accent-soft);color:var(--accent);padding:0 4px;border-radius:var(--r-xs);font-weight:500}.msg-text .mention-role{background:color-mix(in srgb,currentColor 15%,transparent);border:1px solid currentColor}.msg-text .mention-special{background:var(--accent-soft);color:var(--accent)}.md-code{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--r-xs);padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.md-link{color:var(--accent);text-decoration:none}.md-link:hover{text-decoration:underline}.md-spoiler{background:var(--bg-tint);color:transparent;border-radius:var(--r-xs);padding:0 4px;cursor:pointer;user-select:none;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.md-spoiler .md-spoiler-inner{filter:blur(4px);transition:filter var(--t-fast) var(--ease)}.md-spoiler:hover{background:color-mix(in oklab,var(--text-primary) 14%,transparent)}.md-spoiler.is-revealed{background:var(--bg-raised);color:var(--text-primary);cursor:text;user-select:text}.md-spoiler.is-revealed .md-spoiler-inner{filter:none}.md-emoji{display:inline-block;height:1.4em;width:auto;max-width:1.4em;vertical-align:middle;margin:0 1px}.poll{margin-top:var(--s-2);padding:var(--s-3);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-md);display:flex;flex-direction:column;gap:8px;max-width:480px}.poll.is-closed{opacity:.85}.poll-question{font-size:14px;font-weight:600;color:var(--text-primary)}.poll-options{display:flex;flex-direction:column;gap:4px}.poll-option{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--r-sm);cursor:pointer;overflow:hidden;text-align:left;transition:border-color var(--t-fast) var(--ease)}.poll-option:not(.is-readonly):hover{border-color:var(--border-default)}.poll-option.is-mine{border-color:var(--accent)}.poll-option.is-readonly{cursor:default}.poll-option-bar{position:absolute;left:0;top:0;bottom:0;background:var(--accent-soft);border-right:1px solid color-mix(in oklab,var(--accent) 30%,transparent);transition:width .35s var(--ease)}.poll-option.is-mine .poll-option-bar{background:color-mix(in oklab,var(--accent) 22%,transparent)}.poll-option-label{position:relative;font-size:13.5px;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.poll-option-meta{position:relative;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.poll-option-check{color:var(--accent);font-weight:700}.poll-option-count{color:var(--text-muted)}.poll-option-pct{font-variant-numeric:tabular-nums;font-weight:600;color:var(--text-secondary)}.poll-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--text-muted)}.poll-foot-meta{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.poll-foot-sep{opacity:.5}.poll-closed-badge{color:var(--danger);font-weight:600}.poll-create{width:min(560px,92vw)}.poll-create-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-2)}.poll-create-form{display:flex;flex-direction:column;gap:var(--s-3)}.poll-create-field{display:flex;flex-direction:column;gap:4px}.poll-create-label{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.poll-create-help{font-size:11px;color:var(--text-muted);text-align:right}.poll-create-options{display:flex;flex-direction:column;gap:4px}.poll-create-option-row{display:flex;gap:4px;align-items:center}.poll-create-option-row .input{flex:1}.poll-create-add{align-self:flex-start}.poll-create-row-2{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.poll-create-toggle{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary);cursor:pointer}.poll-create-toggle input[type=checkbox]{accent-color:var(--accent)}.poll-create-expiry{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.composer-poll-btn .ico{transition:color var(--t-fast) var(--ease)}.composer-poll-btn:hover .ico{color:var(--accent)}.composer-add-wrap{position:relative}.composer-add-btn.is-open .ico{color:var(--accent);transform:rotate(45deg)}.composer-add-btn .ico{transition:transform var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.composer-add-menu{position:absolute;bottom:calc(100% + 8px);left:0;min-width:200px;background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:4px;display:flex;flex-direction:column;gap:2px;z-index:40}.composer-add-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;background:transparent;border:none;border-radius:var(--r-sm);cursor:pointer;color:var(--text-primary);font-size:13px;text-align:left;transition:background var(--t-fast) var(--ease)}.composer-add-menu button:hover{background:var(--bg-overlay)}.composer-add-menu button .ico{color:var(--text-secondary)}.composer-add-menu button:hover .ico{color:var(--accent)}.emoji-upload-row{display:flex;align-items:center;gap:8px;margin-bottom:var(--s-3)}.emoji-upload-row input[type=file]{font-size:12px}.emoji-upload-hint{margin:4px 0 var(--s-3);font-size:11.5px;color:var(--text-muted)}.emoji-upload-hint code{background:var(--bg-raised);padding:1px 4px;border-radius:var(--r-xs)}.emoji-grid{display:flex;flex-direction:column;gap:4px}.emoji-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--r-sm);transition:background var(--t-fast) var(--ease)}.emoji-row:hover{background:var(--bg-raised)}.emoji-row-img{width:28px;height:28px;object-fit:contain}.emoji-row-name{flex:1;font-family:var(--font-mono);font-size:12.5px;color:var(--text-secondary)}.slash-popup{position:absolute;bottom:100%;left:0;right:0;margin-bottom:var(--s-2);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-md);box-shadow:0 8px 24px #00000059;overflow:hidden;display:flex;flex-direction:column;z-index:50}.slash-popup-head{padding:6px var(--s-3);font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);background:var(--bg-base);border-bottom:1px solid var(--border-subtle)}.slash-popup-list{max-height:240px;overflow-y:auto}.slash-popup-item{display:flex;flex-direction:column;gap:2px;width:100%;padding:8px var(--s-3);background:transparent;border:none;text-align:left;cursor:pointer;color:var(--text-primary);font-size:13px}.slash-popup-item.is-active{background:var(--bg-raised)}.slash-popup-item-head{display:flex;align-items:baseline;gap:8px}.slash-popup-name{font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--accent)}.slash-popup-args{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;color:var(--text-muted)}.slash-popup-desc{font-size:12px;color:var(--text-secondary)}.slash-popup-foot{padding:6px var(--s-3);font-size:10.5px;color:var(--text-muted);background:var(--bg-base);border-top:1px solid var(--border-subtle)}.shortcuts-scrim{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:50;backdrop-filter:blur(2px)}.shortcuts-modal{width:min(560px,92vw);max-height:80vh;display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);box-shadow:0 24px 60px #00000080;overflow:hidden}.shortcuts-head{display:flex;align-items:center;justify-content:space-between;padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--border-subtle)}.shortcuts-title{margin:0;font-size:15px;font-weight:600;color:var(--text-primary)}.shortcuts-search{margin:var(--s-3) var(--s-4) 0}.shortcuts-body{padding:var(--s-3) var(--s-4) var(--s-4);overflow-y:auto;flex:1;min-height:0}.shortcuts-section{margin-bottom:var(--s-4)}.shortcuts-section-title{margin:0 0 var(--s-2);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.shortcuts-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.shortcuts-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);padding:6px 0;font-size:13px;color:var(--text-primary)}.shortcuts-label{flex:1;min-width:0}.shortcuts-keys{display:flex;gap:4px;flex-shrink:0}.kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:2px 6px;background:var(--bg-raised);border:1px solid var(--border-subtle);border-bottom-width:2px;border-radius:var(--r-xs);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:600;color:var(--text-secondary)}.shortcuts-empty{text-align:center;padding:var(--s-5) 0;color:var(--text-muted);font-size:13px}.shortcuts-foot{padding:var(--s-3) var(--s-4);border-top:1px solid var(--border-subtle);background:var(--bg-base);font-size:11.5px;color:var(--text-muted);text-align:center}.msg-bookmark-indicator{display:inline-flex;align-items:center;color:var(--accent);margin-left:2px}.appearance-sync{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-secondary);cursor:pointer}.appearance-sync input[type=checkbox]{accent-color:var(--accent)}.appearance-theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:var(--s-3)}@media (min-width: 720px){.appearance-theme-grid{grid-template-columns:repeat(4,1fr)}}.appearance-theme-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:8px;background:var(--bg-elevated);border:2px solid var(--border-subtle);border-radius:var(--r-md);cursor:pointer;text-align:left;transition:border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.appearance-theme-card:hover{border-color:var(--border-default)}.appearance-theme-card.is-active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.appearance-theme-card.is-resolved{border-color:color-mix(in oklab,var(--accent) 50%,transparent)}.appearance-theme-card-body{padding:0 4px 2px}.appearance-theme-card-name{font-size:13px;font-weight:600;color:var(--text-primary)}.appearance-theme-card-desc{font-size:11.5px;color:var(--text-muted)}.appearance-theme-card-pin{position:absolute;top:6px;right:8px;font-size:9px;color:var(--accent)}.appearance-theme-card-pin-auto{font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:1px 5px;background:var(--accent-soft);border:1px solid color-mix(in oklab,var(--accent) 30%,transparent);border-radius:var(--r-xs);top:6px}.appearance-theme-card-pin-soon{font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:1px 5px;background:var(--bg-raised);border:1px solid var(--border-default);color:var(--text-muted);border-radius:var(--r-xs);top:6px}.appearance-theme-card.is-coming-soon{cursor:default;opacity:.7;filter:saturate(.9)}.appearance-theme-card.is-coming-soon:hover{border-color:var(--border-subtle);opacity:.9;filter:saturate(1)}.appearance-coming-soon-label{margin-top:var(--s-4);margin-bottom:6px;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.appearance-theme-swatch{display:flex;height:64px;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--border-subtle)}.appearance-theme-swatch-sidebar{width:28%;padding:6px 4px;display:flex;flex-direction:column;gap:4px}.appearance-theme-swatch-pill{height:6px;width:60%;border-radius:var(--r-full)}.appearance-theme-swatch-line{height:4px;border-radius:var(--r-full)}.appearance-theme-swatch-sidebar .appearance-theme-swatch-line{width:80%}.appearance-theme-swatch-main{flex:1;display:flex;align-items:center;justify-content:center}.appearance-theme-swatch-card{width:70%;padding:6px;border-radius:4px;display:flex;flex-direction:column;gap:3px}.appearance-theme-swatch-main .appearance-theme-swatch-line{width:100%}.appearance-theme-swatch-main .appearance-theme-swatch-line:last-child{width:65%}.appearance-accent-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:var(--s-3)}.appearance-accent-swatch{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0;position:relative;transition:transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.appearance-accent-swatch:hover{transform:scale(1.08)}.appearance-accent-swatch.is-active{border-color:var(--text-primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--text-primary) 14%,transparent)}.appearance-accent-custom{background:conic-gradient(#f53d3d,#f5f53d,#3df53d,#3df5f5,#3d3df5,#f53df5,#f53d3d);display:flex;align-items:center;justify-content:center}.appearance-accent-custom.is-active{background:var(--accent-custom, var(--accent))}.appearance-accent-custom-glyph{color:#fff;font-weight:700;font-size:16px;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.5)}.appearance-accent-custom-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.appearance-accent-hex{margin-top:var(--s-2);font-size:11.5px;color:var(--text-muted);font-family:var(--font-mono)}.privacy-radio-group{display:flex;flex-direction:column;gap:6px}.privacy-radio-row{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--border-subtle);border-radius:var(--r-md);cursor:pointer;background:transparent;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.privacy-radio-row:hover{background:var(--bg-raised)}.privacy-radio-row.is-active{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 8%,transparent)}.privacy-radio-row input[type=radio]{margin-top:3px;accent-color:var(--accent)}.privacy-radio-text{flex:1;min-width:0}.privacy-radio-label{font-size:13.5px;font-weight:600;color:var(--text-primary)}.privacy-radio-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.privacy-blocked-empty{font-size:12.5px;color:var(--text-muted);padding:8px 0}.privacy-blocked-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.privacy-blocked-row{display:flex;align-items:center;gap:var(--s-2);padding:8px 10px;border-radius:var(--r-sm);transition:background var(--t-fast) var(--ease)}.privacy-blocked-row:hover{background:var(--bg-raised)}.privacy-blocked-meta{flex:1;min-width:0}.privacy-blocked-name{font-size:13px;color:var(--text-primary)}.privacy-blocked-handle{font-size:11.5px;color:var(--text-muted)}.section-title-count{color:var(--text-muted);font-weight:500}.modal-scrim{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:60;backdrop-filter:blur(2px)}.modal-card{width:min(420px,92vw);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--s-4);box-shadow:0 24px 60px #00000080}.modal-title{margin:0 0 8px;font-size:15px;font-weight:600;color:var(--text-primary)}.modal-body{margin:0 0 var(--s-4);font-size:13px;color:var(--text-secondary);line-height:1.5}.modal-actions{display:flex;gap:6px;justify-content:flex-end}.msg-row-blocked{padding:4px var(--s-6);display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:12.5px;font-style:italic}.msg-row-blocked-label{user-select:none}.msg-row-blocked-show{background:transparent;border:1px solid var(--border-subtle);border-radius:var(--r-xs);padding:1px 8px;font-size:11.5px;color:var(--text-secondary);cursor:pointer}.msg-row-blocked-show:hover{background:var(--bg-raised);color:var(--text-primary)}.msg-action-btn.is-active{color:var(--accent)}.saved-wrap{flex:1;min-width:0;overflow-y:auto;padding:var(--s-6) var(--s-8);display:flex;flex-direction:column;gap:var(--s-4)}.saved-head{display:flex;flex-direction:column;gap:4px}.saved-head-title{display:flex;align-items:center;gap:var(--s-2)}.saved-head-icon{width:20px;height:20px;color:var(--accent)}.saved-h1{margin:0;font-size:22px;font-weight:700;color:var(--text-primary)}.saved-count{font-size:12px;font-weight:600;color:var(--text-muted);padding:2px 8px;border-radius:var(--r-full);background:var(--bg-raised)}.saved-sub{margin:0;font-size:13px;color:var(--text-muted);max-width:60ch}.saved-toolbar{display:flex;gap:var(--s-2);align-items:center}.saved-search-wrap{position:relative;flex:1;max-width:360px}.saved-search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.saved-search{width:100%;padding-left:28px}.saved-sort{min-width:140px}.saved-error{font-size:12.5px;color:var(--danger);background:var(--danger-soft);padding:8px 12px;border-radius:var(--r-sm)}.saved-empty{padding:var(--s-6) 0;display:flex;justify-content:center}.saved-empty-card{border:1px dashed var(--border-subtle);border-radius:var(--r-lg);padding:var(--s-6);text-align:center;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:var(--s-2)}.saved-empty-icon{width:36px;height:36px;color:var(--accent);opacity:.7}.saved-empty-title{font-size:15px;font-weight:600;color:var(--text-primary)}.saved-empty-body{font-size:13px}.saved-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s-2)}.saved-row{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);display:flex;flex-direction:column;gap:6px;transition:border-color var(--t-fast) var(--ease)}.saved-row:hover{border-color:var(--border-default)}.saved-row-head{display:flex;align-items:center;gap:var(--s-2)}.saved-row-avatar-fallback{width:28px;height:28px;border-radius:50%;background:var(--bg-raised);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.saved-row-meta{flex:1;min-width:0}.saved-row-author{font-size:13px;color:var(--text-primary);display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.saved-row-bullet{color:var(--text-muted)}.saved-row-channel{font-size:12.5px;color:var(--text-muted);font-weight:500}.saved-row-time{font-size:11px;color:var(--text-muted)}.saved-row-body{color:var(--text-primary);font-size:14px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.saved-row-body-deleted{font-style:italic;color:var(--text-muted)}.saved-row-attachments{font-size:12px;color:var(--text-muted)}.saved-row-actions{display:flex;gap:6px;margin-top:2px}.saved-row-remove{display:inline-flex;align-items:center;gap:4px}.saved-more{display:flex;justify-content:center;padding:var(--s-2) 0}.composer{padding:0 var(--s-6) var(--s-4);flex-shrink:0}.composer-box{display:flex;align-items:flex-end;gap:var(--s-2);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:4px 4px 4px 12px;transition:border-color var(--t-fast) var(--ease)}.composer-box:focus-within{border-color:var(--border-strong)}.composer-input{flex:1;border:none;background:transparent;padding:10px 4px;resize:none;outline:none;font-size:14px;max-height:200px;min-height:20px}.composer-input::placeholder{color:var(--text-muted)}.composer-actions{display:flex;gap:2px}.composer-attach{width:36px;height:36px;align-self:flex-end;color:var(--text-secondary)}.composer-attach:hover{color:var(--text-primary)}.composer.is-dragover .composer-box{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.composer-input-wrap{position:relative;flex:1;display:flex}.composer-input-wrap .composer-input{width:100%}.mention-popup{position:absolute;bottom:calc(100% + 6px);left:0;min-width:240px;max-width:360px;max-height:280px;overflow-y:auto;background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:4px;z-index:50}.mention-row{display:flex;align-items:baseline;gap:var(--s-2);width:100%;padding:6px 8px;background:transparent;border:none;border-radius:var(--r-sm);text-align:left;cursor:pointer}.mention-row.active,.mention-row:hover{background:var(--bg-base)}.mention-row-label{font-weight:600;font-size:13px;color:var(--text-primary)}.mention-row-handle{font-size:12px;color:var(--text-muted)}.mention{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--accent-hover);padding:0 4px;border:0;border-radius:var(--r-sm);font:inherit;font-weight:600;cursor:pointer}.mention:hover{background:color-mix(in srgb,var(--accent) 32%,transparent)}.mention.mention-special{color:var(--accent)}.msg.mentions-me{border-left:3px solid var(--accent);padding-left:var(--s-3);background:color-mix(in srgb,var(--accent) 6%,transparent)}.composer-reply-chip{display:flex;align-items:center;gap:8px;margin-bottom:var(--s-2);padding:5px 6px 5px 10px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-left:2px solid var(--accent);border-radius:var(--r-sm);font-size:12px}.composer-reply-chip-label{color:var(--text-secondary);flex-shrink:0}.composer-reply-chip-label strong{color:var(--accent-hover);font-weight:600}.composer-reply-chip-excerpt{color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.composer-reply-chip-close{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;background:transparent;border:0;border-radius:var(--r-xs);color:var(--text-muted);cursor:pointer}.composer-reply-chip-close:hover{background:var(--bg-raised);color:var(--text-primary)}.composer-staged{display:flex;flex-wrap:wrap;gap:var(--s-2);padding:0 4px var(--s-2)}.staged-tile{position:relative;width:96px;height:96px;border-radius:var(--r-sm);overflow:hidden;background:var(--bg-elevated);border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center}.staged-tile img{width:100%;height:100%;object-fit:cover}.staged-tile.uploading img,.staged-tile.uploading .staged-tile-doc{opacity:.55}.staged-tile.error{border-color:var(--danger)}.staged-tile-doc{padding:8px;font-size:11px;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.staged-tile-name{width:100%;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staged-tile-size{margin-top:4px;color:var(--text-muted)}.staged-tile-progress{position:absolute;inset:auto 0 0;height:3px;background:#0006}.staged-tile-progress-bar{height:100%;background:var(--accent);transition:width .1s linear}.staged-tile-error{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--danger);color:#fff;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center}.staged-tile-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.staged-tile-remove:hover{background:#000000d9}.msg-attachments{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:4px}.att{border-radius:var(--r-sm);overflow:hidden}.att.att-image{background:transparent;border:none;padding:0;cursor:zoom-in;display:block}.att.att-image img{max-width:320px;max-height:320px;object-fit:cover;display:block;border-radius:var(--r-sm)}.att-loading{width:200px;height:120px;background:var(--bg-elevated);border:1px dashed var(--border-subtle)}.att-skeleton{width:100%;height:100%;background:linear-gradient(90deg,var(--bg-elevated) 0%,rgba(255,255,255,.04) 50%,var(--bg-elevated) 100%);background-size:200% 100%;animation:skel 1.4s linear infinite}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}.att.att-file{display:flex;align-items:center;gap:var(--s-2);max-width:360px;padding:10px 12px;background:var(--bg-elevated);border:1px solid var(--border-subtle)}.att-file-icon{color:var(--text-secondary);flex-shrink:0}.att-file-meta{flex:1;min-width:0}.att-file-name{font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-file-size{font-size:11px;color:var(--text-muted)}.att-file-dl{color:var(--text-secondary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);text-decoration:none}.att-file-dl:hover{background:var(--bg-elevated-2, rgba(255, 255, 255, .04));color:var(--text-primary)}.att-file-dl.is-loading{opacity:.4;pointer-events:none}.att.att-video{display:block;max-width:480px;max-height:360px;background:#000;border:1px solid var(--border-subtle)}.att.att-video.att-loading{width:320px;height:180px}.att.att-audio{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-sm);max-width:420px}.att-audio-meta{display:flex;flex-direction:column;gap:1px}.att-audio-name{font-size:13px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.att-audio-size{font-size:11px;color:var(--text-muted)}.att-audio-player{width:100%;height:32px}.att-audio-skeleton{width:100%;height:32px;border-radius:var(--r-sm)}.att-lightbox{position:fixed;inset:0;background:#000000d9;z-index:1000;display:flex;align-items:center;justify-content:center;cursor:zoom-out}.att-lightbox img{max-width:90vw;max-height:90vh;border-radius:var(--r-sm)}.att-image-wrap,.att-video-wrap{position:relative;display:inline-block;max-width:480px}.att-media-dl{position:absolute;top:6px;right:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);background:#0000008c;color:#fff;text-decoration:none;opacity:0;transition:opacity var(--t-fast) var(--ease),background var(--t-fast) var(--ease);z-index:2}.att-image-wrap:hover .att-media-dl,.att-video-wrap:hover .att-media-dl,.att-media-dl:focus-visible{opacity:1}.att-media-dl:hover{background:#000000bf}.att.att-audio{position:relative}.att-audio-dl{position:absolute;top:8px;right:8px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);color:var(--text-secondary);text-decoration:none}.att-audio-dl:hover{background:var(--bg-elevated-2, rgba(255, 255, 255, .04));color:var(--text-primary)}.att-lightbox-actions{position:absolute;top:16px;right:16px;display:flex;gap:var(--s-1);z-index:1001}.att-lightbox-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);background:#0000008c;color:#fff;text-decoration:none;border:0;cursor:pointer;transition:background var(--t-fast) var(--ease)}.att-lightbox-btn:hover{background:#000000d9}.members{padding:var(--s-3) var(--s-2);overflow-y:auto;flex:1}.members-section{margin-bottom:var(--s-4)}.members-section-title{padding:var(--s-2) var(--s-3) var(--s-1);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.member{display:flex;align-items:center;gap:var(--s-3);padding:6px 10px;border-radius:var(--r-sm);cursor:pointer}.member:hover{background:var(--bg-tint)}.member.is-offline{opacity:.55;transition:opacity var(--t-fast) var(--ease)}.member.is-offline:hover{opacity:.85}.member-meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.member-custom{font-size:11.5px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member .name{font-size:14px;color:var(--text-primary);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member .role-dot{width:6px;height:6px;border-radius:var(--r-full)}.member .name.role-admin{color:var(--cyan)}.member .name.role-bot:after{content:"BOT";margin-left:6px;font-size:9px;font-weight:700;background:var(--accent);color:#fff;padding:1px 4px;border-radius:var(--r-xs);vertical-align:middle}.search-wrap{position:relative}.search-wrap .ico{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.ico{display:inline-block;width:18px;height:18px;flex-shrink:0}.ico-sm{width:14px;height:14px}.ico-lg{width:22px;height:22px}.auth{min-height:100vh;display:grid;place-items:center;padding:var(--s-6)}.auth-card{width:100%;max-width:420px;background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-xl);padding:var(--s-8);box-shadow:var(--shadow-lg)}.auth-header{display:flex;flex-direction:column;align-items:center;gap:var(--s-3);margin-bottom:var(--s-6)}.auth-title{font-size:22px;font-weight:700;letter-spacing:-.01em}.auth-subtitle{color:var(--text-secondary);font-size:13px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:var(--s-3)}.auth-footer{margin-top:var(--s-5);text-align:center;font-size:13px;color:var(--text-secondary)}.auth-divider{margin:var(--s-4) 0;display:flex;align-items:center;gap:var(--s-3);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.advanced{margin-top:var(--s-4);border-top:1px solid var(--border-subtle);padding-top:var(--s-4)}.advanced summary{cursor:pointer;font-size:12px;color:var(--text-muted);list-style:none}.advanced summary::-webkit-details-marker{display:none}.advanced summary:before{content:"▸ ";font-size:10px}.advanced[open] summary:before{content:"▾ "}.advanced .field{margin-top:var(--s-3)}.voice-stage{flex:1;padding:var(--s-6);display:flex;flex-direction:column;gap:var(--s-5);overflow-y:auto;position:relative}.voice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,280px));gap:var(--s-4);align-content:start;justify-content:center}.voice-tile{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);aspect-ratio:4 / 3;max-height:240px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);padding:var(--s-4);position:relative;transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.voice-tile .name{font-weight:600;font-size:14px}.voice-tile .badges{position:absolute;bottom:var(--s-3);left:var(--s-3);display:flex;gap:4px}.voice-badge{width:24px;height:24px;border-radius:var(--r-sm);background:#0006;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.peer-volume{position:absolute;left:var(--s-3);right:var(--s-3);bottom:var(--s-3);display:flex;align-items:center;gap:6px;padding:4px 8px;background:#00000080;border-radius:var(--r-full);opacity:0;transition:opacity var(--t-fast) var(--ease)}.voice-tile:hover .peer-volume{opacity:1}.peer-volume .ico{color:var(--text-secondary);flex-shrink:0}.peer-volume input[type=range]{flex:1;min-width:0;accent-color:var(--accent);height:4px}.peer-volume-pct{font-size:10.5px;color:var(--text-secondary);font-variant-numeric:tabular-nums;width:32px;text-align:right;flex-shrink:0}.music-panel{display:flex;flex-direction:column;gap:var(--s-3);padding:var(--s-3);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-md);width:360px;max-height:520px;overflow-y:auto}.music-panel-head{display:flex;align-items:center;justify-content:space-between}.music-panel-title{font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary)}.music-panel-input-row{display:flex;gap:6px}.music-panel-input-row .input{flex:1}.music-panel-error{font-size:12px;color:var(--danger);background:var(--danger-soft);padding:6px 8px;border-radius:var(--r-sm)}.music-panel-empty{font-size:12.5px;color:var(--text-muted);padding:var(--s-3) 0;text-align:center}.music-panel-empty.small{padding:6px 0}.music-panel-current{background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:var(--s-3)}.music-panel-current-head{display:flex;gap:10px;align-items:center}.music-panel-thumb{width:48px;height:48px;border-radius:var(--r-sm);object-fit:cover}.music-panel-current-meta{flex:1;min-width:0}.music-panel-current-title{font-size:13px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-panel-current-sub{font-size:11.5px;color:var(--text-muted);margin-top:2px}.music-panel-progress{height:4px;background:var(--bg-elevated);border-radius:var(--r-full);margin:var(--s-2) 0;overflow:hidden}.music-panel-progress-fill{height:100%;background:var(--accent);transition:width .25s linear}.music-panel-controls{display:flex;gap:6px}.music-panel-section-title{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.music-panel-section-title span{color:var(--text-secondary);font-weight:600}.music-panel-track{display:flex;align-items:center;gap:8px;padding:6px;border-radius:var(--r-sm)}.music-panel-track:hover{background:var(--bg-raised)}.music-panel-track-meta{flex:1;min-width:0}.music-panel-track-title{font-size:12.5px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-panel-track-sub{font-size:11px;color:var(--text-muted)}.music-panel-status{font-size:11.5px;color:var(--text-muted);text-align:center;min-height:14px}.music-panel-title-row{display:flex;align-items:center;gap:6px}.music-panel-beta{font-size:9.5px;font-weight:700;letter-spacing:.08em;color:var(--accent);background:color-mix(in oklab,var(--accent) 14%,transparent);border:1px solid color-mix(in oklab,var(--accent) 35%,transparent);padding:1px 5px;border-radius:var(--r-sm);line-height:1.4}.music-panel-foot{font-size:10.5px;color:var(--text-muted);text-align:center;padding-top:var(--s-2);border-top:1px dashed var(--border-subtle)}.music-bot-avatar{position:relative;background:linear-gradient(135deg,#1f1147,#050308);border:1px solid color-mix(in oklab,var(--accent) 30%,transparent)}.music-bot-avatar .avatar-image{display:block;width:100%;height:100%}.music-bot-avatar .avatar-image img{width:100%;height:100%;object-fit:contain;padding:14%}.music-bot-avatar-badge{position:absolute;right:-2px;bottom:-2px;width:28px;height:28px;border-radius:50%;background:var(--accent);color:var(--text-on-accent, #fff);display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-canvas, #0a0a0e);box-shadow:0 2px 6px #0006}.music-bot-avatar-badge .ico{color:currentColor}.draw-panel{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--s-3);display:flex;flex-direction:column;gap:var(--s-2);margin-bottom:var(--s-3);flex-shrink:0}.draw-head{display:flex;align-items:center;gap:var(--s-3)}.draw-title{font-size:14px;font-weight:600;flex:1}.draw-tools{display:flex;align-items:center;gap:var(--s-2)}.draw-swatch{width:20px;height:20px;border-radius:50%;border:2px solid var(--border-default);cursor:pointer;padding:0;flex-shrink:0;transition:transform 90ms var(--ease),border-color var(--t-fast) var(--ease)}.draw-swatch:hover{transform:scale(1.12)}.draw-swatch.active{border-color:var(--text-primary);transform:scale(1.12)}.draw-swatch.dim{opacity:.45}.draw-swatch.dim.active{opacity:.7}.draw-tool-sep{width:1px;align-self:stretch;margin:0 4px;background:var(--border-subtle)}.draw-tool{color:var(--text-muted)}.draw-tool.active{background:var(--accent-soft);color:var(--accent)}.draw-width{width:90px;accent-color:var(--accent)}.draw-perms{display:flex;flex-wrap:wrap;gap:var(--s-2)}.draw-perm{font-size:11.5px;padding:3px 9px;border-radius:var(--r-full);background:var(--bg-raised);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:background var(--t-fast) var(--ease)}.draw-perm:hover{background:var(--bg-overlay);color:var(--text-primary)}.draw-perm.blocked{background:var(--danger-soft);border-color:#ef444466;color:var(--danger)}.draw-canvas-wrap{position:relative;height:340px;border-radius:var(--r-md);overflow:hidden;background:#16161f;border:1px solid var(--border-subtle)}.draw-canvas{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.draw-canvas.tool-eraser{cursor:none}.draw-eraser-cursor{position:absolute;pointer-events:none;border-radius:50%;border:1.5px solid var(--text-primary);box-shadow:0 0 0 1px #0006 inset;background:#ffffff14;transform:translate(-50%,-50%)}.draw-blocked-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0b0b14c7;color:var(--text-secondary);font-size:13px;cursor:not-allowed}.soundboard-panel{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3);margin-bottom:var(--s-3);flex-shrink:0}.soundboard-head{display:flex;align-items:center;gap:var(--s-2)}.soundboard-title{display:flex;align-items:center;gap:var(--s-2);font-size:15px;font-weight:600;flex:1}.soundboard-volume{display:flex;align-items:center;gap:var(--s-2);color:var(--text-secondary);font-size:12px}.soundboard-volume input[type=range]{flex:1;accent-color:var(--accent)}.soundboard-volume-pct{width:38px;text-align:right;font-variant-numeric:tabular-nums}.soundboard-empty{padding:var(--s-5);text-align:center;color:var(--text-muted)}.soundboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--s-2)}.sound-tile-wrap{position:relative}.sound-tile{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;background:var(--bg-raised);border:1px solid var(--border-subtle);border-radius:var(--r-md);color:var(--text-primary);cursor:pointer;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform 90ms var(--ease)}.sound-tile:hover{background:var(--bg-overlay);border-color:var(--border-default)}.sound-tile:active{transform:translateY(1px) scale(.99)}.sound-tile:disabled{opacity:.6;cursor:wait}.sound-tile-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.sound-tile-sub{font-size:11px;color:var(--text-muted)}.sound-tile-del{position:absolute;top:4px;right:4px;width:22px;height:22px;border:0;background:transparent;color:var(--text-muted);border-radius:var(--r-sm);cursor:pointer;display:none;align-items:center;justify-content:center}.sound-tile-wrap:hover .sound-tile-del{display:inline-flex}.sound-tile-del:hover{background:var(--danger-soft);color:var(--danger)}.sound-upload-drop{padding:var(--s-5);text-align:center;display:flex;flex-direction:column;gap:var(--s-3);align-items:center}.sound-upload-form{display:flex;flex-direction:column;gap:var(--s-3)}.sound-upload-form input[type=range]{accent-color:var(--accent)}.voice-bar{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);margin-top:auto;flex-shrink:0}.voice-bar .info{flex:1}.voice-bar .info .channel-name{font-weight:600}.voice-bar .info .latency{font-size:12px;color:var(--success);display:flex;align-items:center;gap:4px}.voice-bar .controls{display:flex;gap:var(--s-2)}.voice-bar .controls .btn{background:var(--bg-raised)}.voice-bar .controls .btn.toggled{background:var(--accent-soft);color:var(--accent);border-color:#8b5cf64d}.voice-bar .controls .btn.leave{background:var(--danger-soft);color:var(--danger)}.voice-bar .controls .btn.leave:hover{background:#ef444438}.settings{display:grid;grid-template-columns:240px 1fr;height:100vh}.settings-nav{background:var(--bg-elevated);border-right:1px solid var(--border-subtle);padding:var(--s-5) var(--s-3);display:flex;flex-direction:column;gap:2px}.settings-nav .group-label{padding:var(--s-3) var(--s-3) var(--s-1);font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.settings-nav .item{padding:8px 12px;border-radius:var(--r-sm);color:var(--text-secondary);cursor:pointer;font-size:14px}.settings-nav .item:hover{background:var(--bg-raised);color:var(--text-primary)}.settings-nav .item.active{background:var(--accent-soft);color:var(--accent);font-weight:500}.settings-main{overflow-y:auto;padding:var(--s-8) var(--s-10);max-width:760px}.settings-section{margin-bottom:var(--s-12)}.settings-section-head{margin-bottom:var(--s-5)}.settings-section-head h2{font-size:18px;font-weight:600;margin:0 0 var(--s-1)}.settings-section-head p{color:var(--text-secondary);font-size:13px;margin:0}.settings-row{display:grid;grid-template-columns:1fr 280px;gap:var(--s-6);padding:var(--s-5) 0;border-bottom:1px solid var(--border-subtle)}.settings-row:last-child{border-bottom:none}.settings-row .label{font-weight:500}.settings-row .desc{color:var(--text-secondary);font-size:13px;margin-top:2px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-full);font-size:12px;font-weight:500;background:var(--bg-raised);color:var(--text-secondary)}.badge .dot{width:6px;height:6px;border-radius:var(--r-full);background:var(--text-muted)}.badge.ok{color:var(--text-primary);border:1px solid rgba(16,185,129,.45)}.badge.ok .dot{background:var(--success);box-shadow:0 0 8px var(--success)}.badge.warn{color:var(--text-primary);border:1px solid rgba(245,158,11,.45)}.badge.warn .dot{background:var(--warning)}.badge.err{color:var(--text-primary);border:1px solid rgba(239,68,68,.45)}.badge.err .dot{background:var(--danger)}.badge.pulse .dot{animation:void-pulse 1.4s var(--ease) infinite}.design-index{min-height:100vh;padding:var(--s-12) var(--s-8);max-width:960px;margin:0 auto}.design-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--s-4);margin-top:var(--s-8)}.design-tile{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--s-5);cursor:pointer;transition:border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:var(--s-2)}.design-tile:hover{border-color:var(--accent);transform:translateY(-2px)}.design-tile h3{margin:0;font-size:16px;font-weight:600}.design-tile p{margin:0;color:var(--text-secondary);font-size:13px}.brand-page{padding:var(--s-12) var(--s-8);max-width:1100px;margin:0 auto}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--s-3)}.swatch{border-radius:var(--r-md);overflow:hidden;border:1px solid var(--border-subtle)}.swatch .chip{height:80px}.swatch .meta{padding:var(--s-3);background:var(--bg-elevated)}.swatch .name{font-size:13px;font-weight:600}.swatch .hex{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.type-row{padding:var(--s-4) 0;border-bottom:1px solid var(--border-subtle);display:grid;grid-template-columns:140px 1fr;align-items:baseline;gap:var(--s-5)}.type-row .meta{font-size:12px;color:var(--text-muted)}.brand-section{margin-bottom:var(--s-12)}.brand-section>h2{font-size:14px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 var(--s-4)}.phase0-shell{min-height:100vh;display:grid;place-items:center;padding:var(--s-6);-webkit-app-region:drag}.phase0-shell .auth-card{max-width:520px;-webkit-app-region:no-drag}.phase0-row{display:flex;align-items:center;gap:var(--s-2);margin-top:var(--s-1)}.phase0-response{margin-top:var(--s-4);padding:var(--s-3);background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--r-md);max-height:220px;overflow:auto}.phase0-response pre{margin:var(--s-2) 0 0;white-space:pre-wrap;color:var(--text-secondary)}.phase0-footer{margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--border-subtle)}.friend-row{display:flex;align-items:center;gap:var(--s-3);padding:10px 14px;border-radius:var(--r-md);transition:background var(--t-fast) var(--ease)}.friend-row:hover{background:var(--bg-tint)}.friend-row-meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.friend-row-name{font-weight:600;font-size:14px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-row-sub{font-size:12px;color:var(--text-muted)}.friend-row-actions{display:flex;align-items:center;gap:var(--s-1);opacity:.55;transition:opacity var(--t-fast) var(--ease)}.friend-row:hover .friend-row-actions{opacity:1}.row-menu-wrap{position:relative}.friends-topbar{gap:var(--s-3)}.friends-topbar-title{display:flex;align-items:center;gap:var(--s-2)}.friends-topbar-title .title{font-weight:600}.friends-tabs{display:flex;align-items:center;gap:2px;padding-left:var(--s-3);margin-left:var(--s-3);border-left:1px solid var(--border-subtle);flex:1}.friends-tab{display:inline-flex;align-items:center;gap:var(--s-2);padding:6px 12px;border-radius:var(--r-sm);background:transparent;border:0;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.friends-tab:hover{background:var(--bg-tint);color:var(--text-primary)}.friends-tab.active{background:var(--bg-raised);color:var(--text-primary)}.friends-add{flex-shrink:0}.friends-body{flex:1;overflow-y:auto;padding:var(--s-5) var(--s-6)}.friends-search{position:relative;margin-bottom:var(--s-4);max-width:480px}.friends-search-icon{position:absolute;top:50%;left:12px;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.friends-group{margin-bottom:var(--s-5)}.friends-group.dim{opacity:.7}.friends-group-title{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:0 14px var(--s-2)}.friends-empty{padding:var(--s-6);text-align:center;color:var(--text-muted)}.friends-add-form{max-width:480px}.friends-add-title{margin-top:0}.friends-add-hint{margin-bottom:var(--s-4)}.friends-add-submit{align-self:flex-start}.row-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--r-md);box-shadow:var(--shadow-md);min-width:160px;padding:4px;z-index:100}.row-menu-item{width:100%;text-align:left;background:transparent;border:0;padding:8px 12px;border-radius:var(--r-sm);cursor:pointer;color:var(--text-primary);font-size:14px}.row-menu-item:hover{background:var(--bg-raised)}.row-menu-item.danger{color:var(--danger)}.row-menu-item:disabled{opacity:.5;cursor:default}.messages{padding:16px 24px;gap:4px}.msg{padding:4px 4px 4px 0;border-radius:6px;position:relative}.msg:hover{background:var(--bg-elevated)}.msg:hover .msg-actions{opacity:1;pointer-events:auto}.msg-sticker img{display:block;max-width:160px;max-height:160px;height:auto}.msg-gif{margin-top:4px;max-width:320px;border-radius:var(--r-md);overflow:hidden;background:var(--bg-raised)}.msg-gif img{display:block;width:100%;height:auto}.composer-picker-wrap{position:relative}.composer-picker-glyph{font-size:18px;line-height:1}.composer-picker-btn .ico{transition:color var(--t-fast) var(--ease),filter var(--t-fast) var(--ease)}.composer-picker-btn:hover .ico{color:var(--accent);filter:drop-shadow(0 0 6px var(--accent-glow))}.sticker-picker{position:absolute;bottom:calc(100% + 8px);left:0;width:380px;max-height:420px;display:flex;flex-direction:column;background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--r-md);box-shadow:var(--shadow-lg);z-index:30;overflow:hidden}.sticker-picker-tabs{display:flex;border-bottom:1px solid var(--border-subtle)}.sticker-picker-tab{flex:1;padding:10px 0;background:transparent;color:var(--text-secondary);border:0;border-bottom:2px solid transparent;cursor:pointer;font:inherit;font-size:13px;font-weight:600}.sticker-picker-tab.active{color:var(--text-primary);border-bottom-color:var(--accent)}.sticker-picker-body{flex:1;overflow-y:auto;padding:var(--s-3)}.sticker-picker-pack{margin-bottom:var(--s-3)}.sticker-picker-pack-title{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px}.sticker-picker-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.sticker-picker-cell{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;padding:6px;background:var(--bg-raised);border:1px solid transparent;border-radius:var(--r-sm);cursor:pointer}.sticker-picker-cell:hover{background:var(--bg-elevated);border-color:var(--accent)}.sticker-picker-cell img{width:100%;height:100%;object-fit:contain}.sticker-picker-search{margin-bottom:var(--s-2)}.sticker-picker-empty{padding:var(--s-5);text-align:center;font-size:12.5px;color:var(--text-muted)}.gif-picker-grid{column-count:2;column-gap:6px}.gif-picker-cell{display:block;width:100%;margin-bottom:6px;padding:0;background:var(--bg-raised);border:1px solid transparent;border-radius:var(--r-sm);overflow:hidden;cursor:pointer;break-inside:avoid}.gif-picker-cell:hover{border-color:var(--accent)}.gif-picker-cell img{display:block;width:100%;height:auto}.msg-pin-indicator{font-size:12px;line-height:1;opacity:.85;margin-left:4px}.msg-system{display:flex;justify-content:center;padding:4px var(--s-4);margin:6px 0}.msg-system-line{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:transparent;border:0;border-radius:var(--r-full);color:var(--text-muted);font-size:12.5px;cursor:pointer;font:inherit}.msg-system-line:hover{background:var(--bg-elevated);color:var(--text-secondary)}.msg-system-icon{font-size:12px}.msg-system-time{font-size:11px;opacity:.7}.topbar-pins{position:relative}.pins-popover{position:absolute;top:calc(100% + 6px);right:0;width:360px;max-height:480px;overflow-y:auto;background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--r-md);box-shadow:var(--shadow-lg);z-index:50}.pins-popover-head{position:sticky;top:0;padding:10px var(--s-3);background:var(--bg-overlay);border-bottom:1px solid var(--border-subtle)}.pins-popover-title{font-size:13px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text-secondary);margin:0}.pins-popover-empty,.pins-popover-loading{padding:var(--s-4);font-size:13px;color:var(--text-muted);text-align:center}.pins-popover-list{list-style:none;margin:0;padding:4px}.pins-popover-row{display:flex;align-items:flex-start;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text-primary);text-align:left;cursor:pointer;font:inherit}.pins-popover-row:hover{background:var(--bg-elevated)}.pins-popover-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pins-popover-author{font-size:13px;font-weight:600}.pins-popover-preview{font-size:12.5px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.msg-grouped{grid-template-rows:auto}.msg-grouped .msg-time-gutter{font-size:11px;color:var(--text-muted);text-align:right;padding-top:2px;opacity:0}.msg:hover .msg-time-gutter{opacity:1}.msg-actions{position:absolute;top:-10px;right:8px;display:flex;gap:4px;background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--r-sm);padding:2px;opacity:0;pointer-events:none;transition:opacity var(--t-fast) var(--ease);box-shadow:var(--shadow-sm)}.msg-action-btn{background:transparent;border:0;color:var(--text-secondary);font-size:12px;padding:4px 8px;border-radius:var(--r-xs);cursor:pointer}.msg-action-btn:hover{background:var(--bg-raised);color:var(--text-primary)}.msg-action-btn.danger{color:var(--danger)}.msg-action-btn.danger:hover{background:var(--danger-soft)}.msg-reply-ref{display:flex;align-items:center;gap:6px;max-width:100%;margin:0 0 2px;padding:1px 6px 1px 2px;background:transparent;border:0;border-radius:var(--r-xs);font-size:12px;color:var(--text-muted);cursor:pointer;text-align:left;overflow:hidden}.msg-reply-ref:hover{color:var(--text-secondary)}.msg-reply-ref-arrow{color:var(--text-muted);font-size:13px;flex-shrink:0}.msg-reply-ref-author{font-weight:600;color:var(--text-secondary);flex-shrink:0}.msg-reply-ref:hover .msg-reply-ref-author{color:var(--accent-hover)}.msg-reply-ref-excerpt{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}@keyframes msg-flash-fade{0%{background:var(--accent-soft)}to{background:transparent}}.msg.msg-flash{animation:msg-flash-fade 1.4s var(--ease)}.msg-reactions{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin-top:3px}.msg-reaction{display:inline-flex;align-items:center;gap:4px;padding:1px 7px 1px 5px;border-radius:var(--r-full);background:var(--bg-raised);border:1px solid var(--border-subtle);font-size:12px;line-height:1.4;cursor:pointer}.msg-reaction:hover{border-color:var(--border-strong)}.msg-reaction.mine{background:var(--accent-soft);border-color:var(--accent)}.msg-reaction-emoji{font-size:13px}.msg-reaction-count{font-size:11px;font-weight:700;color:var(--text-secondary)}.msg-reaction.mine .msg-reaction-count{color:var(--accent-hover)}.msg-action-emoji{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:0;border-radius:var(--r-xs);background:transparent;color:var(--text-secondary);font-size:15px;line-height:1;cursor:pointer}.msg-action-emoji:hover{background:var(--bg-raised);color:var(--text-primary)}.msg-actions-sep{width:1px;align-self:stretch;margin:2px;background:var(--border-subtle)}.msg-react-picker{position:absolute;bottom:calc(100% + 4px);left:0;display:flex;gap:2px;padding:4px;background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--r-md);box-shadow:0 8px 24px #0006;z-index:20}.msg-react-picker-emoji{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;font-size:17px;border:0;border-radius:var(--r-sm);background:transparent;cursor:pointer}.msg-react-picker-emoji:hover{background:var(--bg-raised)}.msg-pending{opacity:.85}.topbar-search{position:relative;flex-shrink:0}.msg-search-panel{position:absolute;top:calc(100% + 6px);right:0;width:380px;max-height:60vh;display:flex;flex-direction:column;background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);z-index:50;overflow:hidden}.msg-search-input-row{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-3);border-bottom:1px solid var(--border-subtle)}.msg-search-input-row .ico{color:var(--text-muted);flex-shrink:0}.msg-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--text-primary);font-size:14px}.msg-search-scope{display:flex;gap:var(--s-2);padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--border-subtle)}.msg-search-scope-btn{flex:1;padding:4px 8px;font-size:12px;font-weight:600;color:var(--text-secondary);background:transparent;border:1px solid var(--border-default);border-radius:var(--r-sm);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msg-search-scope-btn:hover{border-color:var(--border-strong)}.msg-search-scope-btn.active{color:var(--text-primary);background:var(--accent);border-color:var(--accent)}.msg-search-results{overflow-y:auto;padding:var(--s-2)}.msg-search-status{padding:var(--s-3);text-align:center}.msg-search-result{display:block;width:100%;text-align:left;padding:var(--s-2) var(--s-3);background:transparent;border:none;border-radius:var(--r-sm);cursor:pointer}.msg-search-result:hover{background:var(--bg-base)}.msg-search-result-head{display:flex;align-items:baseline;gap:var(--s-2);margin-bottom:2px}.msg-search-result-author{font-weight:600;font-size:13px;color:var(--text-primary)}.msg-search-result-channel{font-size:12px;color:var(--accent-hover)}.msg-search-result-when{margin-left:auto;font-size:11px;color:var(--text-muted);flex-shrink:0}.msg-search-result-body{font-size:13px;color:var(--text-secondary);line-height:1.4;word-break:break-word}.msg-search-result-body mark{background:var(--accent);color:var(--text-primary);border-radius:2px;padding:0 1px}.msg-search-more{display:block;width:100%;padding:var(--s-2);margin-top:var(--s-2);font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--bg-base);border:none;border-radius:var(--r-sm);cursor:pointer}.msg-search-more:hover:not(:disabled){color:var(--text-primary)}.msg-search-more:disabled{opacity:.6;cursor:default}.jump-present-btn{position:sticky;bottom:8px;align-self:flex-end;padding:6px 12px;font-size:12px;font-weight:600;color:var(--text-primary);background:var(--accent);border:none;border-radius:var(--r-full);box-shadow:var(--shadow-md);cursor:pointer;z-index:5}.jump-present-btn:hover{background:var(--accent-hover)}.jump-present-btn-unread{background:var(--accent);animation:jumpUnreadPulse 1.6s ease-in-out 1}@keyframes jumpUnreadPulse{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.typing-row{display:flex;align-items:center;gap:8px;padding:6px 12px;color:var(--text-muted);font-size:12px;font-style:italic}.typing-dots{display:inline-flex;gap:3px}.typing-dots span{width:5px;height:5px;border-radius:50%;background:var(--text-muted);animation:typing-blink 1.2s infinite}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing-blink{0%,60%,to{opacity:.25}30%{opacity:1}}.dm-row{gap:10px}.dm-row .dm-row-meta{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.25}.dm-row-line{display:flex;align-items:baseline;gap:var(--s-2)}.dm-row-name{font-size:13.5px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.dm-row-time{font-size:10.5px;color:var(--text-muted);flex-shrink:0}.dm-row-preview{font-size:11.5px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-row.unread .dm-row-name{font-weight:600;color:var(--text-primary)}.dm-row.unread .dm-row-preview{color:var(--text-secondary)}.dm-row.active .dm-row-name{color:var(--text-primary)}.msg-body .input{margin-top:4px;min-height:32px;resize:vertical}.channel-topbar,.channels-header,.col-groups,.user-card{-webkit-app-region:drag}.channel-topbar button,.channel-topbar a,.channel-topbar input,.channel-topbar textarea,.channel-topbar select,.channel-topbar .search-wrap,.channels-header button,.channels-header a,.channels-header input,.col-groups .group-pill,.col-groups .groups-rail>*,.user-card .controls,.user-card .controls *{-webkit-app-region:no-drag}.auth{-webkit-app-region:drag}.auth .auth-card,.auth .auth-card *{-webkit-app-region:no-drag}.col-groups .groups-rail{padding-top:36px}.saved-accounts{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--s-4)}.saved-account-row{display:flex;align-items:center;gap:6px}.saved-account-btn{flex:1;display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-md);background:var(--bg-raised);border:1px solid var(--border-subtle);color:var(--text-primary);font-size:14px;cursor:pointer;text-align:left;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.saved-account-btn:hover{background:var(--bg-overlay);border-color:var(--border-default)}.saved-account-btn:disabled{opacity:.7;cursor:default}.saved-account-name{flex:1;font-weight:600}.remember-row{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px;cursor:pointer;user-select:none;margin:-2px 0}.remember-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.modal-backdrop{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(6px);display:grid;place-items:center;z-index:1000;-webkit-app-region:no-drag;animation:void-fade-in .16s var(--ease-out) both}.modal{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-lg);padding:var(--s-5);width:100%;max-width:560px;max-height:80vh;overflow-y:auto;box-shadow:0 24px 60px #0000008c,0 0 0 1px var(--accent-soft);display:flex;flex-direction:column;gap:var(--s-2);animation:void-pop-in .2s var(--ease-out) both}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--s-3)}.modal-tabs{display:flex;gap:var(--s-1);border-bottom:1px solid var(--border-subtle);padding-bottom:var(--s-2);margin-bottom:var(--s-3)}.modal-tabs .tab-active{background:var(--bg-raised);color:var(--text-primary)}.settings-member-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2);border-radius:var(--r-sm)}.settings-member-row:hover{background:var(--bg-raised)}.settings-invite-row{display:flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--r-sm)}.settings-invite-row code{font-size:14px;letter-spacing:.04em;color:var(--accent)}.group-title-btn{background:transparent;border:0;color:var(--text-primary);font-weight:600;font-size:15px;text-align:left;cursor:pointer;padding:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-title-btn:hover{color:var(--accent)}.voice-tile.speaking{border-color:var(--voice-active);box-shadow:0 0 0 2px #10b98159,0 0 32px #10b98138}.voice-tile.speaking .avatar{box-shadow:0 0 0 3px #10b98180}.voice-settings-popover{position:absolute;bottom:calc(100% + 6px);right:0;background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--r-md);box-shadow:var(--shadow-md);padding:12px;width:260px;z-index:200;-webkit-app-region:no-drag}.voice-settings-popover kbd{background:var(--bg-raised);border:1px solid var(--border-default);border-bottom-width:2px;border-radius:var(--r-xs);font-family:var(--font-mono);font-size:11px;padding:1px 6px;color:var(--text-primary)}.update-pill{position:fixed;top:8px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--s-2);padding:6px 14px;background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--r-full);font-size:12px;color:var(--text-primary);z-index:1500;box-shadow:var(--shadow-md);-webkit-app-region:no-drag;max-width:360px;user-select:none}.update-pill .dot{width:7px;height:7px;border-radius:var(--r-full);background:var(--accent);box-shadow:0 0 8px var(--accent-glow);animation:vh-loader-blink 1.3s var(--ease) infinite}.update-pill-bar{width:120px;height:4px;background:var(--bg-raised);border-radius:var(--r-full);overflow:hidden}.update-pill-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--cyan));transition:width .2s var(--ease)}.update-pill-percent{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);min-width:32px;text-align:right}.update-pill-err{border-color:var(--danger);max-width:520px}.update-pill-err .dot{background:var(--danger);box-shadow:0 0 8px var(--danger);animation:none}.update-pill-msg{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:280px}.update-pill-btn{border:1px solid var(--border-default);background:var(--bg-raised);color:var(--text-primary);border-radius:var(--r-full);padding:2px 10px;font-size:11px;font-weight:600;cursor:pointer;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}.update-pill-btn:hover{background:var(--bg-overlay);border-color:var(--accent)}.update-pill-btn-ghost{background:transparent;color:var(--text-secondary)}.update-pill-btn-ghost:hover{color:var(--text-primary)}.update-pill-ready{cursor:pointer;border-color:var(--success)}.update-pill-ready .dot{background:var(--success);box-shadow:0 0 8px var(--success);animation:none}.update-pill-ready:hover{background:var(--bg-raised)}.update-overlay{position:fixed;inset:0;background:#07070cd9;backdrop-filter:blur(6px);display:grid;place-items:center;z-index:2000;-webkit-app-region:no-drag;animation:vh-fade-in .2s var(--ease)}.update-overlay-card{position:relative;width:100%;max-width:420px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-xl);padding:var(--s-10) var(--s-8) var(--s-6);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--s-3);box-shadow:var(--shadow-lg);animation:vh-modal-rise .24s var(--ease)}.update-overlay-title{font-size:22px;font-weight:700;letter-spacing:-.01em;margin:8px 0 0}.update-overlay-version{font-family:var(--font-mono);font-size:13px;color:var(--text-muted);margin:0}.update-overlay-progress{width:100%;height:6px;background:var(--bg-raised);border-radius:var(--r-full);overflow:hidden;margin:var(--s-3) 0 0}.update-overlay-progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--cyan));transition:width 1s linear}.update-overlay-meta{color:var(--text-secondary);font-size:13px;margin:0}.update-overlay-actions{display:flex;gap:var(--s-2);margin-top:var(--s-3)}.update-overlay-close{position:absolute;top:12px;right:12px;background:transparent;border:0;color:var(--text-muted);width:28px;height:28px;border-radius:var(--r-sm);cursor:pointer;display:flex;align-items:center;justify-content:center}.update-overlay-close:hover{background:var(--bg-raised);color:var(--text-primary)}.btn:focus-visible,.input:focus-visible,.channel:focus-visible,.group-pill:focus-visible,.saved-account-btn:focus-visible,.row-menu-item:focus-visible,.composer-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary:focus-visible{outline-color:var(--accent-hover)}.btn-danger:focus-visible{outline-color:var(--danger)}@keyframes vh-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vh-modal-rise{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-narrow{max-width:480px}.modal-section{margin-top:var(--s-2)}.modal-row{display:flex;gap:var(--s-2);margin-top:var(--s-3)}.modal-list{display:flex;flex-direction:column;gap:var(--s-1);margin-top:var(--s-2)}.modal-list-spaced{gap:var(--s-2);margin-top:var(--s-3)}.settings-member-meta{flex:1;min-width:0}.settings-member-name{font-weight:600}.settings-role-select{width:120px}.settings-invite-code{font-size:14px;letter-spacing:.04em;color:var(--accent)}.settings-invite-uses{flex:1}.badge-block{align-self:flex-start;margin:var(--s-1) 0}.badge-sm{font-size:11px;padding:2px 8px}.input-sm{padding:6px 10px;font-size:13px;border-radius:var(--r-sm)}.help-danger{color:var(--danger)}.sidebar-hint{display:flex;align-items:center;gap:var(--s-2);padding:6px 14px;font-size:12px;color:var(--text-muted)}.sidebar-hint-empty{padding:var(--s-3) 14px;color:var(--text-muted);font-style:italic}.channel-padded{padding:10px}.channel.dm-row{padding:8px 10px}.channel-create-form{padding:6px 8px;display:flex;flex-direction:column;gap:6px}.channel-create-actions{display:flex;gap:6px}.channel-hash-voice,.channel.active .channel-hash-voice{color:var(--cyan)}.topbar-divider{height:18px;width:1px;background:var(--border-default);margin:0 var(--s-1);flex-shrink:0}.group-title-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-title-cog{color:var(--text-muted);margin-left:6px;transition:color var(--t-fast) var(--ease)}.group-title-btn:hover .group-title-cog{color:var(--accent)}.group-title-btn{display:flex;align-items:center;gap:0}.voice-join-card{max-width:480px;align-self:center;text-align:center;background:radial-gradient(circle at 50% 0%,var(--accent-soft),transparent 70%),var(--bg-elevated)}.voice-join-title{margin-top:0}.voice-join-copy{margin:var(--s-2) 0 var(--s-4)}.voice-join-actions{display:flex;justify-content:center;gap:var(--s-2)}.voice-share-area{display:flex;flex-direction:row;gap:var(--s-4);flex:1;min-height:0;align-items:flex-start}.voice-share-area-main{display:flex;flex-direction:column;gap:var(--s-3);flex:1;min-width:0}.screen-share-thumbs{display:flex;gap:var(--s-2);overflow-x:auto;padding-bottom:2px}.screen-share-thumb{flex:0 0 auto;width:180px;border:1px solid var(--border-default);border-radius:var(--r-md);background:var(--bg-elevated);padding:0;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;color:var(--text-primary);transition:border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.screen-share-thumb:hover{border-color:var(--accent);transform:translateY(-1px)}.screen-share-thumb video{width:100%;aspect-ratio:16 / 9;object-fit:cover;background:#000;display:block}.screen-share-thumb-label{font-size:11px;padding:4px 8px;color:var(--text-secondary);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.share-context-menu{position:fixed;z-index:1100;width:240px;background:var(--bg-overlay);border:1px solid var(--border-default);border-radius:var(--r-md);box-shadow:var(--shadow-md);padding:8px;display:flex;flex-direction:column;gap:6px;animation:vh-fade-in .1s var(--ease)}.share-context-volume{display:flex;flex-direction:column;gap:6px;padding:6px 8px 8px;border-bottom:1px solid var(--border-subtle)}.share-context-volume-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.share-context-volume-value{margin-left:auto;font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.share-context-volume input[type=range]{width:100%;accent-color:var(--accent)}.share-context-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:transparent;border:0;border-radius:var(--r-sm);color:var(--text-primary);font-size:13px;cursor:pointer;text-align:left}.share-context-item:hover{background:var(--bg-raised)}.share-context-stop{color:var(--danger)}.share-context-stop:hover{background:var(--danger-soft);color:var(--danger)}.share-hidden-chip{align-self:center;display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--r-full);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.share-hidden-chip:hover{background:var(--bg-overlay);color:var(--text-primary);border-color:var(--accent)}.screen-share-viewer{display:flex;flex-direction:column;gap:var(--s-2);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--r-lg);padding:var(--s-3);box-shadow:var(--shadow-md);flex:1;min-width:0}.screen-share-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);color:var(--text-secondary)}.screen-share-label{display:flex;align-items:center;gap:var(--s-2);font-size:13px;font-weight:500;color:var(--text-primary)}.screen-share-stage{position:relative;background:#000;border-radius:var(--r-md);overflow:hidden;width:100%;aspect-ratio:16 / 9;max-height:70vh}.screen-share-stage:fullscreen{aspect-ratio:auto;max-height:none;width:100vw;height:100vh;border-radius:0}.screen-share-stage video{width:100%;height:100%;display:block;object-fit:contain;background:#000}.screen-share-controls{display:flex;align-items:center;gap:var(--s-2);flex-shrink:0}.screen-share-quality{width:auto;padding:4px 8px}.screen-share-info{font-family:var(--font-display);font-size:12px;font-weight:700;font-style:italic}.btn-icon.is-on{color:var(--accent)}.screen-share-stats{position:absolute;top:10px;right:10px;background:#07070cbf;backdrop-filter:blur(4px);color:var(--text-primary);font-family:var(--font-mono);font-size:11px;letter-spacing:.02em;padding:4px 10px;border-radius:var(--r-full);border:1px solid rgba(255,255,255,.08);pointer-events:none}.voice-grid-rail{display:flex;flex-direction:column;width:240px;flex:0 0 auto;gap:var(--s-2);align-self:stretch;max-height:70vh;overflow-y:auto}.voice-grid-rail .voice-tile{aspect-ratio:auto;padding:var(--s-2) var(--s-3);gap:var(--s-3);flex-direction:row;align-items:center}.voice-grid-rail .voice-tile .avatar{width:36px;height:36px;font-size:13px}.voice-grid-rail .voice-tile .name{font-size:13px}.voice-grid-rail .voice-tile .badges{position:static;margin-left:auto}.voice-tile-watch{display:inline-flex;align-items:center;gap:4px;margin-left:auto;background:var(--cyan-soft);border:1px solid rgba(6,212,224,.32);color:var(--cyan);font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--r-full);cursor:pointer;transition:background var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.voice-tile-watch:hover{background:#06d4e038;transform:translateY(-1px)}.voice-grid-rail .voice-tile-watch+.badges{margin-left:4px}.voice-badge.sharing{color:var(--cyan)}.share-toast{position:fixed;top:64px;left:50%;transform:translate(-50%);background:var(--bg-overlay);border:1px solid var(--accent);border-radius:var(--r-full);padding:6px 14px;font-size:12px;font-weight:500;color:var(--text-primary);z-index:80;box-shadow:var(--shadow-md);animation:vh-fade-in .16s var(--ease);pointer-events:none}.modal.screen-picker{max-width:760px}.screen-picker-title-icon{margin-right:var(--s-2);vertical-align:-2px;color:var(--accent)}.screen-picker-tabs{margin-bottom:var(--s-2)}.screen-picker-grid-wrap{min-height:240px;max-height:360px;overflow-y:auto;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:var(--s-3)}.screen-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--s-3)}.screen-picker-cell{display:flex;flex-direction:column;gap:var(--s-2);padding:var(--s-2);background:transparent;border:1px solid var(--border-subtle);border-radius:var(--r-md);cursor:pointer;text-align:left;color:var(--text-primary);transition:border-color var(--t-fast) var(--ease),background var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.screen-picker-cell:hover{background:var(--bg-raised);border-color:var(--border-default)}.screen-picker-cell.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent)}.screen-picker-thumb{aspect-ratio:16 / 9;border-radius:var(--r-sm);overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}.screen-picker-thumb img{display:block;width:100%;height:100%;object-fit:cover}.screen-picker-thumb-placeholder{color:var(--text-muted)}.screen-picker-name{font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-picker-options{display:flex;align-items:end;gap:var(--s-4);margin-top:var(--s-3)}.screen-picker-opt{display:flex;flex-direction:column;gap:var(--s-1);flex:1}.screen-picker-opt .tiny{color:var(--text-muted)}.screen-picker-audio{flex:0 0 auto;flex-direction:row;align-items:center;gap:var(--s-2);padding-bottom:6px;cursor:pointer;user-select:none}.screen-picker-audio input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.screen-picker-actions{display:flex;justify-content:flex-end;gap:var(--s-2);margin-top:var(--s-3)}.empty-state-inline{min-height:160px;padding:var(--s-6)}.screen-perm{display:flex;gap:var(--s-4);align-items:flex-start;padding:var(--s-4) var(--s-2) var(--s-2)}.screen-perm-icon{width:48px;height:48px;border-radius:var(--r-md);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0}.screen-perm-body{flex:1;min-width:0}.screen-perm-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:var(--s-2)}.screen-perm-text{color:var(--text-secondary);font-size:13px;line-height:1.55;margin-bottom:var(--s-3)}.screen-perm-text strong{color:var(--text-primary);font-weight:600}.screen-perm-actions{display:flex;gap:var(--s-2)}.screen-perm-hint{margin-top:var(--s-3);color:var(--text-muted);font-size:12px;font-style:italic}.voice-badge{width:26px;height:26px;background:#07070cb3;backdrop-filter:blur(4px);border:1px solid rgba(0,0,0,.4)}.voice-badge.muted,.voice-badge.deafened{color:var(--danger)}.voice-badge.muted.server-muted,.voice-badge.deafened.server-muted{color:#fff;background:#dc2626d9;border-color:#dc2626f2}.voice-status-actions .btn-icon.is-locked{opacity:.7;cursor:not-allowed}.move-member-menu-divider{height:1px;background:var(--border);margin:var(--s-1) 0}.mod-action-target{margin:var(--s-2) 0;padding:var(--s-2);background:#ffffff08;border-radius:6px}.modal-actions{display:flex;justify-content:flex-end;gap:var(--s-2);margin-top:var(--s-3)}.active-mutes-list{display:flex;flex-direction:column;gap:var(--s-2)}.active-mute-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2);background:#ffffff08;border-radius:6px}.active-mute-row-meta{display:flex;flex-direction:column;flex:1;min-width:0}.active-mute-row-badges{display:flex;gap:var(--s-1);flex-wrap:wrap}.active-mute-row-badges .badge{font-size:11px;padding:2px 8px}.active-mute-row-actions{display:flex;gap:var(--s-1);flex-shrink:0}.voice-bar .controls .btn{gap:var(--s-2);padding:8px 14px}.voice-bar .controls .btn.btn-icon{padding:8px;width:38px;height:38px}.voice-bar .controls .btn.toggled .ico{color:var(--accent)}.voice-settings-wrap{position:relative}.voice-settings-label{font-size:11px;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--s-1)}.voice-settings-modes{display:flex;gap:var(--s-1);margin-bottom:var(--s-3)}.voice-settings-ptt-hint,.voice-settings-select{margin-bottom:var(--s-3)}.share-audio-warning{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid rgba(245,158,11,.32);background:#f59e0b24;color:var(--text-primary);border-radius:var(--r-md);font-size:12px}.share-audio-warning-head strong{font-weight:600;margin-right:4px}.share-audio-warning-reason{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.share-audio-warning-fixes{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:4px;color:var(--text-secondary);font-size:12px}.share-audio-warning-fixes li{line-height:1.4}.share-audio-warning-actions{display:flex;gap:8px;margin-top:2px;align-items:center}.share-audio-diagnose{width:100%;max-height:200px;overflow:auto;background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--r-sm);padding:8px 10px;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);margin:6px 0 0;white-space:pre}.latency-dot{display:inline-block;width:6px;height:6px;border-radius:var(--r-full);background:var(--success);box-shadow:0 0 6px var(--success)}.latency-mode{margin-left:var(--s-2);color:var(--text-muted)}.composer-send{background:transparent;color:var(--text-muted);transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.composer-send.is-active{background:linear-gradient(135deg,var(--accent),var(--cyan));color:#fff;box-shadow:0 4px 12px #8b5cf659}.composer-send.is-active:hover{transform:translateY(-1px)}.composer-send:disabled{opacity:1;cursor:default}.btn-icon-leading{display:inline-block;width:14px;text-align:center;font-weight:700}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);padding:var(--s-8);text-align:center;color:var(--text-secondary)}.empty-state-title{font-size:16px;font-weight:600;color:var(--text-primary)}.empty-state-body{color:var(--text-muted);font-size:13px;max-width:320px}.loader-dots{display:inline-flex;gap:4px}.loader-dots span{width:6px;height:6px;border-radius:var(--r-full);background:var(--accent);animation:vh-loader-blink 1.1s var(--ease) infinite;opacity:.4}.loader-dots span:nth-child(2){animation-delay:.18s}.loader-dots span:nth-child(3){animation-delay:.36s}@keyframes vh-loader-blink{0%,60%,to{opacity:.25;transform:scale(1)}30%{opacity:1;transform:scale(1.25)}}.voice-tile .badges .ico{display:block}.voice-status{display:flex;align-items:center;gap:6px;padding:8px 10px;background:var(--bg-raised);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);flex-shrink:0;-webkit-app-region:no-drag}.voice-status-info{flex:1;min-width:0;display:flex;align-items:center;gap:8px;background:transparent;border:0;padding:4px 6px;border-radius:var(--r-sm);cursor:pointer;text-align:left;color:var(--text-primary);transition:background var(--t-fast) var(--ease)}.voice-status-info:hover{background:var(--bg-overlay)}.voice-status-dot{width:8px;height:8px;border-radius:var(--r-full);background:var(--success);box-shadow:0 0 8px var(--success);flex-shrink:0}.voice-status-connecting .voice-status-dot{background:var(--warning);box-shadow:0 0 8px var(--warning);animation:vh-loader-blink 1.1s var(--ease) infinite}.voice-status-text{display:flex;flex-direction:column;line-height:1.15;min-width:0;flex:1}.voice-status-channel{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--success);min-width:0}.voice-status-channel-icon{flex-shrink:0}.voice-status-channel-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.voice-status-connecting .voice-status-channel{color:var(--warning)}.voice-status-group{font-size:11px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-status-actions{display:flex;gap:2px;flex-shrink:0}.voice-status-actions .btn-icon{width:28px;height:28px;padding:4px}.voice-status-actions .btn-icon.is-on{color:var(--danger)}.voice-status-actions .voice-status-leave{color:var(--danger);background:transparent}.voice-status-actions .voice-status-leave:hover{background:var(--danger-soft);color:var(--danger)}ul.voice-occupants{list-style:none;padding:0;margin:2px 0 6px 22px;display:flex;flex-direction:column;gap:2px}.voice-occupant-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-channel-count{font-size:10px;font-weight:600;color:var(--text-muted);background:var(--bg-raised);border-radius:var(--r-full);padding:1px 7px;min-width:18px;text-align:center}.channel.active .voice-channel-count{background:var(--accent);color:#fff}.messages-older{text-align:center;padding:6px 0;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.auth-card-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);min-height:200px}.banner-aurora{background:linear-gradient(120deg,#00c9a7,#1f8fff 55%,#7c4dff)}.banner-sunset{background:linear-gradient(120deg,#ff8a3c,#ff4d8d 55%,#a64dff)}.banner-ocean{background:linear-gradient(120deg,#1fa2ff,#12d8fa 55%,#1f4fd8)}.banner-ember{background:linear-gradient(120deg,#f83600,#fe8c00 55%,#5a1a00)}.banner-grape{background:linear-gradient(120deg,#8e2de2,#e052a0 55%,#4a00e0)}.banner-mono{background:linear-gradient(120deg,#3a3f47,#6b7280 55%,#1c1f24)}.profile-banner-image{background-size:cover;background-position:center;background-repeat:no-repeat;background-color:var(--bg-raised)}.cosmetic-banner-actions{display:flex;align-items:center;gap:var(--s-2);flex-wrap:wrap}.avatar-ring-solid{box-shadow:0 0 0 2px var(--avatar-accent, var(--accent))}.avatar-ring-glow{box-shadow:0 0 0 2px var(--avatar-accent, var(--accent)),0 0 12px 0 var(--avatar-accent, var(--accent))}.avatar-ring-gradient:before{content:"";position:absolute;inset:-3px;border-radius:var(--r-full);padding:3px;background:conic-gradient(from 120deg,var(--avatar-accent, var(--accent)),#ffffffd0,var(--avatar-accent, var(--accent)));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}.account-card{position:relative;padding-top:68px}.account-card-cover{position:absolute;top:0;left:0;right:0;height:52px;border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--bg-raised)}.cosmetic-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-3) 0;border-top:1px solid var(--border-subtle)}.cosmetic-row:first-of-type{border-top:0}.cosmetic-row-stack{flex-direction:column;align-items:stretch}.cosmetic-label-title{font-size:13.5px;font-weight:500;color:var(--text-primary)}.cosmetic-label-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.cosmetic-accent{display:flex;align-items:center;gap:var(--s-2)}.cosmetic-level{display:flex;align-items:center;gap:var(--s-3)}.cosmetic-level-slider{flex:1;accent-color:var(--accent);cursor:pointer}.cosmetic-level-value{font-size:13px;font-weight:700;min-width:52px;text-align:right}.cosmetic-color{width:44px;height:32px;padding:0;border:1px solid var(--border-subtle);border-radius:var(--r-sm);background:none;cursor:pointer}.cosmetic-color::-webkit-color-swatch-wrapper{padding:3px}.cosmetic-color::-webkit-color-swatch{border:none;border-radius:3px}.cosmetic-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--s-2)}.cosmetic-swatch{position:relative;height:44px;border-radius:var(--r-sm);border:1px solid var(--border-subtle);cursor:pointer;overflow:hidden;display:flex;align-items:flex-end;padding:4px 6px}.cosmetic-swatch-none{background:var(--bg-raised)}.cosmetic-swatch.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.cosmetic-swatch-label{font-size:11px;font-weight:600;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.55)}.cosmetic-swatch-none .cosmetic-swatch-label{color:var(--text-muted);text-shadow:none}.cosmetic-segmented{display:inline-flex;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--r-sm);overflow:hidden}.cosmetic-seg{padding:6px 12px;font-size:12.5px;background:transparent;border:0;color:var(--text-secondary);cursor:pointer;border-left:1px solid var(--border-subtle)}.cosmetic-seg:first-child{border-left:0}.cosmetic-seg:hover{background:var(--bg-raised)}.cosmetic-seg.active{background:var(--accent);color:#fff}.cosmetic-bio{resize:vertical;min-height:64px;line-height:1.5}.pbadge{position:relative;display:inline-flex;align-items:center;gap:.42em;font-weight:800;text-transform:uppercase;color:#fff;white-space:nowrap;border-radius:var(--r-full);background-color:#4c1d95;background-image:linear-gradient(180deg,#ffffff57,#fff0 52%),var(--pbadge-grad, linear-gradient(135deg, #6d28d9, #a855f7));overflow:hidden;isolation:isolate;vertical-align:middle;text-shadow:0 1px 2px rgba(0,0,0,.5);animation:pbadge-glow 2.6s ease-in-out infinite}.pbadge-chip{font-size:8.5px;letter-spacing:.06em;padding:2px 8px}.pbadge-plaque{font-size:12px;letter-spacing:.13em;padding:7px 16px}.pbadge-art{position:absolute;inset:0;z-index:1;width:100%;height:100%;pointer-events:none}.pbadge-glyph{position:relative;z-index:4;display:inline-flex;width:1.18em;height:1.18em;filter:drop-shadow(0 0 3px rgba(255,255,255,.55))}.pbadge-glyph svg{width:100%;height:100%;display:block}.pbadge-text{position:relative;z-index:4;line-height:1}.pbadge-sheen{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(110deg,transparent 25%,rgba(255,255,255,.6) 50%,transparent 75%);transform:translate(-120%);animation:pbadge-sheen-sweep 2.8s ease-in-out infinite}.pbadge-spark{position:absolute;z-index:3;width:3px;height:3px;border-radius:50%;background:#fff;box-shadow:0 0 5px 1px #fff;opacity:0;pointer-events:none}.pbadge-spark-a{top:22%;left:14%;animation:pbadge-spark 2s ease-in-out infinite}.pbadge-spark-b{bottom:24%;right:16%;animation:pbadge-spark 2s ease-in-out infinite 1s}.pbadge-chip .pbadge-spark{display:none}@keyframes pbadge-glow{0%,to{box-shadow:0 0 6px -1px var(--pbadge-glow, #a855f7),inset 0 0 0 1px #ffffff29,inset 0 -3px 6px #00000047}50%{box-shadow:0 0 17px 1px var(--pbadge-glow, #a855f7),inset 0 0 0 1px #ffffff47,inset 0 -3px 6px #00000047}}@keyframes pbadge-sheen-sweep{0%{transform:translate(-120%)}60%,to{transform:translate(220%)}}@keyframes pbadge-spark{0%,68%,to{opacity:0;transform:scale(.4)}80%{opacity:1;transform:scale(1.35)}90%{opacity:.6;transform:scale(.9)}}@keyframes pbadge-holo{0%{background-position:0% 0%,0% 50%}to{background-position:0% 0%,300% 50%}}.pbadge-voider{--pbadge-grad: linear-gradient(135deg, #7c3aed, #a855f7 45%, #4c1d95);--pbadge-glow: #a855f7}.pbadge-supporter{--pbadge-grad: linear-gradient(135deg, #fde047, #f59e0b 45%, #f97316 75%, #fbbf24);--pbadge-glow: #f59e0b}.pbadge-admin{--pbadge-grad: linear-gradient(135deg, #f87171, #dc2626 50%, #991b1b);--pbadge-glow: #ef4444}.pbadge-moderator{--pbadge-grad: linear-gradient(135deg, #60a5fa, #2563eb 50%, #1d4ed8);--pbadge-glow: #3b82f6}.pbadge-early{--pbadge-grad: linear-gradient(135deg, #34d399, #059669 50%, #047857);--pbadge-glow: #10b981}.pbadge-founder{--pbadge-grad: linear-gradient(120deg, #ff6ec4, #7873f5, #4ade80, #ffd23f, #ff6ec4);--pbadge-glow: #c77dff;background-size:auto,300% 300%;animation:pbadge-glow 2.6s ease-in-out infinite,pbadge-holo 7s linear infinite}.pbadge-row{display:inline-flex;align-items:center;gap:5px;vertical-align:middle}.pbadge-row-plaque{display:flex;flex-wrap:wrap;gap:8px}.profile-card-name-row,.account-card-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-card-badges,.profile-card-level{margin-top:var(--s-3)}.level-card{display:flex;flex-direction:column;gap:6px;padding:var(--s-3);background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--r-md)}.level-card-head{display:flex;justify-content:space-between;align-items:baseline}.level-card-cur{font-size:12.5px;font-weight:700;color:var(--text-primary)}.level-card-next{font-size:11px;color:var(--text-muted)}.level-card-bar{height:7px;border-radius:var(--r-full);background:var(--bg-raised);overflow:hidden}.level-card-fill{height:100%;background:var(--accent);border-radius:var(--r-full);transition:width .22s var(--ease-out)}.level-card-foot{font-size:11px;color:var(--text-muted)}.cosmetic-level-stack{display:flex;flex-direction:column;gap:var(--s-3)}.level-tiers{display:flex;flex-direction:column;gap:2px}.level-tier{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--r-sm)}.level-tier:not(.reached){opacity:.5}.level-tier.current{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.level-tier-swatch{width:18px;height:18px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffff29}.level-tier-meta{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.level-tier-name{font-size:13px;font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.level-tier-range{font-size:11px;color:var(--text-muted)}.level-tier-xp{font-size:11px;color:var(--text-secondary);white-space:nowrap}.level-tier-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:var(--r-full);background:var(--bg-raised);color:var(--text-muted);white-space:nowrap}.level-tier-tag.current{background:var(--accent);color:#fff}.level-history{display:flex;flex-direction:column;gap:2px;list-style:none;margin:0;padding:0}.level-history-row{display:flex;align-items:baseline;gap:var(--s-3);padding:var(--s-2) var(--s-1)}.level-history-row:not(:last-child){border-bottom:1px solid var(--border-subtle)}.level-history-level{font-weight:600;font-size:13px;color:var(--text-primary);min-width:86px}.level-history-xp{font-size:12px;color:var(--text-secondary)}.level-history-when{margin-left:auto;font-size:12px;color:var(--text-muted);white-space:nowrap}.server-tier-intro{margin-bottom:var(--s-3);line-height:1.5}.server-bitrate-block{margin-top:var(--s-4);padding-top:var(--s-3);border-top:1px solid var(--c-border)}.server-bitrate-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-2);margin-bottom:var(--s-1)}.server-bitrate-title{font-weight:600}.server-bitrate-intro{margin-bottom:var(--s-2)}.server-tier-list{display:flex;flex-direction:column;gap:var(--s-2)}.server-tier-card{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;padding:var(--s-3);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--r-md);cursor:pointer}.server-tier-card:hover:not(:disabled):not(.active){border-color:var(--border-strong)}.server-tier-card.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-base))}.server-tier-card:disabled{cursor:default}.server-tier-head{display:flex;align-items:center;gap:var(--s-2)}.server-tier-name{font-weight:600;font-size:14px;color:var(--text-primary)}.server-tier-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 7px;border-radius:var(--r-full);background:var(--accent);color:#fff}.bitrate-popover{position:absolute;top:calc(100% + 6px);right:0;width:240px;padding:var(--s-3);background:var(--bg-raised);border:1px solid var(--border-default);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);z-index:50}.bitrate-popover-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:var(--s-2)}.bitrate-steps{display:flex;flex-direction:column;gap:2px}.bitrate-step{display:flex;align-items:center;gap:var(--s-2);width:100%;text-align:left;padding:6px 8px;background:transparent;border:1px solid transparent;border-radius:var(--r-sm);color:var(--text-secondary);cursor:pointer}.bitrate-step:hover:not(:disabled):not(.active){background:var(--bg-base)}.bitrate-step.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-raised));color:var(--text-primary)}.bitrate-step.locked{opacity:.5;cursor:default}.bitrate-step-kbps{font-weight:600;font-size:13px}.bitrate-step-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:1px 6px;border-radius:var(--r-full);background:var(--bg-base);color:var(--text-muted)}.bitrate-step-tag.current{margin-left:auto;background:var(--accent);color:#fff}.bitrate-step-tag.locked{margin-left:auto}.bitrate-popover-foot{margin-top:var(--s-2);padding-top:var(--s-2);border-top:1px solid var(--border-subtle)}.bitrate-popover-error{margin-top:4px;color:var(--danger)}.level-fx-glow{text-shadow:0 0 5px currentColor,0 0 11px currentColor}.level-fx-fire{animation:level-fx-fire 1.3s ease-in-out infinite alternate}@keyframes level-fx-fire{0%{text-shadow:0 -1px 4px #ff8c00,0 -2px 9px #ff5e00,0 -3px 15px #ff2200}to{text-shadow:0 -2px 6px #ffb300,0 -3px 13px #ff7300,0 -6px 22px #ff3c00}}.level-fx-futuristic{animation:level-fx-futuristic 2.2s ease-in-out infinite}@keyframes level-fx-futuristic{0%,to{text-shadow:0 0 4px #00e5ff,0 0 10px #0091ea}50%{text-shadow:0 0 8px #ffffff,0 0 17px #00e5ff,0 0 26px #2979ff}}.level-fx-flash{animation:level-fx-flash .7s ease-in-out infinite}@keyframes level-fx-flash{0%,to{filter:brightness(1);text-shadow:0 0 5px currentColor}50%{filter:brightness(1.7);text-shadow:0 0 15px currentColor,0 0 6px #fff}}.levelup-burst{position:fixed;inset:0;z-index:9999;pointer-events:none}.col-members-head{padding:var(--s-2) var(--s-3);border-bottom:1px solid var(--border-subtle)}.members-leaderboard-btn{width:100%;justify-content:flex-start;gap:var(--s-2)}.leaderboard{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.leaderboard-row{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);border-radius:var(--r-sm)}.leaderboard-row.me{background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.leaderboard-rank{width:24px;flex-shrink:0;text-align:center;font-weight:800;font-size:13px;color:var(--text-muted)}.leaderboard-row.top-1 .leaderboard-rank{color:#f1c40f}.leaderboard-row.top-2 .leaderboard-rank{color:#c0c0c8}.leaderboard-row.top-3 .leaderboard-rank{color:#cd7f32}.leaderboard-name{flex:1;min-width:0;font-weight:600;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-level{font-size:11px;font-weight:700;color:var(--text-secondary);white-space:nowrap}.leaderboard-xp{min-width:64px;text-align:right;font-size:11px;color:var(--text-muted);white-space:nowrap}.user-name-has-badges{display:inline-flex;align-items:center;gap:5px;max-width:100%;min-width:0;vertical-align:bottom}.user-name-has-badges .user-name-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.user-name-has-badges .pbadge-row{flex-shrink:0}.badge-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--s-3)}.badge-picker-item{display:flex;align-items:center;justify-content:center;padding:var(--s-3);background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--r-md);cursor:pointer;opacity:.5;filter:grayscale(.7);transition:opacity .12s,filter .12s,border-color .12s,box-shadow .12s}.badge-picker-item:hover{opacity:.85}.badge-picker-item.active{opacity:1;filter:none;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.avatar-deco{position:absolute;inset:-22%;z-index:2;pointer-events:none;overflow:visible}.avatar-deco .deco-spin,.avatar-deco .deco-spin-slow,.avatar-deco .deco-sway{transform-box:view-box;transform-origin:50% 50%}.avatar-deco .deco-spin{animation:deco-spin 14s linear infinite}.avatar-deco .deco-spin-slow{animation:deco-spin 34s linear infinite}.avatar-deco .deco-sway{animation:deco-sway 5s ease-in-out infinite}@keyframes deco-spin{to{transform:rotate(360deg)}}@keyframes deco-sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.avatar-deco-flames .deco-flame{animation:deco-flicker 1.4s ease-in-out infinite}.avatar-deco-flames .deco-spin-slow>g:nth-child(2n) .deco-flame{animation-delay:-.6s;animation-duration:1.1s}.avatar-deco-flames .deco-spin-slow>g:nth-child(3n) .deco-flame{animation-delay:-1s;animation-duration:1.7s}@keyframes deco-flicker{0%,to{opacity:.6}50%{opacity:1}}.avatar-deco-frost .deco-twinkle{animation:deco-twinkle 2.4s ease-in-out infinite}.avatar-deco-frost .deco-twinkle-b{animation:deco-twinkle 2.4s ease-in-out infinite -1.2s}@keyframes deco-twinkle{0%,to{opacity:.45}50%{opacity:1}}.avatar-deco-neon{filter:drop-shadow(0 0 2.5px #00e5ff) drop-shadow(0 0 5px rgba(213,0,249,.7))}.avatar-deco-neon .deco-neon-pulse{animation:deco-twinkle 1.8s ease-in-out infinite}.deco-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:var(--s-3)}.deco-picker-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:var(--s-3);background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--r-md);cursor:pointer;transition:border-color .12s,box-shadow .12s,background .12s}.deco-picker-item:hover{background:var(--bg-raised)}.deco-picker-item.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.deco-picker-label{font-size:11px;color:var(--text-secondary)}.deco-picker-item.active .deco-picker-label{color:var(--text-primary)}.profile-effect{position:absolute;inset:0;z-index:5;overflow:hidden;border-radius:inherit;pointer-events:none}.pe-particle{position:absolute;top:0;animation-iteration-count:infinite}@keyframes pe-fall{0%{top:-14%;transform:translate(-5px);opacity:0}10%{opacity:1}50%{transform:translate(5px)}90%{opacity:1}to{top:114%;transform:translate(-5px);opacity:0}}@keyframes pe-fall-spin{0%{top:-14%;transform:rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{top:114%;transform:rotate(540deg);opacity:0}}@keyframes pe-rise{0%{top:114%;transform:scale(1);opacity:0}15%{opacity:1}80%{opacity:.85}to{top:-14%;transform:scale(.4);opacity:0}}@keyframes pe-twinkle{0%,to{transform:scale(.2);opacity:0}50%{transform:scale(1);opacity:1}}.profile-effect-snow .pe-particle{width:5px;height:5px;border-radius:50%;background:#ffffffeb;box-shadow:0 0 3px #ffffff8c;animation-name:pe-fall;animation-timing-function:ease-in-out}.profile-effect-confetti .pe-particle{width:5px;height:8px;border-radius:1px;animation-name:pe-fall-spin;animation-timing-function:linear}.profile-effect-confetti .pe-particle:nth-child(5n+1){background:#ff5ca0}.profile-effect-confetti .pe-particle:nth-child(5n+2){background:#5ec8ff}.profile-effect-confetti .pe-particle:nth-child(5n+3){background:#ffd23f}.profile-effect-confetti .pe-particle:nth-child(5n+4){background:#5effa0}.profile-effect-confetti .pe-particle:nth-child(5n){background:#c77dff}.profile-effect-embers .pe-particle{width:4px;height:4px;border-radius:50%;background:#ff9d3c;box-shadow:0 0 5px 1px #ff6d00d9;animation-name:pe-rise;animation-timing-function:ease-out}.profile-effect-sparkles .pe-particle{width:11px;height:11px;color:#fff4c2;filter:drop-shadow(0 0 2px rgba(255,240,170,.8));animation-name:pe-twinkle;animation-timing-function:ease-in-out}.profile-effect-hearts .pe-particle{width:12px;height:11px;color:#ff6b9d;filter:drop-shadow(0 0 2px rgba(255,107,157,.5));animation-name:pe-rise;animation-timing-function:linear}.profile-effect-sparkles .pe-particle svg,.profile-effect-hearts .pe-particle svg{width:100%;height:100%;display:block}.effect-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--s-3)}.effect-picker-item{display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:0 0 6px;background:var(--bg-base);border:1px solid var(--border-subtle);border-radius:var(--r-md);cursor:pointer;overflow:hidden;transition:border-color .12s,box-shadow .12s}.effect-picker-item.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.effect-picker-stage{position:relative;display:block;height:58px;background:linear-gradient(160deg,var(--bg-elevated),var(--bg-raised))}.effect-picker-label{font-size:11px;color:var(--text-secondary);text-align:center}.effect-picker-item.active .effect-picker-label{color:var(--text-primary)}.roles-tab{display:flex;flex-direction:column;gap:var(--s-3)}.roles-tab-intro{line-height:1.5}.roles-tab-grid{display:grid;grid-template-columns:minmax(220px,280px) 1fr;gap:var(--s-3);min-height:320px}.roles-list{display:flex;flex-direction:column;gap:4px;padding:var(--s-2);border:1px solid var(--border-subtle);border-radius:var(--r-sm);background:var(--bg-elevated)}.roles-list-header{display:flex;justify-content:flex-end;padding-bottom:var(--s-1);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--s-1)}.role-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--r-sm);cursor:pointer;user-select:none;transition:background var(--t-fast) var(--ease)}.role-row:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.role-row-active{background:color-mix(in srgb,var(--accent) 15%,transparent)}.role-row-dragging{opacity:.4}.role-row-drop-over{outline:2px solid var(--accent);outline-offset:-2px}.role-row-new{display:flex;align-items:center;gap:6px;padding:6px;background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:var(--r-sm)}.role-row-name{flex:1;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-row-tag{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:2px 6px;border:1px solid var(--border-subtle);border-radius:var(--r-full)}.role-color-dot{width:12px;height:12px;border-radius:var(--r-full);background:var(--text-muted);flex-shrink:0}.role-icon{display:inline-block;width:14px;height:14px;font-size:14px;line-height:1;text-align:center;flex-shrink:0}.role-chip-icon{display:inline-block;font-size:12px;line-height:1;flex-shrink:0}.role-editor-icon-row{display:flex;align-items:center;gap:var(--s-2)}.role-icon-input{width:160px;font-size:18px}.role-members-panel{display:flex;flex-direction:column;gap:var(--s-2)}.role-members-list{display:flex;flex-direction:column;gap:2px;max-height:220px;overflow-y:auto}.role-member-row{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:var(--r-sm)}.role-member-row:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.role-member-name{flex:1;font-size:13px}.role-members-add-menu{min-width:240px;max-height:280px}.role-members-empty{padding:6px 10px}.test-access-picker{display:flex;flex-direction:column;gap:6px;max-width:420px}.test-access-results{display:flex;flex-direction:column;gap:var(--s-3)}.test-access-meta{display:flex;align-items:center;gap:var(--s-2);padding:6px 0}.test-access-row{cursor:default}.test-access-mark{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm);flex-shrink:0;font-size:13px}.test-access-mark.is-allow{background:#3cb46452;color:#b6f0ca}.test-access-mark.is-deny{background:#dc464652;color:#ffc1c1}.audit-log-list{display:flex;flex-direction:column;gap:2px}.audit-log-row{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);padding:8px 10px;border-bottom:1px solid var(--border-subtle)}.audit-log-meta{display:flex;align-items:baseline;gap:var(--s-2);flex-wrap:wrap;flex:1;font-size:13px}.audit-log-actor{font-weight:600;color:var(--text-primary)}.audit-log-action{font-family:var(--font-mono, monospace);font-size:12px;color:var(--accent);padding:1px 6px;background:var(--accent-soft);border-radius:var(--r-xs)}.audit-log-when{font-variant-numeric:tabular-nums;flex-shrink:0}.tooltip{z-index:10000;max-width:280px;padding:8px 10px;background:var(--bg-elevated, #111118);color:var(--text-primary, #e5e7eb);border:1px solid var(--border, rgba(255, 255, 255, .08));border-radius:6px;box-shadow:0 8px 24px #00000073;font-size:12.5px;line-height:1.4;pointer-events:none;animation:tooltipFadeIn .12s ease-out}.tooltip .tooltip-title{font-weight:600;font-size:13px;color:var(--text-primary);margin-bottom:2px}.tooltip .tooltip-meta{display:flex;gap:var(--s-2);color:var(--text-secondary, #9ca3af);font-size:11.5px;margin-top:4px}.tooltip .tooltip-section+.tooltip-section{margin-top:6px;padding-top:6px;border-top:1px solid var(--border)}.tooltip kbd{display:inline-block;padding:1px 5px;margin-left:6px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:3px;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary)}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-pulse{0%{opacity:.45}50%{opacity:.85}to{opacity:.45}}.skeleton{display:inline-block;background:linear-gradient(90deg,#ffffff0f,#ffffff1a,#ffffff0f);background-size:200% 100%;animation:skeleton-pulse 1.4s ease-in-out infinite}.skeleton-rounded-sm{border-radius:4px}.skeleton-rounded-md{border-radius:8px}.skeleton-rounded-full{border-radius:999px}.skeleton-channel-row{display:flex;align-items:center;gap:8px;padding:8px 12px}.skeleton-msg-row{display:flex;align-items:flex-start;gap:var(--s-3);padding:6px 16px}.messages-skeleton{padding:var(--s-4) 0;display:flex;flex-direction:column;gap:var(--s-3)}.skeleton-msg-rest{display:flex;flex-direction:column;gap:6px;flex:1}.skeleton-member-row{display:flex;align-items:center;gap:8px;padding:6px 8px}.empty-state-v2{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);padding:var(--s-6) var(--s-4);text-align:center;color:var(--text-secondary)}.empty-state-v2.empty-state-compact{padding:var(--s-3) var(--s-2)}.empty-state-v2 .empty-state-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:#ffffff0a;margin-bottom:var(--s-1);color:var(--text-muted)}.empty-state-v2 .empty-state-icon .ico{width:28px;height:28px}.empty-state-v2 .empty-state-title{font-size:15px;font-weight:600;color:var(--text-primary)}.empty-state-v2 .empty-state-hint{font-size:13px;max-width:380px;line-height:1.5}.empty-state-v2 .empty-state-action{margin-top:var(--s-2)}.role-color-swatch{width:28px;height:28px;padding:0;border:1px solid var(--border-subtle);border-radius:var(--r-sm);background:transparent;cursor:pointer}.role-color-swatch-large{width:44px;height:32px}.role-detail{padding:var(--s-3);border:1px solid var(--border-subtle);border-radius:var(--r-sm);background:var(--bg-elevated)}.role-editor{display:flex;flex-direction:column;gap:var(--s-3)}.role-editor-section{display:flex;flex-direction:column;gap:6px}.role-editor-label{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.role-editor-color-row{display:flex;align-items:center;gap:var(--s-2)}.role-editor-actions{display:flex;justify-content:flex-end}.role-editor-note{padding:var(--s-2);background:color-mix(in srgb,var(--accent) 8%,transparent);border-radius:var(--r-sm)}.role-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--r-full);background:var(--bg-elevated-2, rgba(255, 255, 255, .06));font-size:11px;color:var(--text-secondary);border:1px solid var(--border-subtle);white-space:nowrap}.role-chip-dot{width:8px;height:8px;border-radius:var(--r-full);background:var(--text-muted);flex-shrink:0}.role-chips{display:inline-flex;flex-wrap:wrap;gap:4px}.settings-member-roles{margin-top:4px}.role-chip-x{background:transparent;border:0;color:currentColor;cursor:pointer;font-size:14px;line-height:1;padding:0 2px;opacity:.65}.role-chip-x:hover{opacity:1}.role-chip-add{cursor:pointer;border-style:dashed}.role-chip-add:hover{background:var(--bg-elevated-2, rgba(255, 255, 255, .08))}.role-chip-add-wrap{position:relative;display:inline-block}.role-chip-add-menu{position:absolute;top:100%;left:0;margin-top:4px;min-width:160px;max-height:240px;overflow-y:auto;background:var(--bg-overlay, var(--bg-elevated));border:1px solid var(--border-subtle);border-radius:var(--r-sm);box-shadow:var(--shadow-overlay, 0 6px 24px rgba(0, 0, 0, .35));padding:4px;z-index:50}.role-chip-add-item{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;border:0;background:transparent;font-size:13px;text-align:left;cursor:pointer;border-radius:var(--r-sm);color:var(--text-primary)}.role-chip-add-item:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.role-perm-grid{display:flex;flex-direction:column;gap:var(--s-3)}.role-perm-section{display:flex;flex-direction:column;gap:2px}.role-perm-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding-bottom:4px;border-bottom:1px solid var(--border-subtle);margin-bottom:4px}.role-perm-row{display:flex;align-items:flex-start;gap:10px;padding:6px 8px;border-radius:var(--r-sm);cursor:pointer}.role-perm-row:hover{background:color-mix(in srgb,var(--accent) 6%,transparent)}.role-perm-row input[type=checkbox]{margin-top:3px;flex-shrink:0}.role-perm-meta{display:flex;flex-direction:column;gap:1px}.role-perm-name{font-size:13px;color:var(--text-primary)}.override-tri-state{display:inline-flex;border-radius:var(--r-sm);overflow:hidden;background:var(--bg-elevated-2, rgba(255, 255, 255, .04))}.override-tri-cell{width:30px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;color:var(--text-muted);background:transparent;font-size:14px;line-height:1;border-right:1px solid var(--border-subtle)}.override-tri-cell:last-child{border-right:0}.override-tri-cell:hover{background:color-mix(in srgb,var(--accent) 10%,transparent)}.override-tri-cell.is-allow.is-active{background:#3cb46452;color:#b6f0ca}.override-tri-cell.is-deny.is-active{background:#dc464652;color:#ffc1c1}.override-tri-cell.is-inherit.is-active{background:#ffffff0f;color:var(--text-primary)}.modal-wide{max-width:880px;width:92vw}.chan-perms-modal{max-height:86vh}.chan-perms-grid{display:grid;grid-template-columns:minmax(200px,240px) 1fr;gap:var(--s-3);min-height:360px}.chan-perms-roles{display:flex;flex-direction:column;gap:4px;padding:var(--s-2);border:1px solid var(--border-subtle);border-radius:var(--r-sm);background:var(--bg-elevated)}.chan-perms-roles-label{padding:4px 8px;border-bottom:1px solid var(--border-subtle);margin-bottom:4px}.chan-perms-matrix{padding:var(--s-3);border:1px solid var(--border-subtle);border-radius:var(--r-sm);background:var(--bg-elevated);overflow-y:auto}.chan-perms-matrix-intro{margin-bottom:var(--s-2);line-height:1.5}.chan-perms-matrix .role-perm-row{justify-content:space-between;cursor:default;gap:var(--s-2)}.channel-row-cog{background:transparent;border:0;cursor:pointer;color:var(--text-muted);padding:2px 4px;border-radius:var(--r-sm);opacity:0;transition:opacity var(--t-fast) var(--ease);margin-left:auto}.channel-row-wrap:hover .channel-row-cog,.channel-row-cog:focus-visible{opacity:1}.channel-row-cog:hover{background:var(--bg-elevated-2, rgba(255, 255, 255, .06));color:var(--text-primary)}.channel-overrides-dot{display:inline-block;width:6px;height:6px;border-radius:var(--r-full);background:var(--accent);margin-left:6px;vertical-align:middle;opacity:.85}.settings-page{position:fixed;inset:0;display:grid;grid-template-columns:240px 1fr;background:var(--bg-base);color:var(--text-primary);z-index:200}.settings-page-loading{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);font-size:14px}.settings-page-fallback{grid-template-columns:1fr}.settings-page-fallback-actions{display:flex;gap:var(--s-2);margin-top:var(--s-2)}.settings-page-nav{background:var(--bg-elevated);border-right:1px solid var(--border-subtle);padding:var(--s-4) var(--s-3);overflow-y:auto}.settings-page-nav-head{display:flex;flex-direction:column;gap:2px;padding:0 var(--s-2) var(--s-3);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--s-2)}.settings-page-nav-title{font-size:15px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-page-nav-list{display:flex;flex-direction:column;gap:2px}.settings-page-nav-link{display:block;padding:8px 10px;border-radius:var(--r-sm);text-decoration:none;color:var(--text-secondary);font-size:14px;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.settings-page-nav-link:hover{background:color-mix(in srgb,var(--accent) 8%,transparent);color:var(--text-primary)}.settings-page-nav-link.is-active{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--text-primary)}.settings-page-main{display:flex;flex-direction:column;overflow:hidden;padding:var(--s-4) var(--s-5)}.settings-page-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--s-3);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--s-4)}.settings-page-title{font-size:20px;font-weight:600;margin:0}.settings-page-close{margin-left:auto}.settings-page-body{flex:1;overflow-y:auto;padding-right:var(--s-2)}.settings-section{display:flex;flex-direction:column;gap:var(--s-3);max-width:720px}.settings-section-divider{border-top:1px solid var(--border-subtle);margin:var(--s-3) 0}.settings-section-danger-label{color:var(--c-danger, #e57676)}.settings-hint{display:flex;align-items:center;gap:8px;padding:var(--s-2) var(--s-3);background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:var(--r-sm);font-size:13px;color:var(--text-secondary)}.settings-hint a{color:var(--accent);text-decoration:underline}.settings-invite-row{display:flex;align-items:center;gap:var(--s-2);padding:8px 10px;border:1px solid var(--border-subtle);border-radius:var(--r-sm)}.settings-invite-code{display:flex;align-items:center;gap:6px;flex:1;font-family:var(--font-mono, monospace);font-size:13px}.chan-perms-inline .modal-backdrop{position:static;background:transparent;display:block}.chan-perms-inline .modal{box-shadow:none;background:transparent;padding:0;max-height:none;max-width:none;width:auto}.chan-perms-inline .modal-head{display:none}.chan-perms-inline .modal-body{padding:0}