:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color:var(--ch-text);background-color:var(--ch-bg-deep);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--ch-bg-deep: #0c0c10;--ch-bg-surface: #141418;--ch-bg-elevated: #1a1a20;--ch-bg-input: #121216;--ch-border: rgba(255, 255, 255, .06);--ch-border-medium: rgba(255, 255, 255, .09);--ch-border-strong: rgba(255, 255, 255, .14);--ch-text: #f3f4f6;--ch-text-secondary: #d1d5db;--ch-text-muted: #9ca3af;--ch-text-dim: #6b7280;--ch-accent: #2dd4bf;--ch-accent-soft: #99f6e4;--ch-purple: var(--ch-accent);--ch-purple-soft: var(--ch-accent-soft);--ch-teal: #2dd4bf;--ch-teal-bright: #5eead4;--ch-hover: rgba(255, 255, 255, .04);--ch-active: rgba(255, 255, 255, .07);--ch-selected: rgba(45, 212, 191, .18);--ch-selected-hover: rgba(45, 212, 191, .1);--ch-selected-border: rgba(94, 234, 212, .42);--ch-glow: rgba(45, 212, 191, .18);--ch-focus: rgba(45, 212, 191, .45);--ch-danger: #f87171;--ch-danger-strong: #ef4444}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(45,212,191,.07),transparent 55%),var(--ch-bg-deep)}button{cursor:pointer;font:inherit;color:inherit;background:transparent;border:none;padding:0}input,select,textarea{font:inherit;color:var(--ch-text);background:var(--ch-bg-input);border:1px solid var(--ch-border-medium);border-radius:8px}input:focus,select:focus,textarea:focus{outline:2px solid var(--ch-focus);outline-offset:1px}.loading-screen{min-height:100vh;display:grid;place-items:center;color:var(--ch-text-muted)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-card{width:min(100%,440px);background:var(--ch-bg-elevated);border:1px solid var(--ch-border-medium);border-radius:12px;padding:32px;box-shadow:0 18px 40px #00000073,0 0 32px var(--ch-glow)}.auth-brand{text-align:center;margin-bottom:24px}.auth-brand h1{margin:12px 0 8px;font-size:1.75rem}.auth-brand p{margin:0;color:var(--ch-text-muted)}.auth-logo{width:56px;height:56px;margin:0 auto;border-radius:16px;display:grid;place-items:center;background:#2dd4bf59;color:var(--ch-purple-soft);font-weight:700;font-size:1.5rem;box-shadow:0 0 20px var(--ch-glow)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}.auth-tabs button{background:var(--ch-bg-surface);color:var(--ch-text-muted);padding:10px 12px;border-radius:8px;border:1px solid var(--ch-border);transition:background .15s ease,color .15s ease,border-color .15s ease}.auth-tabs button.active{background:var(--ch-active);border-color:var(--ch-border-strong);color:var(--ch-purple-soft)}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:6px;color:var(--ch-text-secondary);font-size:.9rem;font-weight:600}.auth-form input{border:1px solid var(--ch-border-medium);background:var(--ch-bg-input);color:var(--ch-text);border-radius:8px;padding:10px 12px}.auth-form input:focus{outline:2px solid rgba(45,212,191,.45);outline-offset:1px}.auth-password-field{position:relative;display:block}.auth-password-field input{width:100%;padding-right:40px}.auth-form button[type=submit],.primary-button{border:none;border-radius:8px;padding:11px 14px;background:var(--ch-teal);color:var(--ch-bg-deep);font-weight:700;transition:background .15s ease,box-shadow .15s ease}.secondary-button{border:1px solid var(--ch-border-medium);border-radius:8px;padding:10px 14px;background:var(--ch-bg-surface);color:var(--ch-text-secondary);font-weight:600;transition:background .15s ease,border-color .15s ease,color .15s ease}.auth-form button[type=submit]:hover:not(:disabled),.primary-button:hover:not(:disabled){background:var(--ch-teal-bright);box-shadow:0 0 16px #2dd4bf59}.secondary-button:hover:not(:disabled){background:var(--ch-hover);border-color:var(--ch-border-strong);color:var(--ch-text);box-shadow:none}.auth-form button[type=submit]:disabled,.primary-button:disabled,.secondary-button:disabled{opacity:.7;cursor:not-allowed}.auth-oauth-btn{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:11px 14px;font-weight:600;text-decoration:none;text-align:center;transition:background .15s ease,border-color .15s ease}.auth-oauth-github{border:1px solid var(--ch-border-medium);background:var(--ch-bg-surface);color:var(--ch-text)}.auth-oauth-github:hover{background:var(--ch-hover);border-color:var(--ch-border-strong)}.auth-oauth-google{border:1px solid rgba(66,133,244,.35);background:var(--ch-bg-surface);color:#93c5fd}.auth-oauth-google:hover{background:#4285f41a;border-color:#4285f48c}.auth-form .auth-password-toggle{position:absolute;top:50%;right:6px;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--ch-text-muted);font-weight:400;cursor:pointer;transition:background .15s ease,color .15s ease}.auth-form .auth-password-toggle:hover{background:#ffffff0f;color:var(--ch-text-secondary);box-shadow:none}.auth-form .auth-password-toggle svg{width:18px;height:18px}.auth-error{margin-bottom:16px;padding:10px 12px;border-radius:8px;background:#ed424526;color:#ff8b8d;font-size:.95rem}.app-shell{--ch-ui-scale: 1;font-size:calc(16px * var(--ch-ui-scale));height:100vh;min-height:100vh;overflow:hidden;display:grid;grid-template-columns:280px 1fr 240px;transition:grid-template-columns .2s ease,font-size .15s ease}.app-shell--no-members,.app-shell--members-collapsed{grid-template-columns:280px 1fr 48px}.app-sidebar{background:var(--ch-bg-deep);border-right:1px solid var(--ch-border);padding:16px 14px;display:flex;flex-direction:column;min-height:100vh}.app-sidebar .server-sidebar{flex:1;min-height:0}.server-sidebar{display:flex;flex-direction:column;gap:8px;height:100%;width:100%;min-height:0}.server-sidebar-brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:.95rem;color:#f8fafc;padding:4px 2px}.server-sidebar-brand-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#2dd4bf40;color:#2dd4bf}.server-dial-wrap{display:grid;justify-items:center;width:100%;padding:0 4px}.server-dial-card{position:relative;width:100%;padding:10px 12px 12px;border-radius:14px;border:1px solid var(--ch-selected-border);background:radial-gradient(circle at top,rgba(45,212,191,.08),transparent 55%),var(--ch-bg-elevated);display:grid;justify-items:center;gap:6px;box-shadow:0 8px 24px #00000038}.server-dial-card-spin{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab}.server-dial-card-spin.dragging{cursor:grabbing}.server-dial-add-btn{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:28px;height:28px;padding:0;margin:0;border-radius:50%;border:1.5px solid rgba(45,212,191,.55);background:#0c0814f2;color:var(--ch-teal-bright);cursor:pointer;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease}.server-dial-add-btn:hover{transform:scale(1.08);border-color:#2dd4bfe6;background:#2dd4bf29;box-shadow:0 0 14px #2dd4bf59}.server-dial-add-btn:active{transform:scale(.96)}.server-dial-add-icon{width:14px;height:14px;display:block;transform-box:fill-box;transform-origin:center}.server-dial{position:relative;width:200px;height:200px}.server-dial-center{position:absolute;top:50%;left:50%;width:88px;height:88px;margin:-44px 0 0 -44px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#1a1030,#0f0a18);color:#99f6e4;display:grid;place-items:center;box-shadow:0 0 0 3px #2dd4bf59,0 0 24px #2dd4bf73,0 0 48px #2dd4bf33;z-index:2;overflow:hidden;padding:0}.server-dial-center-selected{box-shadow:0 0 0 4px #2dd4bfa6,0 0 28px #2dd4bf8c,0 0 56px #2dd4bf47}.server-icon{border-radius:50%;overflow:hidden;background:#2dd4bf59;color:var(--ch-purple-soft);display:grid;place-items:center;flex-shrink:0}.server-icon-dial,.server-icon-dial-sm{width:100%;height:100%}.server-icon-settings{width:96px;height:96px}.server-icon-image{width:100%;height:100%;object-fit:cover;display:block}.server-icon-initials{font-weight:700;font-size:1.35rem;letter-spacing:.04em}.server-icon-dial-sm .server-icon-initials{font-size:.72rem}.server-icon-settings .server-icon-initials{font-size:1.4rem}.server-icon-settings-block{margin-bottom:8px}.server-icon-settings-readonly{display:flex;align-items:center;margin-bottom:8px}.server-dial-icon-inner{display:grid;place-items:center}.server-dial-ring{position:absolute;inset:0;transform:rotate(0);will-change:transform}.server-dial-satellite{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border:2px solid rgba(45,212,191,.55);border-radius:50%;background:radial-gradient(circle at 30% 30%,#1a1030,#0f0a18);color:#99f6e4;display:grid;place-items:center;overflow:hidden;padding:0;transition:border-color .15s ease,box-shadow .15s ease}.server-dial-satellite:hover{border-color:#2dd4bf;box-shadow:0 0 16px #2dd4bf59;color:#5eead4}.server-dial-satellite.at-top{border-color:#2dd4bfe6;box-shadow:0 0 0 2px #2dd4bf73,0 0 20px #2dd4bf80;color:#5eead4}.server-dial-label{margin:0;font-weight:700;font-size:.95rem;text-align:center;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f8fafc;transition:color .12s ease}.server-dial-label-preview{color:var(--ch-teal-bright)}.server-dial-hint{margin:0;color:#6b7280;font-size:.72rem;text-align:center}.server-list-section{display:grid;gap:10px;width:100%;flex:1;min-height:0;overflow-y:auto}.channel-list-wrap{display:flex;flex-direction:column;align-items:stretch;gap:16px;flex:1;min-height:0;overflow-y:auto}.server-list-heading{margin:0;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6b7280}.server-pill-list{display:grid;gap:8px}.server-pill-row{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid rgba(45,212,191,.25);border-radius:14px;background:#0f0a18d9;color:#e5e7eb;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.server-pill-row:hover{border-color:#2dd4bf80;background:#140c20f2}.server-pill-row.active{border-color:#5eead4d9;box-shadow:0 0 18px #2dd4bf40;background:#180e26f2}.server-pill-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:linear-gradient(135deg,#2dd4bf59,#2dd4bf1f);color:#99f6e4;flex-shrink:0}.server-pill-name{font-weight:600;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-sidebar-join{flex-shrink:0;padding:0 4px 4px}.server-sidebar-join .server-action-button{width:100%}.sidebar-user-wrap{flex-shrink:0;margin-top:auto;display:grid;justify-items:center;width:100%;padding:8px 4px 0}.sidebar-voice-error{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;width:100%;margin-bottom:6px;padding:8px 10px;border-radius:8px;border:1px solid rgba(239,68,68,.35);background:#ef44441f;color:#fecaca;font-size:12px;line-height:1.35}.sidebar-voice-error-dismiss{flex-shrink:0;border:none;background:transparent;color:inherit;font-size:11px;cursor:pointer;opacity:.85}.sidebar-voice-error-dismiss:hover{opacity:1}.sidebar-user-card{position:relative;width:100%;padding:10px 12px 12px;border-radius:14px;border:1px solid var(--ch-selected-border);background:radial-gradient(circle at bottom,rgba(45,212,191,.08),transparent 55%),var(--ch-bg-elevated);display:flex;flex-direction:column;gap:8px;box-shadow:0 8px 24px #00000038}.voice-panel-connected{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 0 6px;border-bottom:1px solid var(--ch-border)}.voice-panel-connected-left{display:flex;align-items:center;gap:8px;min-width:0}.voice-panel-signal{display:grid;place-items:center;color:#4ade80;flex-shrink:0}.voice-panel-connected-text{display:flex;flex-direction:column;gap:2px;min-width:0}.voice-panel-connected-title{font-size:.72rem;font-weight:700;color:#4ade80;text-transform:uppercase;letter-spacing:.04em}.voice-panel-connected-path{font-size:.8rem;font-weight:600;color:var(--ch-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-panel-connected-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.voice-panel-quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 0 4px;border-bottom:1px solid var(--ch-border)}.sidebar-user-panel{display:flex;flex-direction:column;align-items:center;gap:10px;padding:2px 0 0;background:transparent}.sidebar-user-identity{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;border:none;background:transparent;padding:4px 6px;border-radius:8px;text-align:center;cursor:pointer;transition:background .15s ease}.sidebar-user-identity:hover{background:var(--ch-hover)}.sidebar-user-avatar{position:relative;width:40px;height:40px;border-radius:50%;background:#2dd4bf59;color:var(--ch-purple-soft);display:grid;place-items:center;font-size:.8rem;font-weight:700;flex-shrink:0}.sidebar-user-status-dot{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:#4ade80;border:2px solid var(--ch-bg-elevated)}.sidebar-user-meta{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;max-width:100%}.sidebar-user-name{font-size:.85rem;font-weight:700;color:var(--ch-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.sidebar-user-status{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;color:var(--ch-text-dim)}.sidebar-user-status.in-voice{color:#86efac}.sidebar-user-icon-row{display:flex;align-items:center;justify-content:center;gap:8px;width:100%}.user-control-split{display:flex;align-items:center;height:30px;border:1px solid var(--ch-border-medium);border-radius:8px;overflow:hidden;background:var(--ch-bg-surface);transition:background .15s ease,border-color .15s ease;flex-shrink:0}.user-control-split:hover{background:var(--ch-active);border-color:var(--ch-border-strong)}.user-control-split:hover .user-control-main,.user-control-split:hover .user-control-chevron{color:var(--ch-teal-bright)}.user-control-split.active{background:#ef44441f;border-color:#ef444459}.user-control-split.active:hover{background:#ef44442e;border-color:#ef444473}.user-control-split.active .user-control-main,.user-control-split.active .user-control-chevron,.user-control-split.active:hover .user-control-main,.user-control-split.active:hover .user-control-chevron{color:var(--ch-purple-soft)}.user-control-main,.user-control-chevron{border:none;background:transparent;color:var(--ch-purple-soft);display:flex;align-items:center;justify-content:center;padding:0;margin:0;line-height:0;cursor:pointer;transition:color .15s ease}.user-control-main{width:30px;height:30px;flex-shrink:0}.user-control-chevron{width:18px;height:30px;flex-shrink:0;border-left:1px solid var(--ch-border)}.user-control-main svg,.user-control-chevron svg{display:block;flex-shrink:0}.sidebar-user-icon-row .icon-button-sm{padding:0;flex-shrink:0}.sidebar-user-icon-row .icon-button-sm svg{display:block;width:16px;height:16px}.icon-button.voice-control-active{background:#ef44441f;border-color:#ef444459;color:var(--ch-purple-soft)}.icon-button.voice-control-active:hover:not(:disabled){background:#ef44442e;border-color:#ef444473;color:var(--ch-purple-soft)}.sidebar-control-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;line-height:0}.sidebar-control-icon.slashed:after{content:"";position:absolute;left:50%;top:50%;width:22px;height:2.5px;background:#ef4444;border-radius:2px;transform:translate(-50%,-50%) rotate(-45deg);pointer-events:none;box-shadow:0 0 2px #00000059}.user-settings-panel{width:min(100%,720px);max-height:min(88vh,760px);display:flex;flex-direction:column;background:var(--ch-bg-deep);border:1px solid var(--ch-border-medium);border-radius:12px;overflow:hidden;box-shadow:0 24px 60px #0000008c,0 0 40px var(--ch-glow)}.voice-settings-panel{width:min(100%,820px)}.user-settings-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--ch-border)}.user-settings-header h2{margin:0;font-size:1.1rem}.user-settings-content{padding:24px;overflow-y:auto}.user-settings-tabs{display:flex;gap:8px;padding:12px 24px 0;border-bottom:1px solid var(--ch-border)}.user-settings-tabs button{border:none;background:transparent;color:var(--ch-text-muted);padding:10px 12px;border-bottom:2px solid transparent;font-weight:600}.user-settings-tabs button.active{color:var(--ch-teal-bright);border-bottom-color:var(--ch-teal)}.privacy-section{display:grid;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--ch-border)}.privacy-section h4{margin:0;font-size:.95rem}.member-actions{display:flex;gap:8px}.audit-log-list{display:grid;gap:10px}.audit-log-row{padding:10px 12px;border-radius:8px;background:var(--ch-bg-surface);border:1px solid var(--ch-border)}.audit-log-meta{margin-top:4px;font-size:.82rem}.auth-link-button{border:none;background:transparent;color:var(--ch-text-muted);font-size:.85rem;padding:0;text-align:left}.auth-link-button:hover{color:var(--ch-teal-bright);box-shadow:none;background:transparent}.profile-settings-stack{display:grid;gap:28px}.user-avatar{position:relative;border-radius:50%;overflow:hidden;background:#2dd4bf59;color:var(--ch-purple-soft);display:grid;place-items:center;flex-shrink:0}.user-avatar-sidebar{width:40px;height:40px}.user-avatar-profile{width:96px;height:96px}.user-avatar-reply{width:16px;height:16px}.user-avatar-reply .user-avatar-initials{font-size:.45rem}.user-avatar-image{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.avatar-crop-canvas{display:block;width:100%;height:100%;pointer-events:none}.user-avatar-initials{font-weight:700;font-size:.8rem}.user-avatar-profile .user-avatar-initials{font-size:1.4rem}.sidebar-user-avatar-wrap{position:relative;display:grid;place-items:center}.sidebar-user-avatar-wrap .sidebar-user-status-dot{position:absolute;right:-1px;bottom:-1px}.profile-settings-avatar-block{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.profile-settings-avatar-button{position:relative;border:none;background:transparent;padding:0;border-radius:50%;cursor:pointer}.profile-settings-avatar-button:hover .profile-settings-avatar-overlay,.profile-settings-avatar-button:focus-visible .profile-settings-avatar-overlay{opacity:1}.profile-settings-avatar-overlay{position:absolute;inset:0;border-radius:50%;background:#08050e9e;color:#f8fafc;display:grid;place-items:center;font-size:.78rem;font-weight:700;opacity:0;transition:opacity .15s ease}.profile-settings-avatar-help{display:grid;gap:4px;min-width:180px}.profile-settings-avatar-help strong{color:var(--ch-text);font-size:.88rem}.profile-settings-avatar-help span{color:var(--ch-text-dim);font-size:.8rem;line-height:1.4}.avatar-crop-overlay{z-index:200}.avatar-crop-modal{width:min(100%,420px);background:var(--ch-bg-deep);border:1px solid var(--ch-border-medium);border-radius:12px;padding:20px 22px 22px;box-shadow:0 24px 60px #0000008c,0 0 40px var(--ch-glow)}.avatar-crop-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.avatar-crop-header h2{margin:0;font-size:1.05rem}.avatar-crop-copy{margin:0 0 16px}.avatar-crop-viewport{position:relative;margin:0 auto 16px;border-radius:50%;overflow:hidden;background:#08050ee6;border:2px solid var(--ch-border-strong);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.avatar-crop-viewport:active{cursor:grabbing}.avatar-crop-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--ch-text-muted);font-size:.9rem}.avatar-crop-zoom{display:grid;gap:8px;margin-bottom:16px}.avatar-crop-zoom-label{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ch-text-muted);font-size:.88rem}.avatar-crop-zoom-value{color:var(--ch-teal-bright);font-weight:700}.avatar-crop-zoom input[type=range]{width:100%}.avatar-crop-actions{display:flex;justify-content:flex-end;gap:10px}.avatar-crop-actions .secondary-button{background:transparent;border:1px solid var(--ch-border-medium);color:var(--ch-text-muted);box-shadow:none}.avatar-crop-actions .secondary-button:hover:not(:disabled){background:var(--ch-hover);border-color:var(--ch-border-strong);color:var(--ch-text-secondary);box-shadow:none}.server-sidebar-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:8px;flex-shrink:0}.server-sidebar-channels{display:flex;flex-direction:column;gap:0;flex:1;min-height:0;overflow:hidden;padding-top:2px;margin-top:2px;border-top:1px solid var(--ch-border);font-size:1em}.server-sidebar-channels-header{font-size:.8125em;font-weight:700;letter-spacing:.02em;color:var(--ch-text-muted);padding:0 6px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.server-sidebar-channels .channel-list-wrap{flex:1;min-height:0;overflow-y:auto;padding:0 2px 12px 0}.server-action-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 8px;border:1px solid var(--ch-border-medium);border-radius:12px;background:var(--ch-bg-surface);color:var(--ch-text-secondary);font-size:.82rem;font-weight:600;transition:border-color .15s ease,color .15s ease,background .15s ease}.server-action-button:hover{border-color:var(--ch-border-strong);color:var(--ch-text);background:var(--ch-hover)}.server-action-icon{font-size:.95rem;line-height:1;color:var(--ch-text-muted)}.server-action-button:disabled{opacity:.45;cursor:not-allowed}.channel-sidebar{background:var(--ch-bg-deep);border-right:1px solid var(--ch-border);padding:16px 12px;display:flex;flex-direction:column;gap:18px;min-height:100vh;overflow-y:auto}.channel-sidebar-actions{margin-top:auto;padding-top:12px}.channel-sidebar-actions .server-action-button{width:100%}.server-sidebar-actions-single{grid-template-columns:1fr}.channel-sidebar-header{font-size:.85rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#f8fafc;padding:4px 8px 8px;border-bottom:1px solid var(--ch-border)}.channel-group{display:flex;flex-direction:column;gap:2px;flex-shrink:0}.channel-group-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px 0 6px;min-height:20px}.channel-group-heading{margin:0;font-size:.8125em;font-weight:700;letter-spacing:.02em;color:#9ca3af}.channel-circle-btn{display:grid;place-items:center;width:20px;height:20px;padding:0;margin:0;line-height:0;flex-shrink:0;border-radius:50%;cursor:pointer;transition:transform .22s cubic-bezier(.34,1.56,.64,1),background .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,opacity .2s ease}.channel-circle-btn svg{display:block;margin:0;flex-shrink:0;pointer-events:none;transform-box:fill-box;transform-origin:center}.channel-circle-icon{display:block;flex-shrink:0;pointer-events:none}.channel-action-icon{width:12px;height:12px;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.channel-add-btn{border:1.5px solid var(--ch-border-medium);background:var(--ch-bg-elevated);color:var(--ch-text-muted);animation:channel-add-breathe 3s ease-in-out infinite}.channel-add-btn:hover{border-color:#2dd4bfd9;color:var(--ch-teal-bright);background:#2dd4bf24;box-shadow:0 0 14px #2dd4bf59;transform:scale(1.08);animation:none}.channel-add-btn:hover .channel-action-icon{transform:scale(1.12)}.channel-add-btn.open{transform:rotate(45deg) scale(1.06);border-color:#2dd4bfe6;background:#2dd4bf2e;color:var(--ch-teal-bright);box-shadow:0 0 16px #2dd4bf66;animation:none}.channel-add-btn.open:hover{transform:rotate(45deg) scale(1.12)}.channel-add-btn.pulse{animation:channel-add-pop .42s cubic-bezier(.34,1.56,.64,1)}@keyframes channel-add-breathe{0%,to{box-shadow:0 0 0 transparent;border-color:var(--ch-border-medium)}50%{box-shadow:0 0 8px #ffffff0a;border-color:var(--ch-border-strong)}}@keyframes channel-add-pop{0%{transform:scale(1)}40%{transform:scale(1.2);box-shadow:0 0 18px #2dd4bf80}to{transform:scale(1) rotate(0)}}.channel-add-btn.open.pulse{animation:channel-add-pop-open .42s cubic-bezier(.34,1.56,.64,1)}@keyframes channel-add-pop-open{0%{transform:rotate(0) scale(1)}40%{transform:rotate(45deg) scale(1.22);box-shadow:0 0 20px #2dd4bf8c}to{transform:rotate(45deg) scale(1.06)}}.channel-create-panel{display:none;overflow:hidden}.channel-create-panel.open{display:block;margin-top:2px}.channel-create-form{display:grid;gap:4px;padding:2px 4px 4px 6px}.channel-create-form input{border:1px solid var(--ch-border-medium);background:var(--ch-bg-input);color:var(--ch-text);border-radius:4px;padding:4px 6px;font-size:.875em;height:1.75em;min-height:26px}.channel-create-form input:focus{outline:2px solid rgba(45,212,191,.5);outline-offset:1px}.channel-create-actions{display:flex;gap:4px}.channel-create-submit,.channel-create-cancel{border:none;border-radius:4px;padding:3px 8px;font-size:.8125em;font-weight:600}.channel-create-submit{background:var(--ch-teal);color:var(--ch-bg-deep);flex:1}.channel-create-submit:hover:not(:disabled){background:var(--ch-teal-bright)}.channel-create-cancel{background:transparent;border:1px solid var(--ch-border-medium);color:var(--ch-text-muted)}.channel-create-cancel:hover:not(:disabled){color:var(--ch-text-secondary);border-color:var(--ch-border-strong)}.channel-create-submit:disabled,.channel-create-cancel:disabled{opacity:.6;cursor:not-allowed}.channel-create-error{margin:0;color:#ff8b8d;font-size:.8125em}.channel-list{display:flex;flex-direction:column;gap:1px;margin:0;padding:0 2px}.channel-item-wrap{display:flex;align-items:center;gap:2px;padding-right:2px;border-radius:4px}.channel-item-wrap:hover{background:var(--ch-hover)}.channel-item-wrap.active{background:var(--ch-selected)}.channel-item-wrap.connected{background:#22c55e14}.channel-item-wrap.connected:hover,.channel-item-wrap.connected.active{background:#22c55e24}.channel-edit-btn{width:20px;height:20px;border:1px solid var(--ch-border-medium);background:var(--ch-bg-elevated);color:var(--ch-text-muted);opacity:0;transform:scale(.88)}.channel-item-wrap:hover .channel-edit-btn,.channel-item-wrap.active .channel-edit-btn,.channel-item-wrap.connected .channel-edit-btn{opacity:1;transform:scale(1)}.channel-edit-btn:hover{border-color:#2dd4bfd9;background:#2dd4bf24;color:var(--ch-teal-bright);box-shadow:0 0 14px #2dd4bf59;transform:scale(1.08)}.channel-edit-btn:hover .channel-action-icon{animation:channel-gear-spin .55s cubic-bezier(.34,1.56,.64,1)}.channel-item-wrap.active .channel-edit-btn{border-color:var(--ch-selected-border);color:var(--ch-text-secondary)}@keyframes channel-gear-spin{0%{transform:rotate(0) scale(1)}40%{transform:rotate(28deg) scale(1.14)}to{transform:rotate(0) scale(1)}}.channel-item{display:flex;align-items:center;gap:6px;flex:1;min-width:0;padding:6px 8px;border:none;border-radius:4px;background:transparent;color:#9ca3af;text-align:left;font-size:.9375em;font-weight:500;line-height:1.35;transition:color .12s ease}.channel-item-wrap:hover .channel-item,.channel-item-wrap.active .channel-item{color:#e5e7eb}.channel-item-wrap.active .channel-item{color:#f8fafc;font-weight:600}.channel-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-prefix{display:inline-flex;align-items:center;justify-content:center;width:1.1em;color:#6b7280;font-weight:600;font-size:.9em;line-height:1;flex-shrink:0}.channel-item-wrap.active .channel-prefix{color:#99f6e4}.channel-voice-icon{color:#6b7280;flex-shrink:0;width:1em;height:1em}.channel-item-wrap.active .channel-voice-icon{color:#99f6e4}.channel-item-wrap.connected .channel-item{color:#86efac}.channel-item-wrap.connected .channel-voice-icon{color:#4ade80}.channel-connected-badge{margin-left:auto;padding:0 5px;border-radius:999px;background:#22c55e2e;color:#86efac;font-size:.6875em;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.4}.channel-empty{margin:0;padding:1px 6px;color:#4b5563;font-size:.8125em;font-style:italic}.channel-category-group{margin-bottom:12px;flex-shrink:0}.channel-category-group .channel-list{gap:1px}.create-channel-modal{width:min(100%,420px);background:#0f0a18fa;border:1px solid var(--ch-border-medium);border-radius:12px;padding:24px;box-shadow:0 24px 60px #00000080,0 0 32px var(--ch-glow)}.channel-settings-modal{width:min(100%,400px);background:#0f0a18fa;border:1px solid var(--ch-border-medium);border-radius:12px;padding:20px 24px 24px;box-shadow:0 24px 60px #00000080,0 0 32px var(--ch-glow)}.create-channel-modal{width:min(100%,480px);max-height:min(90vh,720px);overflow-y:auto}.channel-settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.channel-settings-header h2{margin:0;font-size:1.1rem}.channel-settings-form{display:grid;gap:12px}.channel-settings-form label{display:grid;gap:6px;font-weight:600;font-size:.85rem;color:var(--ch-text-secondary)}.channel-settings-form input,.channel-settings-form select{border:1px solid var(--ch-border-medium);background:var(--ch-bg-input);color:var(--ch-text);border-radius:8px;padding:10px 12px;font-size:.95rem}.channel-settings-form input:focus,.channel-settings-form select:focus{outline:2px solid rgba(45,212,191,.45);outline-offset:1px}.channel-settings-form select{cursor:pointer;appearance:none;background-color:var(--ch-bg-input);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='%239ca3af'%3E%3Cpath d='M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.channel-settings-form .settings-checkbox{color:var(--ch-text-secondary)}.channel-settings-form .settings-checkbox input{width:16px;height:16px;accent-color:var(--ch-teal);cursor:pointer}.channel-settings-actions{display:flex;gap:10px;margin-top:4px}.channel-settings-actions button[type=submit]{flex:1;border:none;border-radius:8px;padding:11px 14px;background:var(--ch-teal);color:var(--ch-bg-deep);font-weight:700;transition:background .15s ease,box-shadow .15s ease}.channel-settings-actions button[type=submit]:hover:not(:disabled){background:var(--ch-teal-bright);box-shadow:0 0 16px #2dd4bf59}.channel-settings-actions button[type=submit]:disabled{opacity:.7;cursor:not-allowed}.app-modal--tall{width:min(100%,440px);max-height:min(88vh,640px);display:flex;flex-direction:column;padding:0;overflow:hidden}.app-modal--tall .channel-settings-header{padding:20px 24px 12px;margin-bottom:0;border-bottom:1px solid var(--ch-border)}.app-modal--tall .channel-settings-header h2{font-size:1.1rem;color:var(--ch-text)}.app-modal--tall .channel-settings-header .settings-muted{margin:4px 0 0;font-size:.82rem;font-weight:400}.app-modal-tabs{display:flex;gap:8px;padding:12px 24px 0}.app-modal-tabs button{flex:1;background:var(--ch-bg-surface);color:var(--ch-text-muted);padding:8px 12px;border-radius:8px;border:1px solid var(--ch-border);font-size:.85rem;font-weight:600;transition:background .15s ease,color .15s ease,border-color .15s ease}.app-modal-tabs button:hover{background:var(--ch-hover);color:var(--ch-text)}.app-modal-tabs button.active{background:var(--ch-selected);border-color:var(--ch-selected-border);color:var(--ch-purple-soft)}.app-modal-search-wrap{padding:12px 24px}.app-modal-search-wrap input{width:100%;border:1px solid var(--ch-border-medium);background:var(--ch-bg-input);color:var(--ch-text);border-radius:8px;padding:10px 12px;font-size:.95rem}.app-modal-search-wrap input:focus{outline:2px solid rgba(45,212,191,.45);outline-offset:1px}.app-modal-error{margin:0 24px 8px}.app-modal-body{flex:1;min-height:0;overflow-y:auto;padding:0 16px 8px}.app-modal-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px}.app-modal-row:hover{background:var(--ch-hover)}.app-modal-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.app-modal-row-name{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;color:var(--ch-text)}.app-modal-row-meta{font-size:.78rem;color:var(--ch-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-modal-online-dot{width:8px;height:8px;border-radius:50%;background:var(--ch-teal);flex-shrink:0}.app-modal-empty{margin:0;padding:24px 16px;text-align:center;color:var(--ch-text-muted);font-size:.88rem}.app-modal-footer{padding:12px 24px 20px;border-top:1px solid var(--ch-border)}.app-modal-footer .secondary-button{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:8px}.app-modal-actions{display:grid;gap:10px;padding:16px 24px 24px}.app-modal-overlay--inset.settings-overlay{position:absolute;inset:0;z-index:6;padding:16px}.primary-button--compact{padding:6px 14px;font-size:.82rem;border-radius:999px;flex-shrink:0}.primary-button--compact.sent,.primary-button--compact:disabled{background:var(--ch-bg-elevated);color:var(--ch-text-muted);box-shadow:none}.voice-channel-settings{display:grid;gap:12px;padding:12px 0 4px;border-top:1px solid var(--ch-border)}.voice-channel-settings h3{margin:0;font-size:.9rem}.voice-channel-panel{display:grid;gap:20px;width:min(100%,960px);margin:0 auto}.voice-channel-hero{display:flex;align-items:center;gap:16px}.voice-channel-hero h2{margin:0 0 4px}.voice-channel-icon{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#2dd4bf1f;color:var(--ch-teal-bright);box-shadow:0 0 24px #2dd4bf26}.voice-channel-join p{color:var(--ch-text-muted);margin:0 0 16px}.voice-join-button{border:none;border-radius:8px;padding:12px 20px;background:var(--ch-teal);color:var(--ch-bg-deep);font-weight:700;font-size:1rem}.voice-join-button:hover:not(:disabled){background:var(--ch-teal-bright)}.voice-join-button:disabled{opacity:.6;cursor:not-allowed}.voice-controls{display:flex;flex-wrap:wrap;gap:10px}.voice-control{border:1px solid var(--ch-border-medium);border-radius:8px;padding:10px 16px;background:var(--ch-bg-surface);color:var(--ch-text-secondary);font-weight:600}.voice-control:hover{border-color:var(--ch-border-strong);color:var(--ch-text)}.voice-control.active{background:#ed424533;border-color:#ed4245;color:#fecaca}.voice-control.leave{border-color:#ed424580;color:#fca5a5}.voice-control.video-active{background:#2dd4bf24;border-color:#2dd4bfa6;color:#99f6e4}.voice-video-stage{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;padding:4px 0 8px}.voice-video-stage h3{margin:0;width:100%;max-width:720px;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af}.voice-video-grid{display:grid;width:100%;max-width:720px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;justify-content:center;justify-items:center}.voice-video-grid-solo{grid-template-columns:minmax(320px,720px)}.voice-remote-media-group{display:contents}.voice-video-tile{position:relative;width:100%;aspect-ratio:16 / 9;min-height:220px;border-radius:12px;overflow:hidden;border:1px solid var(--ch-border-medium);background:var(--ch-bg-deep);box-shadow:0 12px 32px #00000059}.voice-video-tile--featured{min-height:280px;max-width:720px;border-color:#2dd4bf73;box-shadow:0 16px 40px #0006,0 0 0 1px #2dd4bf1f}.voice-video-tile--screen{min-height:180px}.voice-video-element{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;background:#05040a}.voice-video-tile--screen .voice-video-element{object-fit:contain;object-position:center center}.voice-video-element.mirrored{transform:scaleX(-1)}.voice-video-label{position:absolute;left:8px;bottom:8px;padding:4px 8px;border-radius:6px;background:#08050eb8;color:#f8fafc;font-size:.72rem;font-weight:600}.voice-ptt-hint{margin:0}.voice-participants h3{margin:0 0 10px;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af}.voice-participant-list{display:grid;gap:8px}.voice-participant{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;background:var(--ch-bg-surface);border:1px solid var(--ch-border)}.voice-participant.speaking{box-shadow:0 0 0 1px #2dd4bf80;background:#2dd4bf14}.voice-participant.you{border:1px solid rgba(45,212,191,.35)}.voice-participant-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ch-bg-surface);color:var(--ch-text-secondary);font-size:.72rem;font-weight:700}.voice-participant-name{font-weight:600}.voice-participant-status{color:#9ca3af;font-size:.82rem}.create-channel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.create-channel-header h2{margin:0;font-size:1.2rem}.create-channel-tabs{margin:16px 0}.app-brand{display:flex;align-items:center;gap:10px;font-weight:700;margin-bottom:20px}.app-brand .auth-logo{width:40px;height:40px;margin:0;border-radius:12px;font-size:1.1rem}.onboarding-card{width:min(100%,480px)}.onboarding-hint{margin:0;color:var(--ch-text-muted);font-size:.9rem;line-height:1.4}.server-hub-modal{width:min(100%,440px)}.server-hub-modal-wide{width:min(100%,520px)}.server-hub-header{display:flex;flex-direction:column;gap:4px}.server-hub-back{align-self:flex-start;padding:0;font-size:.85rem;color:var(--ch-text-muted)}.server-hub-back:hover{color:var(--ch-purple-soft)}.server-hub-menu{display:grid;gap:16px}.server-hub-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.server-hub-action-card{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;border:1px solid var(--ch-border-medium);border-radius:12px;background:var(--ch-bg-surface);text-align:left;transition:border-color .15s ease,background .15s ease,transform .15s ease}.server-hub-action-card:hover{border-color:var(--ch-border-strong);background:var(--ch-hover);transform:translateY(-1px)}.server-hub-action-card strong{font-size:1rem;color:var(--ch-text)}.server-hub-action-card span:last-child{font-size:.82rem;color:var(--ch-text-muted);line-height:1.4}.server-hub-action-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#2dd4bf26;color:var(--ch-teal-bright);font-size:1.4rem;font-weight:700}.server-hub-action-icon-join{background:#2dd4bf2e;color:var(--ch-purple-soft)}.server-hub-join{display:grid;gap:14px}.server-hub-join-tabs{margin-bottom:0}.server-hub-discover{display:grid;gap:12px}.server-hub-empty{padding:12px 0}.public-server-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;max-height:360px;overflow-y:auto}.public-server-card{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px;border:1px solid var(--ch-border);border-radius:12px;background:var(--ch-bg-surface)}.public-server-card-body{min-width:0}.public-server-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.public-server-card-head strong{font-size:.95rem;color:var(--ch-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.public-server-member-count{flex-shrink:0;font-size:.72rem;color:var(--ch-text-dim)}.public-server-description{margin:4px 0 0;font-size:.82rem;color:var(--ch-text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.public-server-join-btn{flex-shrink:0}@media(max-width:520px){.server-hub-actions{grid-template-columns:1fr}.public-server-card{grid-template-columns:auto 1fr;grid-template-rows:auto auto}.public-server-join-btn{grid-column:1 / -1;justify-self:stretch}}.server-list{display:grid;gap:8px}.server-pill{padding:10px 12px;border-radius:8px;background:var(--ch-bg-surface);color:var(--ch-text-secondary);font-weight:600;border:1px solid var(--ch-border);text-align:left;width:100%}.server-pill:hover{background:var(--ch-hover);border-color:var(--ch-border-medium)}.server-pill.active{background:var(--ch-selected);border-color:var(--ch-selected-border);color:var(--ch-text);box-shadow:inset 2px 0 0 var(--ch-accent)}.app-header-title{display:flex;align-items:center;gap:10px}.app-header-title h1{margin:0;font-size:1.25rem}.icon-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;margin:0;line-height:0;border:1px solid var(--ch-border-medium);border-radius:8px;background:var(--ch-bg-surface);color:var(--ch-text-muted);transition:background .15s ease,color .15s ease,border-color .15s ease}.icon-button:hover{background:var(--ch-hover);border-color:var(--ch-border-strong);color:var(--ch-text-secondary)}.icon-button.active{background:var(--ch-selected);border-color:var(--ch-selected-border);color:var(--ch-teal-bright)}.icon-button-badge{position:relative}.icon-button-count{position:absolute;top:-4px;right:-4px;min-width:14px;height:14px;padding:0 3px;border-radius:999px;background:#ef4444;color:#fff;font-size:.58rem;font-weight:700;line-height:14px;text-align:center}.icon-button svg{display:block;flex-shrink:0;width:18px;height:18px}.icon-button:hover:not(:disabled){background:var(--ch-active);border-color:var(--ch-border-strong);color:var(--ch-teal-bright)}.icon-button:disabled{opacity:.5;cursor:not-allowed}.icon-button.icon-button-sm{width:30px;height:30px}.icon-button.icon-button-wide{width:100%;height:36px}.icon-button.disconnect{color:#fca5a5}.icon-button.disconnect:hover:not(:disabled){background:#ef44442e;border-color:#ef444473;color:#fecaca}.settings-overlay{position:fixed;inset:0;background:#05040ac7;display:grid;place-items:center;padding:24px;z-index:100}.settings-panel{width:min(100%,1080px);height:min(88vh,800px);display:grid;grid-template-columns:260px 1fr;background:var(--ch-bg-deep);border:1px solid var(--ch-border-medium);border-radius:12px;overflow:hidden;box-shadow:0 24px 60px #0000008c,0 0 40px var(--ch-glow)}.settings-sidebar{background:#0c0814fa;border-right:1px solid var(--ch-border);display:grid;grid-template-rows:auto 1fr}.settings-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:20px 16px;border-bottom:1px solid var(--ch-border)}.settings-sidebar-header h2{margin:0;font-size:1rem;color:var(--ch-text)}.settings-close{border:none;background:transparent;color:var(--ch-text-muted);font-size:1.5rem;line-height:1}.settings-close:hover{color:var(--ch-text)}.settings-nav{display:grid;align-content:start;gap:4px;padding:12px}.settings-nav button{border:none;background:transparent;color:var(--ch-text-muted);text-align:left;padding:10px 12px;border-radius:8px}.settings-nav button:hover{background:var(--ch-hover);color:var(--ch-text)}.settings-nav button.active{background:var(--ch-selected);color:var(--ch-text);box-shadow:inset 2px 0 0 var(--ch-accent)}.settings-content{padding:32px;overflow-y:auto;background:var(--ch-bg-deep)}.settings-form{display:grid;gap:16px;max-width:720px}.settings-form h3{margin:0;color:var(--ch-text)}.settings-form label{display:grid;gap:6px;color:var(--ch-text-secondary);font-size:.9rem;font-weight:600}.settings-form input,.settings-form textarea,.settings-form select{border:1px solid var(--ch-border-medium);background:var(--ch-bg-input);color:var(--ch-text);border-radius:8px;padding:10px 12px}.settings-form input:focus,.settings-form textarea:focus,.settings-form select:focus{outline:2px solid rgba(45,212,191,.45);outline-offset:1px}.settings-form textarea{resize:vertical}.settings-form button[type=submit]{border:none;border-radius:8px;padding:11px 14px;background:var(--ch-teal);color:var(--ch-bg-deep);font-weight:700;justify-self:start}.settings-form button[type=submit]:hover:not(:disabled){background:var(--ch-teal-bright)}.settings-form button:disabled{opacity:.5;cursor:not-allowed}.text-scale-fieldset{margin:0;padding:0;border:none}.text-scale-fieldset legend{font-size:.95rem;font-weight:600;color:var(--ch-text);margin-bottom:6px}.text-scale-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}.text-scale-option{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:1px solid var(--ch-border);border-radius:10px;background:var(--ch-bg-elevated);cursor:pointer;text-align:center;transition:border-color .15s ease,background .15s ease}.text-scale-option:hover{background:var(--ch-hover)}.text-scale-option:has(input:checked){border-color:var(--ch-accent);background:#5865f21f}.text-scale-option:has(input:focus-visible){outline:2px solid var(--ch-accent);outline-offset:2px}.text-scale-option input{position:absolute;opacity:0;pointer-events:none}.text-scale-option-sample{font-size:calc(16px * var(--text-scale-preview, 1));font-weight:700;line-height:1;color:var(--ch-text)}.text-scale-option-label{font-size:.85rem;font-weight:600;color:var(--ch-text)}.text-scale-option-hint{font-size:.72rem;color:var(--ch-text-muted)}@media(max-width:640px){.text-scale-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.settings-checkbox{display:flex!important;align-items:center;gap:10px;font-weight:500}.settings-checkbox input{width:auto}.settings-muted{margin:0;color:var(--ch-text-muted);font-size:.92rem}.settings-error{padding:10px 12px;border-radius:8px;background:#ed424526;color:#ff8b8d}.settings-success{padding:10px 12px;border-radius:8px;background:#3ba55d26;color:#57f287}.voice-video-settings .voice-video-section{display:grid;gap:10px;padding-top:4px;border-top:1px solid var(--ch-border)}.voice-video-settings .voice-video-section:first-of-type{border-top:none;padding-top:0}.voice-video-settings .voice-video-section h4{margin:0;font-size:.95rem}.voice-settings-target{display:grid;gap:0}.voice-settings-target.voice-settings-focus,.voice-video-section.voice-settings-focus{border-radius:8px;box-shadow:0 0 0 2px #2dd4bf73;transition:box-shadow .25s ease}.input-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.input-profile-card{display:grid;gap:6px;padding:12px;border:1px solid var(--ch-border-medium);border-radius:10px;background:var(--ch-bg-surface);color:var(--ch-text-secondary);text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease}.input-profile-card strong{font-size:.9rem}.input-profile-card span{font-size:.78rem;color:var(--ch-text-muted);line-height:1.35}.input-profile-card:hover{border-color:#5eead473}.input-profile-card.active{border-color:#5eead4cc;background:#2dd4bf2e}.voice-profile-summary{margin:0;padding-left:18px;color:var(--ch-text-secondary);font-size:.88rem;line-height:1.6}.voice-video-settings .audio-device-test{display:flex;align-items:center;gap:12px}.audio-device-meter{flex:1;position:relative;height:8px;border-radius:999px;background:#0f172aa6;overflow:hidden}.audio-device-meter-threshold{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#fbbf24f2;z-index:1;pointer-events:none}.audio-device-meter-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#22c55e,#4ade80);transition:width .08s linear}.mic-vad-status.active{color:var(--ch-accent-soft)}.mic-vad-status{font-size:.82rem}.voice-video-settings>button[type=button]{border:none;border-radius:8px;padding:11px 14px;background:var(--ch-teal);color:var(--ch-bg-deep);font-weight:700;justify-self:start}.voice-video-settings>button[type=button]:hover:not(:disabled){background:var(--ch-teal-bright)}.voice-video-settings>button[type=button]:disabled{opacity:.6;cursor:not-allowed}.settings-card{display:grid;gap:12px;padding:16px;border-radius:10px;background:var(--ch-bg-surface);border:1px solid var(--ch-border-medium)}.settings-toggle-row{grid-template-columns:1fr auto;align-items:center}.settings-inline{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.invite-code{padding:8px 12px;border-radius:8px;background:var(--ch-bg-input);border:1px solid var(--ch-border-medium);color:var(--ch-purple-soft);font-size:1rem;letter-spacing:.08em}.toggle{min-width:88px;border:1px solid var(--ch-border-medium);border-radius:999px;padding:8px 14px;background:var(--ch-bg-surface);color:var(--ch-text-secondary)}.toggle.active{background:#ed424533;border-color:#ed424580;color:#fecaca}.member-list{display:grid;gap:8px}.member-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:8px;background:var(--ch-bg-surface);border:1px solid var(--ch-border)}.member-row strong{display:block}.member-badge{margin-left:8px;padding:2px 8px;border-radius:999px;background:#2dd4bf59;color:var(--ch-purple-soft);font-size:.75rem;font-weight:700}.roles-settings{display:flex;flex-direction:column;gap:16px;min-height:0}.roles-settings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.roles-settings-header h3{margin:0 0 4px}.roles-layout{display:grid;grid-template-columns:220px 1fr;gap:16px;min-height:0;flex:1}.roles-list{display:flex;flex-direction:column;gap:4px;overflow-y:auto;max-height:520px;padding-right:4px}.role-list-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:none;border-radius:6px;background:transparent;color:var(--ch-text-secondary);text-align:left;cursor:pointer}.role-list-item:hover{background:var(--ch-hover)}.role-list-item.active{background:var(--ch-selected);box-shadow:inset 2px 0 0 var(--ch-accent)}.role-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.role-color-dot.large{width:20px;height:20px}.role-list-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-list-count{color:var(--ch-text-muted);font-size:.85rem}.role-editor{display:flex;flex-direction:column;gap:16px;overflow-y:auto;max-height:520px;padding-right:4px}.role-editor-header{display:flex;align-items:center;gap:12px}.role-editor-header input{flex:1;font-size:1.1rem;font-weight:600}.role-color-label{display:flex;flex-direction:column;gap:8px}.role-color-picker{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.role-swatch{width:28px;height:28px;border:2px solid transparent;border-radius:50%;cursor:pointer;padding:0}.role-swatch.active{border-color:#fff;box-shadow:0 0 0 2px var(--ch-accent)}.role-color-picker input[type=color]{width:36px;height:36px;padding:0;border:none;background:transparent;cursor:pointer}.role-permissions{display:grid;gap:16px}.permission-group h4{margin:0 0 8px;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ch-text-muted)}.permission-list{display:grid;gap:8px}.permission-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:8px;background:var(--ch-bg-surface);border:1px solid var(--ch-border);cursor:pointer}.permission-item input{margin-top:3px}.permission-item strong{display:block}.permission-item small{display:block;color:var(--ch-text-muted);margin-top:2px}.role-members-section h4{margin:0 0 8px}.role-member-list{display:grid;gap:6px;margin-bottom:12px}.role-member-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:6px;background:var(--ch-bg-surface);border:1px solid var(--ch-border)}.role-member-row small{display:block;color:var(--ch-text-muted)}.role-assign-row{display:flex;gap:8px}.role-assign-row select{flex:1}.role-editor-actions{display:flex;gap:12px;padding-top:8px;border-top:1px solid var(--ch-border)}.danger-card{border-color:#ed424559}.danger-button{border:none;border-radius:8px;padding:10px 14px;background:#ed4245;color:#fff;font-weight:600}.secondary-button.subtle{padding:6px 10px;font-size:.82rem;font-weight:600}.danger-button.subtle{background:transparent;border:1px solid rgba(237,66,69,.55);color:#ff8b8d}.danger-button.subtle:hover:not(:disabled){background:#ed42451f;color:#ffb4b5}.danger-button:hover:not(:disabled){background:#c03537}.danger-button:disabled{opacity:.6;cursor:not-allowed}.app-main{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:var(--ch-bg-deep)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;min-height:48px;flex-shrink:0;border-bottom:1px solid var(--ch-border);background:var(--ch-bg-elevated);box-shadow:0 1px #00000026}.app-header-title{display:flex;align-items:center;gap:8px;min-width:0}.app-header-channel-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;color:var(--ch-text-muted)}.app-header-channel-icon svg{width:20px;height:20px}.app-header h1{margin:0;font-size:1rem;font-weight:700;color:var(--ch-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-header-members-toggle{flex-shrink:0}.app-header-members-toggle svg{width:20px;height:20px}.app-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 24px;text-align:center;min-height:100%}.app-welcome-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#2dd4bf26;color:var(--ch-purple-soft)}.app-welcome-icon svg{width:32px;height:32px}.app-welcome h2{margin:0;font-size:1.5rem;color:var(--ch-text)}.app-welcome p{margin:0;max-width:420px;color:var(--ch-text-muted);line-height:1.5}.members-sidebar{display:flex;flex-direction:column;min-height:100vh;background:var(--ch-bg-surface);border-left:1px solid var(--ch-border);overflow:hidden}.members-sidebar-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:16px 12px 12px;border-bottom:1px solid var(--ch-border)}.members-sidebar-header-text{min-width:0;flex:1}.members-sidebar-collapse{flex-shrink:0;margin-top:2px}.members-sidebar-collapsed{display:flex;flex-direction:column;align-items:center;min-height:100vh;width:48px;padding:12px 0;background:var(--ch-bg-surface);border-left:1px solid var(--ch-border)}.members-sidebar-expand{position:relative;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--ch-border-medium);border-radius:8px;background:var(--ch-bg-elevated);color:var(--ch-text-muted);transition:background .15s ease,color .15s ease,border-color .15s ease}.members-sidebar-expand:hover{background:var(--ch-hover);border-color:var(--ch-border-strong);color:var(--ch-text)}.members-sidebar-expand svg{width:18px;height:18px}.members-sidebar-expand-count{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--ch-teal);color:var(--ch-bg-deep);font-size:.62rem;font-weight:700;line-height:16px;text-align:center}.members-sidebar-header h2{margin:0 0 6px;font-size:.95rem;font-weight:800;color:var(--ch-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.members-online-count{display:block;font-size:.72rem;font-weight:600;color:var(--ch-text-muted)}.members-sidebar-body{flex:1;min-height:0;overflow-y:auto;padding:10px 8px 16px}.members-sidebar-error,.members-sidebar-empty{margin:8px;font-size:.82rem;color:var(--ch-text-muted)}.members-sidebar-error{color:#ff8b8d}.members-online-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.members-online-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;transition:background .15s ease}.members-online-item:hover{background:var(--ch-hover)}.members-online-avatar-wrap{position:relative;flex-shrink:0}.members-online-avatar.user-avatar{width:32px;height:32px}.members-online-status{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:#23a559;border:2px solid rgba(10,7,16,.96)}.members-online-meta{display:grid;gap:1px;min-width:0}.members-online-name{font-size:.88rem;font-weight:600;color:var(--ch-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.members-online-role{font-size:.72rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.members-sidebar-search{padding:8px 12px 0}.members-sidebar-search input{width:100%;padding:8px 10px;border:1px solid var(--ch-border-medium);border-radius:6px;background:var(--ch-bg-elevated);color:var(--ch-text);font-size:.85rem}.members-sidebar-search input:focus{outline:none;border-color:var(--ch-accent)}.members-list-section{margin-bottom:16px}.members-list-section--offline{opacity:.92}.members-list-heading{margin:0 0 6px;padding:0 4px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ch-text-muted)}.members-list-item--offline .members-online-name{color:var(--ch-text-muted)}.members-list-button{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;border:none;border-radius:6px;background:transparent;color:inherit;text-align:left;cursor:pointer}.members-list-button:hover{background:var(--ch-hover)}.members-offline-list .members-online-avatar-wrap{opacity:.75}.user-profile-popover{--profile-accent: var(--ch-teal);--profile-accent-dim: rgba(45, 212, 191, .22);--profile-accent-glow: rgba(45, 212, 191, .38);position:fixed;z-index:1200;width:min(340px,calc(100vw - 16px));border:1px solid var(--profile-accent-dim);border-radius:4px;background:linear-gradient(165deg,#1a1a20f7,#0c0c10fa);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 0 0 1px #ffffff0a inset,0 0 40px var(--profile-accent-dim),0 24px 56px #0000008c;overflow:hidden;animation:user-profile-enter .24s cubic-bezier(.22,1,.36,1)}@keyframes user-profile-enter{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}.user-profile-popover-chrome{pointer-events:none;position:absolute;inset:0;z-index:3}.user-profile-popover-corner{position:absolute;width:14px;height:14px;border-color:var(--profile-accent);opacity:.85}.user-profile-popover-corner--tl{top:6px;left:6px;border-top:2px solid;border-left:2px solid}.user-profile-popover-corner--tr{top:6px;right:6px;border-top:2px solid;border-right:2px solid}.user-profile-popover-corner--bl{bottom:6px;left:6px;border-bottom:2px solid;border-left:2px solid}.user-profile-popover-corner--br{bottom:6px;right:6px;border-bottom:2px solid;border-right:2px solid}.user-profile-popover-hud{position:relative;height:76px;overflow:hidden;border-bottom:1px solid var(--profile-accent-dim)}.user-profile-popover-hud-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:18px 18px;-webkit-mask-image:linear-gradient(180deg,#000 30%,transparent 100%);mask-image:linear-gradient(180deg,#000 30%,transparent 100%)}.user-profile-popover-hud-glow{position:absolute;inset:0;background:radial-gradient(ellipse 90% 120% at 12% 0%,var(--profile-accent-glow),transparent 58%),radial-gradient(ellipse 60% 80% at 88% 20%,rgba(45,212,191,.12),transparent 55%)}.user-profile-popover-hud-scan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--profile-accent),transparent);opacity:.55;animation:user-profile-scan 3.8s linear infinite}@keyframes user-profile-scan{0%{top:-4px;opacity:0}8%{opacity:.55}92%{opacity:.55}to{top:100%;opacity:0}}.user-profile-popover-body{position:relative;z-index:1;padding:0 16px 16px}.user-profile-popover-identity{display:flex;gap:14px;align-items:flex-start;margin-top:-28px}.user-profile-popover-avatar-frame{position:relative;flex-shrink:0;padding:3px;background:linear-gradient(135deg,var(--profile-accent),transparent 65%);clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.user-profile-popover-avatar.user-avatar{width:72px;height:72px;border:none;border-radius:2px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}.user-profile-popover-presence-ring{position:absolute;right:-3px;bottom:-3px;width:14px;height:14px;border-radius:2px;border:2px solid var(--ch-bg-elevated);box-shadow:0 0 8px currentColor}.user-profile-popover-presence-ring.user-profile-presence-dot--online{background:#34d399;color:#34d399;animation:user-profile-signal-pulse 2.4s ease-in-out infinite}.user-profile-popover-presence-ring.user-profile-presence-dot--idle{background:#fbbf24;color:#fbbf24}.user-profile-popover-presence-ring.user-profile-presence-dot--dnd{background:#f87171;color:#f87171}.user-profile-popover-presence-ring.user-profile-presence-dot--offline{background:var(--ch-text-muted);color:var(--ch-text-muted)}@keyframes user-profile-signal-pulse{0%,to{box-shadow:0 0 4px currentColor}50%{box-shadow:0 0 14px currentColor}}.user-profile-popover-id-block{flex:1;min-width:0;padding-top:32px}.user-profile-popover-id-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.user-profile-popover-tag,.user-profile-popover-rank-tag{display:inline-block;padding:2px 7px;border:1px solid var(--profile-accent-dim);border-radius:2px;font-family:Cascadia Code,Consolas,SF Mono,monospace;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ch-accent-soft);background:#2dd4bf14}.user-profile-popover-rank-tag{background:color-mix(in srgb,var(--role-color, var(--ch-teal)) 12%,transparent)}.user-profile-popover-display-name{margin:0;font-size:1.12rem;font-weight:700;letter-spacing:-.01em;color:var(--ch-text);line-height:1.2}.user-profile-popover-username{margin:4px 0 0;font-family:Cascadia Code,Consolas,SF Mono,monospace;font-size:.78rem;color:var(--ch-text-muted)}.user-profile-popover-handle-prefix{color:var(--profile-accent);opacity:.9}.user-profile-popover-signal{display:flex;align-items:center;gap:7px;margin-top:8px}.user-profile-popover-signal-dot{width:6px;height:6px;border-radius:1px;flex-shrink:0}.user-profile-popover-signal-dot.user-profile-presence-dot--online{background:#34d399;box-shadow:0 0 8px #34d399;animation:user-profile-signal-pulse 2.4s ease-in-out infinite}.user-profile-popover-signal-dot.user-profile-presence-dot--idle{background:#fbbf24}.user-profile-popover-signal-dot.user-profile-presence-dot--dnd{background:#f87171}.user-profile-popover-signal-dot.user-profile-presence-dot--offline{background:var(--ch-text-muted)}.user-profile-popover-signal-label{font-family:Cascadia Code,Consolas,SF Mono,monospace;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ch-text-secondary)}.user-profile-popover-signal-sep{margin:0 4px;color:var(--profile-accent);opacity:.75}.user-profile-popover-toolbar{display:flex;gap:6px;margin-top:16px}.user-profile-popover-tool{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;padding:8px 4px;border:1px solid var(--ch-border-medium);border-radius:2px;background:#ffffff05;color:var(--ch-text-secondary);cursor:pointer;transition:border-color .15s,color .15s,background .15s,box-shadow .15s}.user-profile-popover-tool span{font-family:Cascadia Code,Consolas,SF Mono,monospace;font-size:.58rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.user-profile-popover-tool:hover:not(:disabled){border-color:var(--profile-accent-dim);color:var(--ch-accent-soft);background:#2dd4bf0f;box-shadow:0 0 16px var(--profile-accent-dim)}.user-profile-popover-tool.active,.user-profile-popover-tool--accent{border-color:var(--profile-accent);color:var(--ch-accent-soft);background:#2dd4bf1a}.user-profile-popover-tool:disabled{opacity:.45;cursor:not-allowed}.user-profile-presence-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.user-profile-presence-dot--online{background:#34d399}.user-profile-presence-dot--idle{background:#fbbf24}.user-profile-presence-dot--dnd{background:#f87171}.user-profile-presence-dot--offline{background:var(--ch-text-muted)}.user-profile-popover-roles{margin-top:16px;padding:12px;border:1px solid var(--ch-border);border-radius:2px;background:#00000038}.user-profile-popover-roles-label{display:block;margin-bottom:8px;font-family:Cascadia Code,Consolas,SF Mono,monospace;font-size:.62rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ch-text-muted)}.user-profile-popover-role-list{display:flex;flex-wrap:wrap;gap:6px}.user-profile-popover-role-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid;border-radius:2px;font-size:.72rem;font-weight:600;background:color-mix(in srgb,var(--role-color, var(--ch-teal)) 8%,transparent);box-shadow:inset 0 0 12px color-mix(in srgb,var(--role-color, var(--ch-teal)) 12%,transparent)}.user-profile-popover-role-dot{width:6px;height:6px;border-radius:1px;flex-shrink:0;box-shadow:0 0 6px currentColor}.user-profile-popover-member-since,.user-profile-popover-details{margin-top:14px;padding:10px 12px;border:1px solid var(--ch-border);border-radius:2px;background:#0000002e}.user-profile-popover-member-since{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;align-items:baseline;font-size:.82rem}.user-profile-popover-member-since-value{font-family:Cascadia Code,Consolas,SF Mono,monospace;color:var(--ch-text-secondary);text-align:right}.user-profile-popover-details{display:grid;gap:8px}.user-profile-popover-detail-row{display:grid;grid-template-columns:88px 1fr;gap:8px;align-items:baseline;font-size:.82rem}.user-profile-popover-detail-label{font-family:Cascadia Code,Consolas,SF Mono,monospace;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ch-text-muted)}.user-profile-popover-nickname-edit{margin-top:12px;display:grid;gap:8px}.user-profile-popover-nickname-edit input{width:100%;padding:8px 10px;border:1px solid var(--ch-border-medium);border-radius:2px;background:var(--ch-bg-surface);color:var(--ch-text);font-family:Cascadia Code,Consolas,SF Mono,monospace;font-size:.82rem}.user-profile-popover-nickname-actions{display:flex;gap:8px}.user-profile-popover-nickname-actions button{flex:1;padding:6px 10px;border:1px solid var(--ch-border-medium);border-radius:2px;background:var(--ch-bg-surface);color:var(--ch-text);cursor:pointer;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.user-profile-popover-action-error{margin:10px 0 0;font-size:.78rem;font-family:Cascadia Code,Consolas,SF Mono,monospace;color:var(--ch-danger, #f87171)}.user-profile-popover-mod-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.user-profile-popover-action{flex:1 1 calc(50% - 3px);min-width:0;padding:7px 10px;border:1px solid var(--ch-border-medium);border-radius:2px;background:#ffffff08;color:var(--ch-text-secondary);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.user-profile-popover-action:hover:not(:disabled){border-color:var(--profile-accent-dim);color:var(--ch-accent-soft);background:#2dd4bf0f}.user-profile-popover-action:disabled{opacity:.6;cursor:not-allowed}.user-profile-popover-action--warn{border-color:#fbbf2459;color:#fcd34d}.user-profile-popover-action--danger{border-color:#f8717166;color:#fca5a5}.user-profile-popover-compose{display:flex;align-items:center;gap:8px;margin-top:14px;padding:8px 10px;border:1px solid var(--profile-accent-dim);border-radius:2px;background:#00000059;box-shadow:inset 0 0 20px #2dd4bf0a}.user-profile-popover-compose-prompt{font-family:Cascadia Code,Consolas,SF Mono,monospace;font-size:.9rem;font-weight:700;color:var(--profile-accent);flex-shrink:0;-webkit-user-select:none;user-select:none}.user-profile-popover-compose input{flex:1;min-width:0;padding:4px 0;border:none;border-radius:0;background:transparent;color:var(--ch-text);font-family:Cascadia Code,Consolas,SF Mono,monospace;font-size:.82rem}.user-profile-popover-compose input:focus{outline:none}.user-profile-popover-compose input::placeholder{color:var(--ch-text-dim);opacity:.85}.user-profile-popover-compose-send{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--profile-accent-dim);border-radius:2px;background:#2dd4bf1f;color:var(--ch-accent-soft);cursor:pointer;flex-shrink:0;transition:background .15s,box-shadow .15s}.user-profile-popover-compose-send:hover:not(:disabled){background:#2dd4bf38;box-shadow:0 0 14px var(--profile-accent-dim)}.user-profile-popover-compose-send:disabled{opacity:.35;cursor:not-allowed}.user-profile-popover-loading,.user-profile-popover-error{padding:28px 16px;font-family:Cascadia Code,Consolas,SF Mono,monospace;font-size:.82rem;letter-spacing:.04em;color:var(--ch-text-muted)}.user-profile-popover-loading:before{content:"// ";color:var(--ch-accent)}.user-profile-popover-error{color:var(--ch-danger, #f87171)}.user-profile-popover-error:before{content:"! ";color:var(--ch-danger, #f87171)}.app-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.text-channel-view{padding:0;flex:1;min-height:0}.voice-channel-view{padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:0;overflow-y:auto}.voice-stage-content{padding:0;flex:1;min-height:0;overflow:hidden;background:#000}.voice-call-view{position:relative;display:flex;flex-direction:column;height:100%;min-height:0;background:#000;overflow:hidden}.voice-call-view--fullscreen{background:#000}.voice-call-stage{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:32px 24px 96px;overflow-y:auto}.voice-call-tiles{display:flex;flex-direction:column;align-items:stretch;gap:16px;width:min(100%,640px)}.voice-call-tiles .voice-video-tile{width:100%;aspect-ratio:16 / 9;min-height:0;max-height:min(45vh,360px);border-radius:12px;border:1px solid var(--ch-border-medium);box-shadow:0 12px 32px #00000059;background:var(--ch-bg-elevated)}.voice-call-tiles .voice-video-label{left:12px;bottom:12px;padding:6px 10px;border-radius:8px;font-size:.82rem;background:#08050eb8;color:var(--ch-text)}.voice-call-empty-tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;aspect-ratio:16 / 9;max-height:min(45vh,360px);border-radius:12px;border:1px solid var(--ch-border-medium);background:radial-gradient(ellipse 80% 60% at 50% 20%,rgba(45,212,191,.18),transparent 60%),linear-gradient(145deg,#0c0814fa,#1a1a20f2);overflow:hidden}.voice-call-empty-art{position:relative;width:120px;height:80px}.voice-call-empty-gem{position:absolute;left:0;bottom:0;width:48px;height:48px;border-radius:8px;background:linear-gradient(135deg,var(--ch-teal),#0d9488);transform:rotate(-12deg);opacity:.9}.voice-call-empty-trophy{position:absolute;right:0;top:0;width:64px;height:64px;border-radius:50%;background:linear-gradient(145deg,#fde68a,#fbbf24 45%,#d97706);box-shadow:0 8px 24px #fbbf2447,inset 0 1px #ffffff59}.voice-call-empty-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:0 16px}.voice-call-empty-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--ch-border-medium);border-radius:999px;background:var(--ch-bg-surface);color:var(--ch-text-secondary);font-size:.88rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.voice-call-empty-btn:hover:not(:disabled){background:var(--ch-hover);border-color:var(--ch-border-strong);color:var(--ch-text)}.voice-call-empty-btn:disabled{opacity:.6;cursor:not-allowed}.voice-call-bottom-bar{position:absolute;left:50%;bottom:24px;transform:translate(-50%);display:flex;align-items:center;gap:12px;z-index:4;max-width:calc(100% - 32px)}.voice-call-bottom-bar--controls-only{gap:0}.voice-call-rail-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.voice-call-rail-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--ch-border-medium);border-radius:999px;background:#0f0a18eb;color:var(--ch-text-secondary);font-size:.82rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;box-shadow:0 8px 24px #00000059}.voice-call-rail-btn:hover:not(:disabled){background:var(--ch-hover);border-color:var(--ch-border-strong);color:var(--ch-text)}.voice-call-controls{position:static;transform:none;display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:#0f0a18eb;border:1px solid var(--ch-border-medium);box-shadow:0 8px 32px #00000080,0 0 24px var(--ch-glow);flex-shrink:0}.voice-call-control-group{display:inline-flex;align-items:center;gap:0}.voice-call-control-btn{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--ch-border);border-radius:50%;background:var(--ch-bg-elevated);color:var(--ch-text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.voice-call-control-btn:hover{background:var(--ch-hover);border-color:var(--ch-border-strong);color:var(--ch-text)}.voice-call-control-btn.active{background:#2dd4bf2e;border-color:#2dd4bf73;color:var(--ch-teal-bright)}.voice-call-control-btn.muted,.voice-call-control-btn--leave{background:#f8717126;border-color:#f8717166;color:var(--ch-danger)}.voice-call-control-btn--leave:hover{background:#ef444438;color:#fecaca}.voice-call-control-chevron{display:grid;place-items:center;width:18px;height:44px;margin-left:-4px;padding:0;border:none;background:transparent;color:var(--ch-text-dim);cursor:default;opacity:.7}.voice-call-corner{position:absolute;bottom:28px;display:flex;align-items:center;gap:8px;z-index:3}.voice-call-corner--left{left:20px}.voice-call-corner--right{right:20px}.voice-call-corner-btn{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--ch-border-medium);border-radius:8px;background:#0f0a18e0;color:var(--ch-text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.voice-call-corner-btn:hover,.voice-call-corner-btn.active{background:var(--ch-hover);border-color:var(--ch-border-strong);color:var(--ch-purple-soft)}.voice-call-participants-panel{position:absolute;left:20px;bottom:80px;width:min(360px,calc(100% - 40px));border-radius:12px;overflow:hidden;border:1px solid var(--ch-border-medium);box-shadow:0 12px 40px #0000008c,0 0 24px var(--ch-glow);z-index:5}.voice-call-participants-panel .voice-participant-strip{border-top:none;border-radius:12px;background:#0f0a18fa;border:none}.app-shell--voice-stage .app-main{background:#000}.voice-stage-view{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--ch-bg-deep)}.voice-stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;flex-shrink:0;border-bottom:1px solid var(--ch-border);background:var(--ch-bg-elevated);box-shadow:0 1px #04040533}.voice-stage-toolbar-left{display:flex;flex-direction:column;gap:2px;min-width:0}.voice-stage-title{margin:0;font-size:1rem;font-weight:600;color:var(--ch-text)}.voice-stage-subtitle{font-size:.78rem;color:var(--ch-text-muted)}.voice-stage-toolbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.voice-stage-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:6px;border:1px solid var(--ch-border);background:var(--ch-bg-surface);color:var(--ch-text-secondary);font-size:.82rem;font-weight:500;cursor:pointer}.voice-stage-btn:hover{background:var(--ch-hover);color:var(--ch-text)}.voice-stage-btn.active{background:#2dd4bf24;border-color:#2dd4bf59;color:var(--ch-teal-bright)}.voice-stage-btn--sm{padding:4px 8px;font-size:.75rem}.voice-stage-layout{flex:1;min-height:0;display:flex;flex-direction:column}.voice-stage-view--chat-expanded .voice-stage-video{flex:1 1 0}.voice-stage-video{position:relative;flex:1 1 0;min-height:0;container-type:size;display:flex;align-items:stretch;justify-content:stretch;padding:0;overflow:hidden;background:#141518;transition:flex .35s cubic-bezier(.4,0,.2,1)}.voice-stage-video:fullscreen{padding:0;background:#05040a}.voice-stage-grid{display:grid;width:100%;height:100%;max-width:none;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-auto-rows:1fr;gap:0;align-items:stretch;justify-items:stretch;align-content:stretch;justify-content:stretch}.voice-stage-grid--solo{display:flex;align-items:stretch;justify-content:stretch;width:100%;height:100%;max-width:none;margin:0}.voice-stage-grid .voice-video-tile{aspect-ratio:auto;width:100%;height:100%;min-height:0;max-height:none;border-radius:0;border-left:none;border-right:none;box-shadow:none}.voice-stage-grid--solo .voice-video-tile{flex:1;width:100%;height:100%;max-width:none;max-height:none}.voice-stage-grid .voice-video-tile--featured{min-height:0;max-width:none;border-color:var(--ch-border-medium);box-shadow:none}.voice-stage-grid .voice-video-tile--screen .voice-video-element{object-fit:contain}.voice-stage-grid .voice-video-tile--camera .voice-video-element{object-fit:cover}.voice-stage-video:fullscreen .voice-stage-grid{max-width:none;width:100%;height:100%;padding:0}.voice-stage-video:fullscreen .voice-stage-grid--solo .voice-video-tile{width:100%;height:100%;max-width:none;max-height:none;min-height:0}.voice-stage-fullscreen-bar{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:linear-gradient(transparent,#000000bf);color:#f8fafc;opacity:0;transition:opacity .2s ease;pointer-events:none}.voice-stage-video:fullscreen:hover .voice-stage-fullscreen-bar{opacity:1;pointer-events:auto}.voice-stage-chat-dock{flex-shrink:0;background:var(--ch-bg-elevated)}.voice-stage-chat-panel{display:flex;flex-direction:column;height:clamp(240px,30vh,320px);min-height:240px;max-height:320px;border-top:1px solid var(--ch-border);background:var(--ch-bg-surface)}.voice-stage-chat-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 10px;border-bottom:1px solid var(--ch-border);background:var(--ch-bg-elevated);flex-shrink:0;min-height:32px}.voice-stage-chat-header-title{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;color:var(--ch-text)}.voice-stage-chat-body{flex:1;min-height:0;overflow:hidden}.voice-stage-grid--multi{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.voice-participant-strip{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;border-top:1px solid var(--ch-border);background:var(--ch-bg-elevated);flex-shrink:0}.voice-participant-strip-avatars{display:flex;align-items:center;gap:8px;overflow-x:auto;min-width:0}.voice-participant-chip{display:inline-flex;align-items:center;gap:6px;padding:3px 8px 3px 3px;border-radius:999px;background:var(--ch-bg-surface);border:1px solid transparent;flex-shrink:0}.voice-participant-chip.speaking{border-color:#2dd4bf8c;box-shadow:0 0 0 1px #2dd4bf26}.voice-participant-chip-initials{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--ch-bg-input);font-size:.68rem;font-weight:700;color:var(--ch-text)}.voice-participant-chip-name{font-size:.78rem;color:var(--ch-text-secondary);max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.voice-participant-strip-meta{flex-shrink:0;font-size:.72rem;color:var(--ch-text-muted)}.dm-popout-overlay{position:fixed;inset:0;z-index:120;background:#05040ac7;display:flex;align-items:flex-end;justify-content:flex-end;padding:16px}.dm-popout{width:min(420px,100%);height:min(72vh,640px);display:flex;flex-direction:column;border-radius:12px;overflow:hidden;border:1px solid var(--ch-border-medium);background:#0f0a18fa;box-shadow:0 24px 60px #0000008c,0 0 40px var(--ch-glow)}.dm-popout-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 20px;border-bottom:1px solid var(--ch-border);background:#0c0814fa}.dm-popout-header h2{margin:0;font-size:1rem;color:var(--ch-text)}.dm-popout-body{flex:1;min-height:0;overflow:hidden}.watch-together-modal .watch-together-active{display:flex;flex-direction:column;gap:10px}.channel-category-group{margin-bottom:10px;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.04)}.channel-category-heading-btn{letter-spacing:.06em;text-transform:uppercase;font-size:.72rem}.text-channel-panel--embedded .text-channel-toolbar{padding:8px 10px}@media(max-width:768px){.voice-call-stage{padding:16px 12px 88px}.voice-call-tiles{width:100%}.voice-call-bottom-bar:not(.voice-call-bottom-bar--controls-only){bottom:16px;flex-direction:column-reverse;align-items:center;gap:10px;max-width:calc(100% - 24px)}.voice-call-bottom-bar:not(.voice-call-bottom-bar--controls-only) .voice-call-rail-actions{width:100%;justify-content:center;flex-wrap:wrap}.voice-call-rail-btn{padding:8px 12px;font-size:.78rem}.voice-call-bottom-bar--controls-only{bottom:16px;max-width:calc(100% - 24px)}.voice-call-controls{padding:6px 8px;gap:4px;max-width:100%;overflow-x:auto}.voice-call-control-btn{width:40px;height:40px;flex-shrink:0}.voice-call-control-chevron{display:none}.voice-call-corner{bottom:72px}.voice-call-view:has(.voice-call-bottom-bar:not(.voice-call-bottom-bar--controls-only)) .voice-call-corner{bottom:128px}.voice-call-corner--left{left:12px}.voice-call-corner--right{right:12px}.voice-call-participants-panel{left:12px;bottom:120px}.voice-stage-toolbar{flex-wrap:wrap;gap:8px}.voice-stage-chat-panel{height:clamp(200px,34vh,280px);min-height:200px;max-height:280px}.dm-popout-overlay{padding:0;align-items:stretch}.dm-popout{width:100%;height:min(88vh,100%);border-radius:12px 12px 0 0}.voice-participant-chip-name{display:none}.app-shell--voice-stage{grid-template-columns:1fr}}.text-channel-panel--embedded{height:100%;background:var(--ch-bg-surface)}.text-channel-panel--embedded .text-channel-start:not(.text-channel-start-compact){display:none}.text-channel-panel--embedded .text-channel-body{min-height:0}.text-channel-panel--embedded .text-channel-messages{padding:8px 12px 4px}.text-channel-panel--embedded .text-channel-footer{padding:6px 8px 8px}.text-channel-panel--embedded .text-channel-composer-card{padding:0;border-radius:8px}.text-channel-panel--embedded .text-channel-composer-inner{min-height:36px;padding:6px 8px}.text-channel-panel--embedded .text-channel-composer-inner textarea{min-height:22px;max-height:72px;font-size:.9rem;line-height:1.35}.text-channel-panel--embedded .message-item{padding-top:2px;padding-bottom:2px}.text-channel-panel--embedded .message-content{font-size:.92rem}.text-channel-panel{display:flex;flex-direction:column;flex:1;height:100%;min-height:0;background:var(--ch-bg-surface)}.text-channel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;flex-shrink:0;border-bottom:1px solid var(--ch-border);background:var(--ch-bg-elevated);box-shadow:0 1px #04040533}.text-channel-toolbar-compact{justify-content:flex-end}.text-channel-toolbar-spacer{flex:1;min-width:0}.text-channel-toolbar h2{margin:0;font-size:1.1rem;color:var(--ch-text-secondary)}.text-channel-back{border:none;background:transparent;color:var(--ch-purple-soft);padding:4px 0 0;font-size:.85rem}.text-channel-toolbar-actions{display:flex;align-items:center;gap:10px}.text-channel-status{font-size:.78rem;color:var(--ch-text-dim)}.text-channel-status.online{color:#86efac}.text-channel-error{margin:12px 20px 0}.text-channel-body{display:flex;flex:1;min-height:0}.text-channel-messages{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column;gap:0;background:var(--ch-bg-surface)}.text-channel-meta{margin:0;color:var(--ch-text-dim);font-size:.88rem;text-align:center}.message-item{position:relative;display:flex;gap:16px;padding:2px 48px 2px 72px;margin:0;border-radius:0}.message-item:not(.grouped){margin-top:17px}.message-item.grouped{padding-top:0;margin-top:0}.message-item:hover{background:#04040512}.message-item.mention-me{background:#4f54e60d;box-shadow:none}.message-item.mention-me:hover{background:#4f54e614}.message-item.mention-me .message-mention{background:transparent;padding:0;color:#aeb3f0;font-weight:500}.message-avatar-col{position:absolute;left:16px;width:40px;flex-shrink:0;padding-top:2px}.message-avatar-col .user-avatar{width:40px;height:40px}.message-body-col{flex:1;min-width:0;position:relative}.message-menu-grouped{position:absolute;right:0;top:0}.message-item.grouped .message-avatar-col{display:flex;align-items:center;justify-content:flex-end;padding-top:0}.message-item.grouped .message-time-compact{position:static;transform:none}.message-time-compact{font-size:.68rem;line-height:1;color:#72767d;text-align:right;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease}.message-item.grouped:hover .message-time-compact{opacity:1}.text-channel-welcome{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px 20px 32px;max-width:520px}.text-channel-welcome-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:#2dd4bf1f;color:var(--ch-purple-soft);font-size:2rem;font-weight:700}.text-channel-welcome h3{margin:0;font-size:1.75rem;font-weight:700;color:var(--ch-text)}.text-channel-welcome p{margin:0;color:var(--ch-text-muted);line-height:1.5}.message-item.deleted{opacity:.7}.message-header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:4px}.message-header-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;min-width:0;line-height:1.375rem}.message-author-name{color:#b9bbbe;font-weight:500;font-size:1rem;cursor:pointer}.message-author-name:hover{text-decoration:underline}.message-author-badge{display:inline-flex;align-items:center;padding:0 4px;border-radius:3px;background:#4f54e61f;color:#7c82c9;font-size:.625rem;font-weight:700;line-height:.875rem;text-transform:uppercase;letter-spacing:.02em}.message-header-meta strong{color:var(--ch-text);font-weight:600}.message-menu{position:relative;flex-shrink:0}.message-menu-trigger{display:grid;place-items:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--ch-text-muted);opacity:0;transition:opacity .15s ease,background .15s ease,color .15s ease}.message-item:hover .message-menu-trigger,.message-menu-trigger[aria-expanded=true]{opacity:1}.message-menu-trigger:hover,.message-menu-trigger[aria-expanded=true]{background:var(--ch-bg-surface);color:var(--ch-text)}.message-menu-dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:20;display:grid;min-width:140px;padding:4px;border:1px solid var(--ch-border-medium);border-radius:8px;background:var(--ch-bg-elevated);box-shadow:0 12px 28px #00000073,0 0 20px var(--ch-glow)}.message-menu-dropdown button{border:none;background:transparent;color:var(--ch-text-secondary);text-align:left;padding:8px 10px;border-radius:6px;font-size:.85rem}.message-menu-dropdown button:hover{background:var(--ch-hover);color:var(--ch-text)}.message-footer{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;width:100%}.message-reaction-picker-wrap{position:relative;display:flex;align-items:center}.message-add-reaction{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--ch-text-muted);opacity:0;transition:opacity .15s ease,border-color .15s ease,color .15s ease,background .15s ease,transform .15s ease}.message-item:hover .message-add-reaction,.message-add-reaction[aria-expanded=true]{opacity:1}.message-add-reaction:hover,.message-add-reaction[aria-expanded=true]{border-color:var(--ch-border-medium);background:var(--ch-bg-surface);color:var(--ch-text-secondary);transform:scale(1.05)}.message-add-reaction svg{display:block}.message-reaction-picker{position:absolute;bottom:calc(100% + 8px);left:0;z-index:20;display:flex;gap:4px;padding:6px;border:1px solid var(--ch-border-medium);border-radius:999px;background:var(--ch-bg-elevated);box-shadow:0 12px 28px #00000073,0 0 20px var(--ch-glow)}.message-reaction-picker button{border:none;background:transparent;border-radius:999px;padding:4px 6px;font-size:1.1rem;line-height:1}.message-reaction-picker button:hover{background:var(--ch-hover);transform:scale(1.1)}.message-time,.message-edited{color:#72767d;font-size:.75rem;font-weight:500;line-height:1.375rem}.message-reply-preview{display:flex;align-items:center;gap:6px;margin:0 0 4px;padding:0;border:none;background:transparent;color:#8e9297;text-align:left;cursor:pointer;min-height:18px;transition:color .15s ease}.message-reply-preview:hover{color:#a8adb4}.message-reply-preview-connector{width:36px;height:10px;margin-top:12px;margin-right:-2px;border-left:2px solid #4e5058;border-top:2px solid #4e5058;border-radius:8px 0 0;flex-shrink:0}.message-reply-preview-avatar{flex-shrink:0}.message-reply-preview-meta{display:flex;align-items:center;gap:6px;min-width:0;font-size:.875rem}.message-reply-preview-user{color:#7c82c9;font-weight:500;flex-shrink:0}.message-reply-preview-user:hover{text-decoration:underline}.message-reply-preview-snippet{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8e9297}.message-content{color:#a8adb4;line-height:1.375;word-break:break-word;font-size:1rem}.message-content code{background:#0f0a18e6;border:1px solid var(--ch-border);border-radius:4px;padding:1px 5px;font-size:.9em}.message-content a{color:#4db8a4}.message-mention{color:#aeb3f0;background:#4f54e624;border-radius:3px;padding:0 2px;font-weight:500;cursor:pointer}.message-mention:hover{color:#c9ccf5;background:#5865f259}.message-mention.everyone{color:#fca5a5;background:#ef444426}.message-attachments{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.message-attachments img{max-width:min(100%,360px);border-radius:8px;border:1px solid var(--ch-border)}.message-attachments a{color:var(--ch-teal-bright)}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.message-reaction{display:inline-flex;align-items:center;gap:4px;border:1px solid transparent;background:var(--ch-bg-elevated);color:var(--ch-text-muted);border-radius:8px;padding:2px 6px;font-size:.875rem;line-height:1.125rem;transition:background .12s ease,border-color .12s ease}.message-reaction:hover{background:var(--ch-hover)}.message-reaction.me{border-color:#ed424566;background:#ed42451f;color:#b9bbbe;box-shadow:0 0 4px #ed424526}.message-deleted-text{margin:0;color:var(--ch-text-dim);font-style:italic}.message-edit-form textarea{width:100%;border:1px solid var(--ch-border-medium);background:var(--ch-bg-input);color:var(--ch-text);border-radius:8px;padding:10px;resize:vertical}.message-edit-actions{display:flex;gap:8px;margin-top:8px}.text-channel-pins{width:260px;border-left:1px solid var(--ch-border);padding:12px;overflow-y:auto;background:#0c081499}.text-channel-pins-header{display:flex;align-items:center;justify-content:center;margin-bottom:10px;color:var(--ch-purple-soft)}.text-channel-pins-header-icon{width:18px;height:18px}.text-channel-pin-item{display:grid;gap:4px;width:100%;text-align:left;border:1px solid var(--ch-border);background:var(--ch-bg-surface);border-radius:8px;padding:10px;margin-bottom:8px;color:var(--ch-text-secondary)}.text-channel-pin-item span{color:var(--ch-text-muted);font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-channel-typing{margin:0;padding:0 4px;color:var(--ch-text-dim);font-size:.82rem;font-style:italic}.text-channel-reply-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border-radius:10px;border:1px solid var(--ch-border-medium);background:var(--ch-bg-surface);font-size:.88rem}.text-channel-footer{flex-shrink:0;margin-top:auto;display:flex;flex-direction:column;gap:8px;padding:0 16px 24px;background:var(--ch-bg-surface)}.text-channel-composer-wrap{width:100%}.text-channel-composer-card{position:relative;width:100%;padding:0 16px;border-radius:8px;border:none;background:#2f3136;display:flex;flex-direction:column;gap:0;box-shadow:none}.text-channel-composer{border-top:none;padding:0;background:transparent}.text-channel-composer-inner{display:flex;align-items:flex-end;gap:10px;padding:0 4px;min-height:52px;border-radius:0;border:none;background:transparent}.text-channel-composer-inner:focus-within{border-color:transparent;box-shadow:none}.text-channel-composer-inner textarea{flex:1;min-height:28px;max-height:200px;resize:none;border:none;background:transparent;color:#a8adb4;padding:14px 0;font-size:.98rem;line-height:1.4}.text-channel-composer-inner textarea::placeholder{color:#72767d}.text-channel-composer-inner textarea:focus{outline:none}.text-channel-send{display:grid;place-items:center;width:36px;height:36px;margin-bottom:8px;border:none;border-radius:8px;background:transparent;color:var(--ch-text-muted);transition:color .15s ease,background .15s ease}.text-channel-send:hover:not(:disabled){color:var(--ch-teal);background:#2dd4bf1a}.text-channel-send:disabled{opacity:.4}.text-channel-send svg{width:20px;height:20px}.text-channel-composer-row{display:flex;align-items:flex-end;gap:10px}.text-channel-composer textarea{flex:1;min-height:44px;max-height:180px;resize:vertical;border:1px solid var(--ch-border-medium);background:var(--ch-bg-input);color:var(--ch-text);border-radius:10px;padding:10px 12px}.text-channel-composer-row button{border:none;border-radius:8px;padding:10px 16px;background:var(--ch-teal);color:var(--ch-bg-deep);font-weight:700}.text-channel-composer-row button:disabled{opacity:.6}.text-channel-hint{margin:8px 0 0;color:var(--ch-text-dim);font-size:.75rem}.text-channel-readonly{margin:0;padding:12px 14px;border-radius:14px;border:1px solid var(--ch-selected-border);background:var(--ch-bg-elevated);color:var(--ch-text-muted);text-align:center;font-size:.88rem}.text-channel-attach{display:grid;place-items:center;width:36px;height:36px;margin-bottom:8px;cursor:pointer;color:var(--ch-text-muted);transition:color .15s ease}.text-channel-attach:hover{color:var(--ch-text)}.text-channel-attach svg{width:20px;height:20px}.text-channel-attach input{display:none}.text-channel-uploads{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0}.text-channel-upload-chip{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:8px;background:var(--ch-bg-surface);border:1px solid var(--ch-border)}.text-channel-upload-chip img{width:48px;height:48px;object-fit:cover;border-radius:6px}.text-channel-upload-chip button{border:none;background:transparent;color:var(--ch-text-muted)}.mention-autocomplete{display:grid;gap:4px;margin-bottom:8px;padding:8px;border:1px solid var(--ch-border);border-radius:8px;background:var(--ch-bg-elevated)}.mention-autocomplete button{display:flex;justify-content:space-between;gap:8px;border:none;background:transparent;color:var(--ch-text);text-align:left;padding:6px 8px;border-radius:6px}.mention-autocomplete button:hover{background:var(--ch-hover)}.mention-autocomplete span{color:var(--ch-text-muted);font-size:.82rem}.app-placeholder h2{margin-top:0;color:var(--ch-text)}.app-placeholder p{color:var(--ch-text-muted);max-width:560px}.app-sidebar-note{color:var(--ch-text-muted);font-size:.9rem}@media(max-width:1100px){.app-shell{grid-template-columns:280px 1fr 200px}}@media(max-width:900px){.app-shell{grid-template-columns:280px 1fr}.members-sidebar{display:none}}@media(max-width:768px){.settings-panel{grid-template-columns:1fr;height:min(92vh,800px)}.settings-sidebar{border-right:none;border-bottom:1px solid var(--ch-border)}.settings-nav{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto}.app-shell{grid-template-columns:1fr}.app-sidebar{border-right:none;border-bottom:1px solid var(--ch-border)}}.channel-unread-badge{margin-left:auto;min-width:1.25em;padding:0 4px;border-radius:999px;background:#ef4444;color:#fff;font-size:.6875em;font-weight:700;text-align:center;line-height:1.35}.friends-toggle-btn{margin-left:auto;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:var(--ch-bg-surface);border:1px solid var(--ch-border);color:var(--ch-text-muted);opacity:.85;transition:background .15s ease,border-color .15s ease,opacity .15s ease,color .15s ease}.friends-toggle-icon{width:18px;height:18px}.sidebar-user-panel{position:relative}.sidebar-user-menu{position:absolute;right:8px;bottom:calc(100% + 6px);z-index:30;display:grid;min-width:180px;padding:4px;border:1px solid var(--ch-border-medium);border-radius:8px;background:var(--ch-bg-elevated);box-shadow:0 12px 28px #00000073}.sidebar-user-menu button{display:flex;align-items:center;gap:8px;border:none;background:transparent;color:var(--ch-text-secondary);text-align:left;padding:8px 10px;border-radius:6px;font-size:.85rem}.sidebar-user-menu button:hover{background:var(--ch-hover);color:var(--ch-text)}.sidebar-user-menu-danger{color:#ff8b8d!important}.sidebar-user-menu-icon{width:16px;height:16px;flex-shrink:0}.friends-toggle-btn:hover{background:var(--ch-hover);border-color:var(--ch-border-medium);opacity:1}.friends-toggle-btn.active{background:#2dd4bf1f;border-color:#2dd4bf66;opacity:1}.friends-dm-panel{display:grid;grid-template-columns:260px 1fr;height:100%;gap:0}.friends-dm-sidebar{border-right:1px solid var(--ch-border);padding:12px}.friends-dm-tabs{display:flex;gap:6px;margin-bottom:12px}.friends-dm-tabs button{flex:1;padding:8px 12px;border-radius:8px;background:var(--ch-bg-surface);border:1px solid var(--ch-border);color:var(--ch-text-muted);font-weight:600;font-size:.85rem;transition:background .15s ease,border-color .15s ease,color .15s ease}.friends-dm-tabs button:hover{background:var(--ch-hover);color:var(--ch-text-secondary)}.friends-dm-tabs button.active{background:#2dd4bf1f;border-color:#2dd4bf66;color:var(--ch-teal-bright)}.friend-row,.dm-channel-item{display:flex;align-items:center;gap:8px;padding:6px 0}.status-picker-menu{position:absolute;bottom:100%;left:0;background:var(--ch-bg-elevated);border:1px solid var(--ch-border);border-radius:6px;padding:4px;z-index:10}.status-picker-menu button{display:block;width:100%;text-align:left;padding:8px 12px;background:transparent;border:none;border-radius:6px;color:var(--ch-text-secondary);font-size:.85rem;transition:background .15s ease,color .15s ease}.status-picker-menu button:hover{background:var(--ch-hover);color:var(--ch-text)}.sidebar-user-status-dot.status-idle{background:#fbbf24}.sidebar-user-status-dot.status-dnd{background:#ef4444}.sidebar-user-status-dot.status-invisible{background:#6b7280}.message-search-panel{display:flex;flex-wrap:wrap;gap:8px;padding:8px 12px;border-bottom:1px solid var(--ch-border);align-items:center}.message-search-panel input{flex:1;min-width:160px;padding:8px 10px;font-size:.85rem}.message-search-results{width:100%;margin:0;padding:0;list-style:none}.message-search-results li{padding:6px 0;color:var(--ch-text-secondary);font-size:.85rem;border-bottom:1px solid rgba(45,212,191,.1)}.role-list-item-wrap{display:flex;align-items:center;gap:4px}.role-reorder-btns{display:flex;flex-direction:column;gap:2px}.role-reorder-btns button{padding:2px 6px;font-size:.7rem;background:var(--ch-bg-surface);border:1px solid var(--ch-border);border-radius:4px;color:var(--ch-text-muted)}.role-reorder-btns button:hover:not(:disabled){background:var(--ch-hover);color:var(--ch-text-secondary)}.rules-accept-modal{max-width:480px;padding:24px;background:var(--ch-bg-elevated);border:1px solid var(--ch-border-medium);border-radius:12px}.rules-text{white-space:pre-wrap;max-height:300px;overflow-y:auto;background:#0003;padding:12px;border-radius:6px;color:var(--ch-text-secondary)}.channel-category-heading{color:var(--ch-text-muted);font-size:.75em;font-weight:700;text-transform:uppercase;margin:0 0 2px;padding:0 8px;letter-spacing:.08em}.voice-mod-actions{display:flex;gap:4px;margin-left:auto}.voice-mod-actions button{font-size:.65rem;padding:4px 8px;background:var(--ch-bg-surface);border:1px solid var(--ch-border);border-radius:6px;color:var(--ch-text-muted);font-weight:600}.voice-mod-actions button:hover{background:var(--ch-hover);border-color:var(--ch-border-medium);color:var(--ch-text-secondary)}.emoji-grid{display:flex;flex-wrap:wrap;gap:12px}.emoji-item{display:flex;flex-direction:column;align-items:center;gap:4px}.emoji-item button{padding:2px 8px;background:transparent;border:1px solid var(--ch-border);border-radius:4px;color:var(--ch-text-muted);font-size:.85rem}.emoji-item button:hover{background:#ed42451f;border-color:#ed424559;color:#ff8b8d}.dm-reactions{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.dm-reactions button{padding:2px 8px;background:var(--ch-bg-surface);border:1px solid var(--ch-border);border-radius:999px;color:var(--ch-text-secondary);font-size:.8rem}.dm-reactions button:hover{background:var(--ch-hover);border-color:var(--ch-border-medium)}.activity-picker{padding:6px;display:flex;gap:6px}.activity-picker input{flex:1;padding:6px 8px;font-size:.82rem}.activity-picker button{padding:6px 10px;background:var(--ch-bg-surface);border:1px solid var(--ch-border);border-radius:6px;color:var(--ch-text-secondary);font-size:.82rem;font-weight:600}.activity-picker button:hover{background:var(--ch-hover);border-color:var(--ch-border-medium);color:var(--ch-text)}.friends-dm-panel .friend-row button,.friends-dm-panel .friends-add-form button,.friends-dm-panel .dm-compose button,.message-search-panel button,.settings-form .member-row button,.settings-form .role-assign-row button,.settings-form ul button,.channel-overwrites-form button{padding:6px 12px;background:var(--ch-bg-surface);border:1px solid var(--ch-border);border-radius:6px;color:var(--ch-text-secondary);font-size:.82rem;font-weight:600;transition:background .15s ease,border-color .15s ease,color .15s ease}.friends-dm-panel .friend-row button:hover,.friends-dm-panel .friends-add-form button:hover,.friends-dm-panel .dm-compose button:hover,.message-search-panel button:hover,.settings-form .member-row button:hover,.settings-form .role-assign-row button:hover,.settings-form ul button:hover,.channel-overwrites-form button:hover{background:var(--ch-hover);border-color:var(--ch-border-medium);color:var(--ch-text)}.friends-dm-panel .dm-channel-item{display:block;width:100%;text-align:left;padding:8px 10px;background:transparent;border:none;border-radius:6px;color:var(--ch-text-secondary);font-size:.9rem;transition:background .15s ease,color .15s ease}.friends-dm-panel .dm-channel-item:hover,.friends-dm-panel .dm-channel-item.active{background:var(--ch-hover);color:var(--ch-text)}.friends-add-form,.dm-compose{display:flex;gap:6px;margin-bottom:10px}.friends-add-form input,.dm-compose input{flex:1;padding:8px 10px;font-size:.85rem}.text-channel-toolbar-title{display:flex;align-items:center;gap:6px;min-width:0;font-weight:700;color:var(--ch-text)}.text-channel-toolbar-hash{width:22px;height:22px;color:var(--ch-text-muted);flex-shrink:0}.text-channel-slowmode{margin-left:8px;padding:2px 8px;border-radius:999px;background:#fbbf241f;border:1px solid rgba(251,191,36,.35);color:#fcd34d;font-size:.68rem;font-weight:700}.text-channel-status-dot{display:block;width:8px;height:8px;border-radius:50%;background:#6b7280}.text-channel-status.online .text-channel-status-dot{background:#23a559}.text-channel-thread-header{display:flex;align-items:flex-start;gap:12px;min-width:0}.text-channel-thread-header h2{margin:0;font-size:.95rem}.text-channel-thread-header p{margin:4px 0 0;font-size:.82rem;color:var(--ch-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-channel-notice{margin:8px 16px 0}.text-channel-messages-wrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.text-channel-start{display:flex;flex-direction:column;gap:8px;padding:16px 16px 24px;margin-bottom:8px}.text-channel-start-compact{padding-bottom:12px}.text-channel-start-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:var(--ch-bg-surface);border:1px solid var(--ch-border);color:var(--ch-text-muted)}.text-channel-start-icon svg{width:36px;height:36px}.text-channel-start h3{margin:0;font-size:1.75rem;font-weight:700;color:var(--ch-text)}.text-channel-start-topic{margin:0;color:var(--ch-text-secondary);line-height:1.5;max-width:640px}.text-channel-start-hint{margin:0;color:var(--ch-text-muted);font-size:.9rem}.message-date-divider{display:flex;align-items:center;gap:12px;margin:24px 16px 8px;color:#72767d;font-size:.75rem;font-weight:600}.message-date-divider:before,.message-date-divider:after{content:"";flex:1;height:1px;background:#3f4147}.message-date-divider span{padding:0;border-radius:0;background:transparent;border:none}.message-hover-actions{position:absolute;top:0;right:16px;display:flex;gap:2px;padding:2px;border-radius:6px;border:1px solid var(--ch-border);background:var(--ch-bg-elevated);box-shadow:0 4px 16px #00000047;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:5}.message-item:hover .message-hover-actions,.message-hover-actions:has(.message-hover-btn[aria-expanded=true]){opacity:1;pointer-events:auto}.message-hover-btn{display:grid;place-items:center;width:28px;height:28px;border:none;border-radius:4px;background:transparent;color:var(--ch-text-muted);transition:background .12s ease,color .12s ease}.message-hover-btn:hover,.message-hover-btn[aria-expanded=true]{background:var(--ch-hover);color:var(--ch-text)}.message-hover-btn svg{width:16px;height:16px}.message-menu-dropdown-floating{position:absolute;top:28px;right:0;z-index:25}.message-menu-dropdown-floating .message-menu-icon{width:14px;height:14px}.message-thread-bar{display:inline-flex;align-items:center;gap:6px;margin-top:6px;padding:4px 10px;border:none;border-radius:999px;background:transparent;color:var(--ch-teal-bright);font-size:.78rem;font-weight:600;transition:background .15s ease}.message-thread-bar:hover{background:#2dd4bf1a;text-decoration:underline}.message-thread-bar-icon{width:14px;height:14px}.message-pinned{display:inline-flex;color:var(--ch-text-muted)}.message-pinned svg{width:12px;height:12px}.jump-to-present{position:absolute;right:16px;bottom:16px;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--ch-border-medium);border-radius:999px;background:var(--ch-bg-elevated);color:var(--ch-text);font-size:.82rem;font-weight:600;box-shadow:0 8px 24px #00000059;z-index:10;transition:background .15s ease,transform .15s ease}.jump-to-present:hover{background:var(--ch-hover);transform:translateY(-1px)}.jump-to-present svg{width:16px;height:16px}.text-channel-typing{display:flex;align-items:center;gap:8px;margin:0;padding:0 20px 8px;color:var(--ch-text-muted);font-size:.82rem}.typing-dots{display:inline-flex;gap:3px;align-items:center}.typing-dots span{width:6px;height:6px;border-radius:50%;background:var(--ch-text-dim);animation:typing-bounce 1.2s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1}}.text-channel-reply-bar{display:flex;align-items:center;gap:10px;margin:0 16px;padding:8px 12px;border-left:3px solid var(--ch-teal);border-radius:6px;background:var(--ch-bg-surface)}.text-channel-reply-bar-icon{width:16px;height:16px;color:var(--ch-teal);flex-shrink:0}.text-channel-reply-bar-text{flex:1;min-width:0;display:grid;gap:2px;font-size:.82rem;color:var(--ch-text-muted)}.text-channel-reply-bar-text span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-channel-reply-bar-close{border:none;background:transparent;color:var(--ch-text-muted);font-size:1.25rem;line-height:1;padding:4px}.text-channel-reply-bar-close:hover{color:var(--ch-text)}.message-search-panel{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid var(--ch-border);background:var(--ch-bg-surface)}.message-search-icon{width:16px;height:16px;color:var(--ch-text-muted)}.message-search-results{width:100%;list-style:none;margin:8px 0 0;padding:0;max-height:200px;overflow-y:auto}.message-search-results li button{display:grid;gap:2px;width:100%;text-align:left;padding:8px 10px;border:none;border-radius:6px;background:transparent;color:var(--ch-text-secondary)}.message-search-results li button:hover{background:var(--ch-hover)}.mention-autocomplete-user{color:var(--ch-teal-bright);font-weight:600}.text-channel-pins-header{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--ch-text)}.notification-toasts{position:fixed;top:16px;right:16px;z-index:10000;display:flex;flex-direction:column;gap:8px;max-width:min(360px,calc(100vw - 32px));pointer-events:none}.notification-toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:var(--ch-bg-elevated);border:1px solid var(--ch-border-medium);border-radius:8px;box-shadow:0 8px 24px #00000059;pointer-events:auto;animation:notification-slide-in .2s ease-out}.notification-toast-mention{border-left:3px solid var(--ch-teal)}.notification-toast-dm{border-left:3px solid var(--ch-accent)}.notification-toast-message{border-left:3px solid var(--ch-border-strong)}.notification-toast-content{flex:1;min-width:0}.notification-toast-title{display:block;font-size:.88rem;color:var(--ch-text);margin-bottom:2px}.notification-toast-body{margin:0;font-size:.82rem;color:var(--ch-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-toast-dismiss{flex-shrink:0;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:4px;color:var(--ch-text-dim);font-size:1.1rem;line-height:1;cursor:pointer}.notification-toast-dismiss:hover{background:var(--ch-hover);color:var(--ch-text-secondary)}@keyframes notification-slide-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.emoji-picker-wrap{position:relative;flex-shrink:0}.emoji-picker-trigger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;color:var(--ch-text-dim);cursor:pointer}.emoji-picker-trigger:hover,.emoji-picker-trigger.active{background:var(--ch-hover);color:var(--ch-text-secondary)}.emoji-picker-trigger:disabled{opacity:.5;cursor:not-allowed}.emoji-picker-popover{position:absolute;bottom:calc(100% + 8px);left:0;z-index:50;width:280px;max-height:320px;overflow-y:auto;padding:10px;background:var(--ch-bg-elevated);border:1px solid var(--ch-border-medium);border-radius:8px;box-shadow:0 8px 24px #0006}.emoji-picker-section+.emoji-picker-section{margin-top:10px;padding-top:10px;border-top:1px solid var(--ch-border)}.emoji-picker-label{display:block;margin-bottom:6px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ch-text-dim)}.emoji-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.emoji-picker-item{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:6px;font-size:1.25rem;cursor:pointer}.emoji-picker-item:hover{background:var(--ch-hover)}.emoji-picker-item-custom img{width:22px;height:22px;object-fit:contain}.text-channel-thread-header{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.text-channel-thread-actions{display:flex;gap:6px;margin-left:auto;flex-shrink:0}.message-embeds{display:flex;flex-direction:column;gap:8px;margin-top:6px;max-width:520px}.message-embed{display:flex;gap:12px;padding:10px 12px;background:var(--ch-bg-surface);border:1px solid var(--ch-border);border-left:4px solid #14b8a6;border-radius:4px}.message-embed-thumbnail{width:80px;height:80px;object-fit:cover;border-radius:4px;flex-shrink:0}.message-embed-body{flex:1;min-width:0}.message-embed-site{display:block;font-size:.72rem;font-weight:600;text-transform:uppercase;color:var(--ch-text-dim);margin-bottom:4px}.message-embed-title{display:block;font-weight:600;color:var(--ch-teal-bright);text-decoration:none;margin-bottom:4px}.message-embed-title:hover{text-decoration:underline}.message-embed-description{font-size:.88rem;color:var(--ch-text-secondary);line-height:1.4}.message-embed-image-link{display:block;margin-top:8px}.message-embed-image{max-width:100%;max-height:300px;border-radius:4px;object-fit:cover}.message-custom-emoji{width:1.375em;height:1.375em;vertical-align:-.25em;object-fit:contain}.message-spoiler{background:var(--ch-bg-input);color:transparent;border-radius:3px;padding:0 2px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .1s,color .1s}.message-spoiler:hover,.message-spoiler:focus,.message-spoiler.revealed{background:#ffffff0f;color:inherit}.message-blockquote{margin:4px 0;padding:2px 0 2px 12px;border-left:3px solid var(--ch-border-strong);color:var(--ch-text-muted)}.message-code-block{margin:6px 0;padding:10px 12px;background:var(--ch-bg-deep);border:1px solid var(--ch-border);border-radius:6px;overflow-x:auto;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.85rem;line-height:1.45}.message-code-block code{background:transparent;padding:0;border-radius:0}.message-content del{text-decoration:line-through;opacity:.7}.channel-category-toolbar{padding:0 8px 8px}.channel-create-category-btn{display:inline-flex;align-items:center;gap:6px;width:100%;padding:6px 8px;border:1px dashed var(--ch-border-medium);border-radius:8px;background:transparent;color:var(--ch-text-muted);font-size:.8125em;font-weight:600;cursor:pointer}.channel-create-category-btn:hover{border-color:var(--ch-teal);color:var(--ch-teal-bright)}.channel-category-header{display:flex;align-items:center;gap:4px;padding:0 8px}.channel-category-heading-btn{flex:1;text-align:left;background:transparent;border:none;color:var(--ch-text-muted);font-size:.75em;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;padding:0}.channel-category-heading-btn:hover{color:var(--ch-text-secondary)}.channel-category-delete-btn{width:18px;height:18px;border:none;border-radius:4px;background:transparent;color:var(--ch-text-muted);cursor:pointer;line-height:1}.channel-category-delete-btn:hover{background:#ef444426;color:#f87171}.channel-reorder-btns{display:none}.channel-item-wrap[draggable=true]{cursor:grab}.channel-item-wrap.channel-dragging{opacity:.45;cursor:grabbing}.channel-item-wrap.channel-drag-over{outline:1px dashed var(--ch-teal);outline-offset:-1px;border-radius:4px}.channel-stage-icon{color:#2dd4bf}.server-folder-bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px;padding:0 4px}.server-folder-pill{padding:4px 10px;border-radius:999px;border:1px solid var(--ch-border);background:var(--ch-bg-surface);color:var(--ch-text-muted);font-size:.68rem;font-weight:600;cursor:pointer}.server-folder-pill.active{border-color:var(--folder-color, var(--ch-teal));background:color-mix(in srgb,var(--folder-color, var(--ch-teal)) 18%,transparent);color:var(--ch-text-primary)}.settings-subtabs{display:flex;gap:8px;margin-bottom:12px}.settings-subtabs button{padding:6px 12px;border-radius:8px;border:1px solid var(--ch-border);background:var(--ch-bg-surface);color:var(--ch-text-muted);cursor:pointer}.settings-subtabs button.active{border-color:var(--ch-teal);color:var(--ch-teal-bright)}.invite-list,.invite-row{display:grid;gap:8px}.invite-row{grid-template-columns:1fr auto;align-items:center;padding-top:8px;border-top:1px solid var(--ch-border)}.member-nickname-btn{background:transparent;border:none;padding:0;color:inherit;cursor:pointer;text-align:left}.member-nickname-btn:hover strong{color:var(--ch-teal-bright)}.voice-move-select{font-size:.65rem;padding:4px 6px;border-radius:6px;border:1px solid var(--ch-border);background:var(--ch-bg-surface);color:var(--ch-text-muted);max-width:110px}.dm-create-group-btn,.dm-group-form,.dm-group-friends,.dm-group-friend-option{display:grid;gap:6px}.dm-create-group-btn{width:100%;margin-bottom:8px;padding:8px 10px;border-radius:8px;border:1px dashed var(--ch-border-medium);background:transparent;color:var(--ch-text-muted);cursor:pointer}.dm-group-form{margin-bottom:10px;padding:10px;border:1px solid var(--ch-border);border-radius:8px}.dm-group-badge{font-size:.6rem;margin-right:6px;color:var(--ch-teal-bright)}.dm-attach-btn{border:none;background:transparent;cursor:pointer;font-size:1rem;padding:0 6px}.dm-pending-attachments{font-size:.72rem;color:var(--ch-text-muted);white-space:nowrap}.dm-message-head{display:flex;align-items:center;gap:8px}.dm-message-menu{display:none;gap:4px;margin-left:auto}.message-item.own:hover .dm-message-menu{display:flex}.dm-message-menu button,.dm-message-popup-menu button{font-size:.68rem;padding:2px 6px;border-radius:4px;border:1px solid var(--ch-border);background:var(--ch-bg-surface);color:var(--ch-text-muted);cursor:pointer}.dm-message-popup-menu{display:flex;gap:6px;margin-top:6px}.message-edited{font-size:.68rem;color:var(--ch-text-muted)}.icon-button-wide.active{color:var(--ch-teal-bright);background:#2dd4bf1f}.forum-channel-panel{display:flex;flex-direction:column;height:100%;padding:16px 20px;overflow-y:auto}.forum-channel-header{margin-bottom:16px}.forum-channel-header h2{margin:0 0 4px}.forum-channel-subtitle{color:var(--ch-text-muted);font-size:.85rem;margin:0 0 12px}.forum-create-btn,.forum-back-btn{border:1px solid var(--ch-border);border-radius:6px;padding:6px 12px;background:var(--ch-bg-surface);color:var(--ch-text-secondary);cursor:pointer}.forum-create-form{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px;border:1px solid var(--ch-border);border-radius:8px;background:var(--ch-bg-elevated)}.forum-post-list{display:flex;flex-direction:column;gap:8px}.forum-post-card{text-align:left;border:1px solid var(--ch-border);border-radius:8px;padding:12px 14px;background:var(--ch-bg-surface);cursor:pointer;transition:border-color .15s ease}.forum-post-card:hover{border-color:var(--ch-teal)}.forum-post-card h3{margin:0 0 6px;font-size:1rem}.forum-post-preview{color:var(--ch-text-muted);font-size:.85rem;margin:0 0 8px}.forum-post-footer{display:flex;gap:12px;font-size:.75rem;color:var(--ch-text-muted)}.forum-pinned-badge,.forum-locked-badge{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:4px;margin-right:6px;background:#2dd4bf26;color:var(--ch-teal-bright)}.forum-locked-badge{background:#ef444426;color:#f87171}.forum-post-body{padding:12px 0;white-space:pre-wrap;line-height:1.5}.forum-comments h3{margin:0 0 12px;font-size:.95rem}.forum-comment-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.forum-comment{padding:10px 12px;border-radius:6px;background:var(--ch-bg-elevated);border:1px solid var(--ch-border)}.forum-comment-time{margin-left:8px;font-size:.72rem;color:var(--ch-text-muted)}.forum-comment-form{display:flex;flex-direction:column;gap:8px}.forum-meta{color:var(--ch-text-muted);font-size:.85rem}.text-channel-panel.announcement-channel .text-channel-toolbar-hash{color:#f59e0b}.voice-soundboard-strip{margin-top:16px;padding:12px;border:1px solid var(--ch-border);border-radius:8px;background:var(--ch-bg-elevated)}.voice-soundboard-strip h3{margin:0 0 8px;font-size:.85rem;color:var(--ch-text-muted)}.voice-soundboard-buttons{display:flex;flex-wrap:wrap;gap:6px}.voice-sound-btn{border:1px solid var(--ch-border);border-radius:16px;padding:4px 12px;background:var(--ch-bg-surface);color:var(--ch-text-secondary);font-size:.78rem;cursor:pointer}.voice-sound-btn:hover{border-color:var(--ch-teal);color:var(--ch-teal-bright)}.boost-section{margin-top:20px;padding-top:16px;border-top:1px solid var(--ch-border)}.boost-stats{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0;font-size:.85rem;color:var(--ch-text-muted)}.boost-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;background:linear-gradient(135deg,#2dd4bf,#0d9488);color:#fff;font-weight:700;font-size:.78rem}.developer-tab h4{margin:20px 0 10px}.developer-create-form{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.developer-token-reveal{display:flex;flex-direction:column;gap:8px;padding:12px;margin-bottom:16px;border:1px solid #f59e0b;border-radius:8px;background:#f59e0b14}.developer-token-code{word-break:break-all;padding:8px;border-radius:4px;background:var(--ch-bg-deep);font-size:.8rem}.developer-app-list{display:flex;flex-direction:column;gap:10px}.developer-app-card{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;border:1px solid var(--ch-border);border-radius:8px;background:var(--ch-bg-surface)}.developer-app-id{display:block;margin-top:4px;font-size:.72rem;color:var(--ch-text-muted)}.activities-option{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:12px;border:1px solid var(--ch-border);border-radius:8px;background:var(--ch-bg-surface);color:var(--ch-text);cursor:pointer;text-align:left}.activities-option:hover:not(:disabled){border-color:var(--ch-teal)}.activities-option span{font-size:.8rem;color:var(--ch-text-muted)}.sounds-list{list-style:none;padding:0;margin:12px 0 0}.bots-tab ul{list-style:none;padding:0}.voice-invite-message{margin:8px 0;padding:12px 14px;border-radius:10px;border:1px solid var(--ch-border-medium);background:var(--ch-bg-elevated)}.voice-invite-message-text{margin:0 0 10px;color:var(--ch-text-secondary);font-size:.92rem}.notification-toast-voice-invite{border-color:#2dd4bf59}.voice-call-status-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:5;display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:999px;background:#0f0a18eb;border:1px solid var(--ch-border-medium);font-size:.85rem;color:var(--ch-text-secondary)}.voice-call-status-banner--error{border-color:#f8717173;color:#fecaca}.voice-call-text-dock{flex-shrink:0;border-top:1px solid var(--ch-border);background:var(--ch-bg-elevated)}.voice-call-text-dock-toggle{width:100%;padding:8px 16px;text-align:left;font-size:.85rem;font-weight:600;color:var(--ch-accent-soft);background:transparent;border:none;border-bottom:1px solid transparent}.voice-call-text-dock.open .voice-call-text-dock-toggle{border-bottom-color:var(--ch-border)}.voice-call-text-dock-panel{height:min(36vh,320px);min-height:200px}.voice-call-stage--with-chat{padding-bottom:16px}.voice-call-empty-hint{margin:0;text-align:center;font-size:.85rem;color:var(--ch-text-muted);max-width:320px}.voice-call-empty-peers{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.voice-call-empty-peer{padding:4px 10px;border-radius:999px;background:var(--ch-bg-surface);border:1px solid var(--ch-border);font-size:.78rem;color:var(--ch-text-secondary)}.voice-call-empty-peer.you{border-color:#2dd4bf59;color:var(--ch-accent-soft)}.watch-together-modal-wide{width:min(100%,720px)}.watch-together-url-form{display:flex;gap:8px}.watch-together-url-form input{flex:1}.watch-together-player{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;border:1px solid var(--ch-border-medium);background:#000}.watch-together-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.voice-setup-modal{width:min(100%,440px)}@media(max-width:768px){.voice-call-text-dock-panel{height:min(42vh,280px)}.watch-together-url-form{flex-direction:column}.voice-call-status-banner{max-width:calc(100% - 24px);flex-wrap:wrap;justify-content:center}}[data-theme=light]{--ch-bg: #eef2f6;--ch-bg-elevated: #f8fafc;--ch-bg-surface: #ffffff;--ch-text: #0f172a;--ch-text-muted: #475569;--ch-text-secondary: #334155;--ch-teal: #0d9488;--ch-teal-bright: #0f766e;color-scheme:light}.landing-page{min-height:100vh;display:flex;flex-direction:column;background:var(--ch-bg);color:var(--ch-text)}.landing-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid var(--ch-border)}.landing-brand{display:flex;align-items:center;gap:.75rem;font-weight:600}.landing-logo{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;background:var(--ch-teal);color:#0a0a0f;font-weight:700}.landing-hero{margin:2rem auto;max-width:56rem;width:calc(100% - 2rem);padding:2.5rem 2rem;border:1px solid var(--ch-border);border-radius:8px;background:var(--ch-bg-elevated)}.landing-lead{color:var(--ch-text-muted);max-width:40rem;line-height:1.6}.landing-actions,.landing-features{display:flex;flex-wrap:wrap;gap:.75rem}.landing-features{max-width:56rem;margin:0 auto 3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));width:calc(100% - 2rem)}.landing-feature-card{padding:1.25rem;border:1px solid var(--ch-border);border-radius:8px;background:var(--ch-bg-surface)}.landing-footer{margin-top:auto;padding:1.5rem 2rem;display:flex;justify-content:space-between;border-top:1px solid var(--ch-border);color:var(--ch-text-muted)}.uplink-toasts{position:fixed;right:1rem;bottom:1rem;z-index:10001;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.uplink-toast{pointer-events:auto;min-width:16rem;padding:.75rem 1rem;border:1px solid var(--ch-border-medium);background:var(--ch-bg-elevated);border-radius:8px;box-shadow:0 8px 24px #00000040}.uplink-toast--voice{border-left:3px solid var(--ch-teal)}.uplink-toast-tag{display:block;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ch-teal-bright);margin-bottom:.25rem}.verification-banner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1rem;background:#fbbf241f;border-bottom:1px solid rgba(251,191,36,.35)}.image-lightbox-overlay{position:fixed;inset:0;z-index:9999;background:#000000d9;display:flex;align-items:center;justify-content:center;padding:2rem}.image-lightbox-overlay img{max-width:min(96vw,1200px);max-height:90vh;object-fit:contain}.message-sticker{max-width:160px;max-height:160px;vertical-align:bottom;cursor:zoom-in}.sticker-picker-wrap{position:relative}.sticker-picker-trigger{width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer}.sticker-picker-popover{position:absolute;bottom:calc(100% + 8px);left:0;z-index:50;display:grid;grid-template-columns:repeat(4,2.5rem);gap:.35rem;padding:.5rem;background:var(--ch-bg-elevated);border:1px solid var(--ch-border-medium);border-radius:8px}.watch-together-sync-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;margin:.75rem 0}.watch-together-sync-actions{display:flex;gap:.5rem;flex-wrap:wrap}.totp-secret{display:block;padding:.5rem;margin:.5rem 0;background:var(--ch-bg-deep);font-family:ui-monospace,monospace;word-break:break-all}.totp-backup-codes ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(8rem,1fr));gap:.35rem}.shortcuts-list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.shortcuts-list li{display:flex;align-items:center;gap:.75rem}.shortcuts-list kbd{padding:.2rem .45rem;border:1px solid var(--ch-border);border-radius:4px;font-family:ui-monospace,monospace;font-size:.85rem}