@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;510;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg-rail:#15171c;--bg-sidebar:#1a1d23;--bg-base:#1e2128;--bg-surface:#242730;--bg-hover:#2b2f39;--bg-active:#333843;--bg-deepest:var(--bg-rail);--bg-deep:var(--bg-sidebar);--bg-dark:var(--bg-base);--bg-elevated:var(--bg-surface);--border-subtle:#ffffff0f;--border-default:#ffffff1a;--border-strong:#ffffff29;--text-primary:#f2f3f5;--text-secondary:#b5bac6;--text-muted:#8a8f9c;--text-faint:#5c6370;--text-accent:var(--accent-hover);--accent:#ff6b4a;--accent-hover:#ff8366;--accent-active:#e85a3b;--accent-subtle:#ff6b4a1f;--accent-blue:var(--accent);--accent-blue-light:var(--accent-hover);--status-online:#23a55a;--status-idle:#f0b232;--status-dnd:#f23f43;--status-offline:#80848e;--accent-green:var(--status-online);--accent-amber:var(--status-idle);--accent-red:var(--status-dnd);--accent-info:#4f9cf9;--accent-special:#9b8cf2;--accent-cyan:var(--accent-info);--accent-purple:var(--accent-special);--accent-pink:var(--accent-special);--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:12px;--radius-full:9999px;--shadow-float:0 8px 24px #00000073;--shadow-modal:0 16px 48px #0000008c;--shadow-sm:0 1px 2px #0000004d;--shadow-md:var(--shadow-float);--shadow-lg:var(--shadow-modal);--ease-standard:cubic-bezier(.2, 0, 0, 1);--duration-fast:.12s;--duration-normal:.18s;--duration-slow:.24s;--transition-fast:var(--duration-fast) var(--ease-standard);--transition-normal:var(--duration-normal) var(--ease-standard);--transition-slow:var(--duration-slow) var(--ease-standard);--font-display:"Space Grotesk", "Inter", -apple-system, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--tab-bar-height:60px}html[data-theme=midnight]{--bg-rail:#0b0d1a;--bg-sidebar:#10132a;--bg-base:#141833;--bg-surface:#1a1f3f;--bg-hover:#222850;--bg-active:#2a3160;--accent:#7c7cf8;--accent-hover:#9494fa;--accent-active:#6565e6;--accent-subtle:#7c7cf824}html[data-theme=amoled]{--bg-rail:#000;--bg-sidebar:#000;--bg-base:#0a0a0b;--bg-surface:#141416;--bg-hover:#1c1c1f;--bg-active:#26262a}html[data-theme=ocean]{--bg-rail:#0a1419;--bg-sidebar:#0e1b22;--bg-base:#12222b;--bg-surface:#172b36;--bg-hover:#1e3644;--bg-active:#254152;--accent:#2cc9d9;--accent-hover:#56d6e3;--accent-active:#1fb0bf;--accent-subtle:#2cc9d924}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{background:var(--bg-base);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}:where(button){color:inherit;font:inherit;cursor:pointer;appearance:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}h1,h2,h3,.font-display{font-family:var(--font-display);font-weight:600}@media (display-mode:standalone){html{min-height:min(100lvh, calc(100% + env(safe-area-inset-top,0px)))}}html[data-standalone]{min-height:min(100lvh, calc(100% + env(safe-area-inset-top,0px)))}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--bg-active)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-standard) forwards}.animate-slide-up{animation:slideUp var(--duration-slow) var(--ease-standard) forwards}.animate-slide-in{animation:slideIn var(--duration-normal) var(--ease-standard) forwards}.animate-spin{animation:1s linear infinite spin}.animate-pulse,.animate-glow,.animate-pop-in{animation:fadeIn var(--duration-normal) var(--ease-standard) forwards}.btn{border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast);-webkit-user-select:none;user-select:none;border:1px solid #0000;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;display:inline-flex}.btn:active{filter:brightness(.95)}.btn:focus-visible{box-shadow:0 0 0 2px var(--bg-base), 0 0 0 4px var(--accent)}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:active{background:var(--accent-active)}.btn-secondary{background:var(--bg-surface);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-strong)}.btn-danger{background:var(--status-dnd);color:#fff}.btn-danger:hover{background:#c6333a}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-sm{border-radius:var(--radius-sm);padding:6px 12px;font-size:12px}.btn-icon{border-radius:var(--radius-md);min-width:36px;min-height:36px;padding:8px}.input{background:var(--bg-rail);border:1px solid var(--border-default);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);outline:none;padding:10px 14px;font-family:inherit;font-size:14px}.input::placeholder{color:var(--text-muted)}.input:focus{border-color:var(--accent)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:16px}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.badge-blue{color:var(--accent-info);background:#4f9cf926}.badge-green{color:var(--status-online);background:#23a55a26}.badge-red{color:var(--status-dnd);background:#f23f4326}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:90%;max-width:500px;max-height:80vh;box-shadow:var(--shadow-modal);animation:fadeIn var(--duration-normal) var(--ease-standard) forwards;padding:24px;overflow-y:auto}.avatar-notched{-webkit-mask-image:radial-gradient(8px at calc(100% - 2px) calc(100% - 2px),#0000 98%,#000 100%);mask-image:radial-gradient(8px at calc(100% - 2px) calc(100% - 2px),#0000 98%,#000 100%)}.avatar-status-dot{border-radius:50%;width:12px;height:12px;position:absolute;bottom:-1px;right:-1px}.avatar-status-dot.status-online{background:var(--status-online)}.avatar-status-dot.status-idle{background:var(--status-idle)}.avatar-status-dot.status-dnd{background:var(--status-dnd)}.avatar-status-dot.status-offline{background:var(--status-offline)}.online-dot{background:var(--status-online);border:2px solid var(--bg-surface);border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.offline-dot{background:var(--status-offline);border:2px solid var(--bg-surface);border-radius:50%;width:10px;height:10px;position:absolute;bottom:0;right:0}.rail-pill{border-radius:0 var(--radius-full) var(--radius-full) 0;background:var(--text-primary);width:4px;transition:height var(--transition-fast), background-color var(--transition-fast);position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.rail-pill.unread{background:var(--text-secondary);height:8px}.rail-pill.active{background:var(--text-primary);height:24px}.rail-pill.hover-preview{height:16px}.server-rail{background:var(--bg-rail);scrollbar-width:none;flex-direction:column;flex-shrink:0;align-items:center;gap:8px;width:72px;height:100%;padding:12px 0;display:flex;overflow-y:auto}.server-rail::-webkit-scrollbar{display:none}.rail-slot{flex-shrink:0;justify-content:center;width:72px;display:flex;position:relative}.rail-slot .rail-pill{left:0}.rail-slot:hover .rail-pill.unread{height:16px}.rail-item{background:var(--bg-surface);width:48px;height:48px;color:var(--text-primary);transition:border-radius var(--transition-normal), background-color var(--transition-normal), color var(--transition-normal);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.rail-item:hover,.rail-item.active{background:var(--accent);color:#fff;border-radius:16px}.rail-item.home{background:var(--bg-surface)}.rail-item.home:hover,.rail-item.home.active{background:var(--accent)}.rail-item.add{color:var(--status-online)}.rail-item.add:hover{background:var(--status-online);color:#fff}.rail-initials{letter-spacing:-.01em;font-size:15px;font-weight:600}.rail-badge{background:var(--status-dnd);color:#fff;text-align:center;min-width:20px;height:20px;box-shadow:0 0 0 4px var(--bg-rail);border-radius:10px;padding:0 6px;font-size:12px;font-weight:700;line-height:20px;position:absolute;bottom:-4px;right:-4px}.rail-sep{background:var(--border-default);border-radius:1px;flex-shrink:0;width:32px;height:2px}.channel-panel{background:var(--bg-sidebar);flex-direction:column;flex:1;min-width:0;height:100%;display:flex}.panel-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:8px;height:56px;padding:0 16px;display:flex}.panel-header h1{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:18px;font-weight:700;overflow:hidden}.panel-icon-btn{background:var(--bg-surface);width:36px;height:36px;color:var(--text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.panel-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.panel-scroll{flex:1;padding:8px 8px 16px;overflow-y:auto}.panel-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.02em;justify-content:space-between;align-items:center;padding:16px 8px 6px;font-size:12px;font-weight:700;display:flex}.dm-row{border-radius:var(--radius-md);text-align:left;width:100%;color:var(--text-secondary);transition:background-color var(--transition-fast);align-items:center;gap:12px;padding:8px;display:flex}.dm-row:hover{background:var(--bg-hover);color:var(--text-primary)}.dm-row.active{background:var(--bg-active);color:var(--text-primary)}.dm-row .dm-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:500;overflow:hidden}.dm-row.unread .dm-name{color:var(--text-primary);font-weight:700}.dm-row .dm-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.dm-row.unread .dm-preview{color:var(--text-secondary)}.dm-row .dm-time{color:var(--text-faint);flex-shrink:0;font-size:12px}.unread-count{background:var(--status-dnd);color:#fff;text-align:center;border-radius:10px;flex-shrink:0;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:700;line-height:20px}.nav-row{border-radius:var(--radius-md);width:100%;height:42px;color:var(--text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast);align-items:center;gap:12px;padding:0 8px;font-size:15px;font-weight:500;display:flex}.nav-row:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-row.active{background:var(--bg-active);color:var(--text-primary)}.active-now{scrollbar-width:none;gap:10px;padding:4px 8px 8px;display:flex;overflow-x:auto}.active-now::-webkit-scrollbar{display:none}.active-card{border-radius:var(--radius-lg);background:var(--bg-surface);width:76px;transition:background-color var(--transition-fast);flex-direction:column;flex-shrink:0;align-items:center;gap:6px;padding:10px 4px 8px;display:flex}.active-card:hover{background:var(--bg-hover)}.active-card span{text-align:center;white-space:nowrap;text-overflow:ellipsis;width:100%;color:var(--text-secondary);font-size:12px;font-weight:600;overflow:hidden}.channel-row{border-radius:var(--radius-sm);width:100%;height:36px;color:var(--text-muted);text-align:left;transition:background-color var(--transition-fast), color var(--transition-fast);align-items:center;gap:8px;padding:0 8px;font-size:15px;font-weight:500;display:flex}.channel-row:hover{background:var(--bg-hover);color:var(--text-secondary)}.channel-row.active{background:var(--bg-active);color:var(--text-primary)}.channel-row.unread{color:var(--text-primary);font-weight:700}.channel-row .ch-name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.voice-member{color:var(--text-secondary);align-items:center;gap:8px;padding:4px 8px 4px 32px;font-size:13px;display:flex}.panel-search{border-radius:var(--radius-full);background:var(--bg-rail);height:40px;color:var(--text-muted);align-items:center;gap:8px;margin:8px 8px 0;padding:0 12px;display:flex}.panel-search input{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:15px}.user-panel{background:var(--bg-rail);flex-shrink:0;align-items:center;gap:4px;height:56px;padding:0 8px;display:flex}.user-panel .who{border-radius:var(--radius-md);text-align:left;flex:1;align-items:center;gap:8px;min-width:0;padding:4px;display:flex}.user-panel .who:hover{background:var(--bg-hover)}.user-panel .icon-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.user-panel .icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.user-panel .icon-btn.off{color:var(--status-dnd)}.status-option{border-radius:var(--radius-md);width:100%;color:var(--text-primary);text-align:left;align-items:flex-start;gap:12px;padding:8px 10px;font-size:14px;font-weight:500;display:flex}.status-option:hover{background:var(--bg-hover)}.composer-pill{background:var(--bg-surface);border-radius:22px;flex:1;align-items:center;gap:4px;min-width:0;min-height:44px;padding:0 6px 0 16px;display:flex}.composer-pill input{min-width:0;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-size:15px}.composer-circle{background:var(--bg-surface);width:40px;height:40px;color:var(--text-secondary);transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.composer-circle:hover{color:var(--text-primary);background:var(--bg-hover)}.composer-circle.open{color:var(--text-primary);transform:rotate(45deg)}.composer-circle.send{background:var(--accent);color:#fff}.composer-circle.send:hover{background:var(--accent-hover)}.composer-icon{width:36px;height:36px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.composer-icon:hover{color:var(--text-primary)}.composer-menu{z-index:30;border-radius:var(--radius-lg);background:var(--bg-rail);border:1px solid var(--border-default);min-width:220px;box-shadow:var(--shadow-float);padding:6px;position:absolute;bottom:calc(100% + 8px);left:0}.composer-menu button{border-radius:var(--radius-md);width:100%;color:var(--text-secondary);text-align:left;align-items:center;gap:12px;padding:10px 12px;font-size:15px;font-weight:500;display:flex}.composer-menu button:hover{background:var(--bg-hover);color:var(--text-primary)}.skeleton{background:var(--bg-hover);animation:1.4s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.list-group{background:var(--bg-surface);border-radius:var(--radius-lg);overflow:hidden}.list-row{text-align:left;width:100%;min-height:52px;color:var(--text-primary);transition:background-color var(--transition-fast);align-items:center;gap:14px;padding:0 16px;font-size:15px;font-weight:500;display:flex}.list-row+.list-row{border-top:1px solid var(--border-subtle)}.list-row:hover{background:var(--bg-hover)}.list-row .row-icon{color:var(--text-secondary);flex-shrink:0}.list-row .row-label{flex:1;min-width:0}.list-row .row-value{color:var(--text-muted);font-size:14px}.list-row .row-chevron{color:var(--text-faint);flex-shrink:0}.list-row.danger,.list-row.danger .row-icon{color:var(--status-dnd)}.list-label{color:var(--text-muted);padding:20px 4px 8px;font-size:13px;font-weight:600}.call-screen{--bg-surface:#2b2d31;--bg-hover:#35373c;--border-subtle:#ffffff0f;--text-primary:#f2f3f5;--text-secondary:#b5bac1;--text-muted:#949ba4;--text-faint:#6d6f78;z-index:2000;color:var(--text-primary);animation:fadeIn var(--duration-normal) var(--ease-standard);background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.call-topbar{padding:calc(8px + var(--safe-top)) 12px 8px;flex-shrink:0;align-items:center;gap:8px;display:flex}.call-round{background:var(--bg-surface);border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.call-round.accent{border-radius:var(--radius-full);background:var(--accent);width:auto;padding:0 14px;font-size:13px;font-weight:700}.call-title-pill{border-radius:var(--radius-full);background:var(--bg-surface);flex:1;justify-content:center;align-items:center;gap:6px;min-width:0;height:40px;padding:0 14px;font-size:15px;font-weight:700;display:flex}.call-title-pill span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.call-title-pill small{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px;font-weight:500}.call-title-pill svg{color:var(--text-muted);flex-shrink:0}.call-stage{flex-direction:column;flex:1;gap:8px;min-height:0;padding:4px 8px 8px;display:flex;overflow-y:auto}.call-tile{background:var(--bg-surface);border-radius:16px;flex:1 1 0;place-items:center;min-height:160px;display:grid;position:relative;overflow:hidden}.call-tile:after{content:"";pointer-events:none;border-radius:inherit;border:3px solid #0000;transition:border-color .12s;position:absolute;inset:0}.call-tile.speaking:after{border-color:var(--status-online)}.call-tile-label{border-radius:var(--radius-full);background:#0009;align-items:center;gap:6px;max-width:calc(100% - 20px);padding:4px 10px;font-size:13px;font-weight:600;display:flex;position:absolute;bottom:10px;left:10px}.call-tile-label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.call-empty{color:var(--text-muted);flex:1;place-items:center;font-size:14px;display:grid}.call-sheet{max-height:72vh;padding:0 12px calc(12px + var(--safe-bottom));background:#111214;border-radius:20px 20px 0 0;flex-direction:column;flex-shrink:0;display:flex}.call-sheet-handle{touch-action:none;width:100%;padding:8px 0 12px;display:block}.call-sheet-handle:before{content:"";background:var(--text-faint);border-radius:3px;width:36px;height:5px;margin:0 auto;display:block}.call-controls{justify-content:center;align-items:center;gap:12px;display:flex}.call-ctl{background:var(--bg-surface);width:56px;height:56px;transition:background-color var(--transition-fast), transform .1s ease;border-radius:50%;place-items:center;display:grid}.call-ctl:active{transform:scale(.94)}.call-ctl.on{color:#111214;background:#f2f3f5}.call-ctl.alert{color:#f23f43;background:#f23f432e}.call-ctl.danger{color:#fff;background:#da373c}.call-sheet-body{-webkit-overflow-scrolling:touch;margin-top:16px;overflow-y:auto}.call-sheet-body .list-label:first-child{padding-top:0}.call-switch{width:40px;height:24px;transition:background-color var(--transition-fast);background:#4e5058;border-radius:12px;flex-shrink:0;position:relative}.call-switch:after{content:"";width:18px;height:18px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px}.call-switch.on{background:var(--status-online)}.call-switch.on:after{transform:translate(16px)}.call-radio{border:2px solid var(--text-muted);border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.call-radio.on{border-color:var(--accent)}.call-radio.on:after{content:"";background:var(--accent);border-radius:50%;width:12px;height:12px}.call-row-hint{color:var(--text-muted);margin-top:2px;font-size:12px;font-weight:400;display:block}.call-ringing{border-radius:50%;display:inline-grid;position:relative}.call-ringing:before,.call-ringing:after{content:"";pointer-events:none;border:3px solid var(--status-online);border-radius:50%;animation:1.8s ease-out infinite callRing;position:absolute;inset:-6px}.call-ringing:after{animation-delay:.9s}.call-ringing.small:before,.call-ringing.small:after{border-width:2px;inset:-3px}@keyframes callRing{0%{opacity:.9;transform:scale(.95)}to{opacity:0;transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.call-ringing:before,.call-ringing:after{opacity:.6;animation:none}}.call-not-now{border-radius:var(--radius-full);color:#b5bac1;margin-top:28px;padding:8px 16px;font-size:14px;font-weight:600}.call-not-now:hover{color:#f2f3f5;background:#ffffff14}.call-ring-banner{z-index:2100;top:calc(8px + var(--safe-top));color:#f2f3f5;width:min(420px,100vw - 24px);box-shadow:var(--shadow-float);animation:fadeIn var(--duration-normal) var(--ease-standard);background:#111214;border-radius:18px;align-items:center;gap:8px;margin:0 auto;padding:8px 8px 8px 10px;display:flex;position:fixed;left:0;right:0}.call-ring-banner-main{text-align:left;min-width:0;color:inherit;flex:1;align-items:center;gap:12px;display:flex}.call-ring-banner-main strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;display:block;overflow:hidden}.call-ring-banner-main small{color:#b5bac1;font-variant-numeric:tabular-nums;font-size:12px;display:block}.call-ring-btn{color:#f2f3f5;background:#2b2d31;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.call-ring-btn.join{background:var(--status-online);color:#fff}.call-ring-btn.decline{color:#fff;background:#da373c}.call-notice{z-index:2200;left:50%;bottom:calc(24px + var(--tab-bar-height) + var(--safe-bottom));color:#f2f3f5;max-width:calc(100vw - 32px);box-shadow:var(--shadow-float);cursor:pointer;background:#111214;border-radius:14px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex;position:fixed;transform:translate(-50%)}@media (width>=768px){.call-stage{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-auto-rows:minmax(220px,1fr);padding:8px 16px 16px;display:grid}.call-sheet{border-radius:20px;width:min(100% - 32px,560px);margin:0 auto 16px;padding-bottom:12px}}.you-banner-btn{cursor:pointer;color:#fff;width:36px;height:36px;transition:background var(--transition-fast);background:#00000073;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.you-banner-btn:hover{background:#000000a6}.voice-indicator-muted{position:relative}.voice-indicator-muted:after{content:"";border:2px solid var(--status-dnd);pointer-events:none;border-radius:50%;position:absolute;inset:-2px}.voice-indicator-deafened{filter:brightness(.5)}.blue-halo{border-radius:50%}.blue-halo-muted{position:relative}.blue-halo-muted:after{content:"";border:2px solid var(--status-dnd);pointer-events:none;border-radius:50%;position:absolute;inset:-2px}.blue-halo-deafened{filter:brightness(.5)}.divider{background:var(--border-subtle);height:1px;margin:8px 0}.tooltip{position:relative}.tooltip:after{content:attr(data-tip);border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-primary);box-shadow:var(--shadow-float);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);padding:4px 10px;font-size:12px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-4px)}.tooltip:hover:after{opacity:1}.message-group+.message-group{margin-top:16px}.message-row{position:relative}.message-hover-bar{z-index:5;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-float);opacity:0;pointer-events:none;transition:opacity var(--transition-fast);align-items:center;gap:2px;padding:2px;display:flex;position:absolute;top:-16px;right:12px}.message-row:hover .message-hover-bar{opacity:1;pointer-events:auto}input[type=range]{-webkit-appearance:none;background:var(--bg-hover);border-radius:2px;outline:none;width:100%;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;width:16px;height:16px;-webkit-transition:transform var(--transition-fast);transition:transform var(--transition-fast);border-radius:50%}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}select{appearance:none}select option{background:var(--bg-surface);color:var(--text-primary);padding:4px 8px}.mobile-shell{flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden;transform:translateZ(0)}html[data-keyboard=open]{--tab-bar-height:0px;--safe-bottom:0px}html[data-keyboard=open] .mobile-tab-bar{display:none}.mobile-tab-bar{z-index:100;height:calc(60px + env(safe-area-inset-bottom,0px));background:var(--bg-sidebar);border-top:1px solid var(--border-subtle);padding:0 4px env(safe-area-inset-bottom,0px);flex-shrink:0;display:none;position:relative}.mobile-tab-bar button{color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:6px 0;font-family:inherit;font-size:10px;font-weight:600;display:flex;position:relative}.mobile-tab-bar button.active{color:var(--text-primary)}.mobile-tab-bar button.active:after{content:"";background:var(--accent);border-radius:0 0 2px 2px;width:20px;height:2px;position:absolute;top:0;left:50%;transform:translate(-50%)}.mobile-tab-bar button .tab-icon{justify-content:center;align-items:center;font-size:22px;line-height:1;display:flex}.mobile-tab-bar button{font-size:11px}.mobile-tab-bar .tab-badge{background:var(--status-dnd);color:#fff;text-align:center;min-width:18px;height:18px;box-shadow:0 0 0 3px var(--bg-sidebar);border-radius:9px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:-6px;left:14px}.mobile-header{z-index:50;height:calc(48px + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) 12px 0 12px;background:var(--bg-sidebar);border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;display:none;position:sticky;top:0}.mobile-header .hamburger{color:var(--text-primary);cursor:pointer;border-radius:var(--radius-md);background:0 0;border:none;justify-content:center;align-items:center;width:36px;height:36px;padding:4px;font-size:22px;display:flex}.mobile-header .hamburger:active{background:var(--bg-hover)}.mobile-content{flex:1;min-height:0;overflow-y:auto}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (width<=768px){.desktop-sidebar{display:none!important}.mobile-tab-bar,.mobile-header{display:flex}.mobile-shell .server-rail{padding-top:calc(12px + var(--safe-top))}.mobile-shell .channel-panel .panel-header{height:calc(56px + var(--safe-top));padding-top:var(--safe-top)}.mobile-shell .channel-panel{border-top-left-radius:16px}.mobile-shell .dm-row{padding:10px 8px}.card{border-radius:var(--radius-md)}.modal-overlay{align-items:flex-end;padding:0}.modal-content{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:85%;padding:20px 16px calc(20px + var(--safe-bottom));animation:slideUp var(--duration-slow) var(--ease-standard) forwards;width:100%!important;max-width:100%!important}.btn{min-height:40px}.btn-sm{min-height:34px;padding:6px 14px}.btn-icon{min-width:40px;min-height:40px}.input{padding:12px 14px;font-size:16px}input,select,textarea{font-size:16px!important}.modal-overlay[style*=paddingTop]{align-items:flex-start!important;padding-top:8vh!important}::-webkit-scrollbar{width:0;display:none}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}.chat-message-touch{-webkit-user-select:none;user-select:none}.auth-page{padding:16px!important}}@media (width<=380px){.btn{padding:8px 14px;font-size:13px}.card{padding:12px}}.call-log-row{padding:6px 8px}.call-log{border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border-subtle);align-items:center;gap:12px;max-width:420px;padding:12px 14px;display:flex}.call-log-icon{border-radius:var(--radius-full);color:#fff;background:var(--status-offline);flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.call-log-live .call-log-icon{background:var(--status-online)}.call-log-missed .call-log-icon{background:var(--status-dnd)}.call-log-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.call-log-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.call-log-missed .call-log-title{color:var(--status-dnd)}.call-log-detail{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:13px}.call-log-btn{border-radius:var(--radius-full);color:var(--text-primary);background:var(--bg-hover);cursor:pointer;border:none;flex-shrink:0;padding:7px 14px;font-size:13px;font-weight:600}.call-log-btn:hover{background:var(--bg-active)}.call-log-btn.join{background:var(--status-online);color:#fff}