:root{--bg: #080d1a;--bg-2: #111827;--panel: #101827;--panel-2: #182235;--text: #f3f6ff;--muted: #9ca8bd;--accent: #8b5cf6;--accent-2: #6d28d9;--line: rgba(226,232,240,.11);--danger: #ef4444;--success: #22c55e;--warning: #f59e0b;--self: #7c3aed;--peer: #1f2a44;--accent-soft: color-mix(in srgb, var(--accent) 18%, transparent);--accent-medium: color-mix(in srgb, var(--accent) 30%, transparent);--accent-strong: color-mix(in srgb, var(--accent) 72%, white 8%);--surface-faint: color-mix(in srgb, var(--panel) 82%, transparent);--surface-subtle: color-mix(in srgb, var(--panel) 88%, white 5%);--surface: color-mix(in srgb, var(--panel) 78%, white 8%);--surface-strong: color-mix(in srgb, var(--panel-2) 82%, white 10%);--surface-hover: color-mix(in srgb, var(--panel-2) 72%, white 16%);--chrome: color-mix(in srgb, var(--panel) 86%, transparent);--sidebar-bg: color-mix(in srgb, var(--bg) 84%, transparent);--popover: color-mix(in srgb, var(--panel) 94%, black 6%);--modal-bg: color-mix(in srgb, var(--bg) 88%, var(--panel) 12%);--input-bg: color-mix(in srgb, var(--panel) 84%, white 7%);--media-bg: color-mix(in srgb, var(--bg) 78%, black 22%);--overlay: color-mix(in srgb, var(--bg) 72%, transparent);--backdrop: color-mix(in srgb, var(--bg) 74%, transparent);--link: color-mix(in srgb, var(--accent) 54%, white 46%);--avatar-accent: color-mix(in srgb, var(--accent) 64%, #db2777 36%);--danger-soft: color-mix(in srgb, var(--danger) 18%, transparent);--danger-medium: color-mix(in srgb, var(--danger) 32%, transparent);--success-soft: color-mix(in srgb, var(--success) 18%, transparent);--warning-soft: color-mix(in srgb, var(--warning) 20%, transparent);--shadow: 0 18px 50px color-mix(in srgb, var(--bg) 58%, black 42%);--font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius-scale: 1;--radius-sm: calc(12px * var(--radius-scale));--radius-md: calc(14px * var(--radius-scale));--radius-lg: calc(16px * var(--radius-scale));--radius-xl: calc(18px * var(--radius-scale));--radius-2xl: calc(20px * var(--radius-scale));--radius-3xl: calc(24px * var(--radius-scale));--media-frame-width: 720px}:root[data-theme=graphite]{--bg: #0f1115;--bg-2: #191c22;--panel: #181b21;--panel-2: #232832;--text: #f5f7fb;--muted: #a9b1bd;--line: rgba(229,231,235,.12)}:root[data-theme=aurora]{--bg: #061316;--bg-2: #0e2430;--panel: #0b1d24;--panel-2: #143242;--text: #effcff;--muted: #9ccdd5;--line: rgba(165,243,252,.13)}:root[data-theme=noir]{--bg: #080808;--bg-2: #131313;--panel: #161616;--panel-2: #222222;--text: #f8fafc;--muted: #a3a3a3;--line: rgba(255,255,255,.12)}:root[data-theme=plum]{--bg: #160d1f;--bg-2: #231332;--panel: #21152e;--panel-2: #312044;--text: #fbf5ff;--muted: #c4afd1;--line: rgba(233,213,255,.14)}:root[data-theme=sandstone]{--bg: #17130e;--bg-2: #231d15;--panel: #241e16;--panel-2: #33291d;--text: #fff7ed;--muted: #d6c0a6;--line: rgba(254,215,170,.14)}:root[data-accent=cyan]{--accent: #06b6d4;--accent-2: #0e7490}:root[data-accent=rose]{--accent: #f43f5e;--accent-2: #be123c}:root[data-accent=emerald]{--accent: #10b981;--accent-2: #047857}:root[data-accent=amber]{--accent: #f59e0b;--accent-2: #b45309}:root[data-accent=blue]{--accent: #3b82f6;--accent-2: #1d4ed8}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:var(--font);background:linear-gradient(180deg,var(--bg) 0%,var(--bg-2) 100%);color:var(--text)}button,textarea,select,input{font:inherit}input[type=checkbox]{width:auto}button{border:0;border-radius:var(--radius-sm);padding:.8rem 1rem;cursor:pointer;background:var(--accent);color:#fff;transition:background .14s ease,border-color .14s ease,color .14s ease,opacity .14s ease,transform .14s ease}button:disabled{opacity:.5;cursor:not-allowed}.secondary-button{background:var(--surface-strong);color:var(--text);border:1px solid var(--line)}textarea,select,input{width:100%;background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:var(--radius-md);padding:.9rem 1rem}textarea{min-height:96px;resize:none}label{display:block;margin-bottom:.45rem;color:var(--muted)}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.auth-card{width:min(100%,420px);display:grid;gap:1rem;background:var(--chrome);border:1px solid var(--line);border-radius:var(--radius-3xl);padding:1.4rem;box-shadow:var(--shadow)}.auth-error{border:1px solid var(--danger-medium);background:var(--danger-soft);color:color-mix(in srgb,var(--danger) 22%,white 78%);border-radius:var(--radius-md);padding:.8rem .9rem}.identity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.identity-button{display:flex;align-items:center;justify-content:flex-start;gap:.65rem;background:var(--surface-subtle);border:1px solid var(--line)}.identity-button.selected{border-color:var(--accent-strong);background:var(--accent-soft)}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}.app-shell{min-height:100vh;height:100vh;display:grid;grid-template-columns:320px 1fr;overflow:hidden}.sidebar{position:sticky;top:0;height:100vh;overflow:visible;padding:1.25rem;border-right:1px solid var(--line);background:var(--sidebar-bg);display:flex;flex-direction:column;gap:1rem}.sidebar-main{display:grid;gap:1rem}.brand{font-weight:700;letter-spacing:.02em}.brand.big{font-size:1.4rem}.muted{color:var(--muted)}.small-copy{font-size:.9rem;line-height:1.5}.sidebar-card{background:var(--surface-subtle);border:1px solid var(--line);border-radius:var(--radius-xl);padding:1rem}.identity-summary{display:flex;align-items:center;justify-content:space-between;gap:1rem}.sidebar-quick-actions{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end}.compact-user-meta{gap:.75rem}.profile-editor-list{display:grid;gap:.85rem}.profile-editor{border:1px solid var(--line);border-radius:var(--radius-lg);padding:.85rem;background:var(--surface-faint)}.profile-editor-header{display:flex;align-items:center;gap:.75rem}.avatar-upload-card{display:flex;align-items:center;gap:.85rem;border:1px solid var(--line);border-radius:var(--radius-lg);padding:.85rem;background:var(--surface-subtle)}.avatar-upload-copy{display:grid;gap:.2rem}.profile-button-row{display:flex;gap:.65rem;flex-wrap:wrap}.top-gap{margin-top:.65rem}.top-gap-tight{margin-top:.25rem}.discord-user-panel{position:relative;z-index:20;margin-top:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:.55rem;padding:.7rem;border:1px solid var(--surface-strong);border-radius:var(--radius-xl);background:radial-gradient(circle at 100% 100%,var(--accent-medium),transparent 52%),var(--chrome);box-shadow:var(--shadow)}.user-panel-profile{width:100%;min-width:0;display:flex;align-items:center;gap:.65rem;padding:.35rem;border-radius:var(--radius-lg);background:transparent;color:var(--text);text-align:left}.user-panel-profile:hover,.panel-icon-button:hover,.user-panel-menu-row:hover{background:var(--surface-strong)}.user-panel-avatar-wrap,.profile-popover-avatar-wrap{position:relative;flex:0 0 auto}.user-panel-copy{min-width:0;display:grid;gap:.05rem}.user-panel-copy>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-panel-controls{display:flex;align-items:center;justify-content:space-between;gap:.55rem;padding-top:.45rem;border-top:1px solid var(--surface-strong)}.panel-control-pair{display:inline-flex;align-items:center;gap:0;border-radius:var(--radius-lg);overflow:visible}.panel-icon-button{width:2.55rem;height:2.55rem;background:transparent;border:0;border-radius:var(--radius-lg)}.panel-main-icon-button{width:2.65rem;height:2.65rem;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.panel-arrow-button{width:1.75rem;height:2.65rem;border:0;background:transparent;color:var(--muted);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.panel-settings-button{width:2.65rem;height:2.65rem;margin-left:auto;border-radius:var(--radius-lg)}.panel-control-pair:hover .panel-main-icon-button,.panel-control-pair:hover .panel-arrow-button,.panel-arrow-button:hover,.panel-settings-button:hover{background:var(--surface-strong)}.panel-control-pair .panel-main-icon-button:hover,.panel-control-pair .panel-arrow-button:hover,.panel-control-pair .active-icon-button{background:var(--accent-soft)}.tooltip-control{position:relative}.tooltip-control:after,.tooltip-control:before{position:absolute;left:50%;opacity:0;pointer-events:none;transform:translate(-50%) translateY(.35rem) scale(.96);transition:opacity .12s ease,transform .12s ease;z-index:60}.tooltip-control:after{content:attr(data-tooltip);bottom:calc(100% + .72rem);padding:.55rem .75rem;border:1px solid color-mix(in srgb,white 12%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,#111318 94%,var(--panel) 6%);color:#f8fafc;box-shadow:0 12px 32px #00000057;font-size:.9rem;font-weight:700;white-space:nowrap}.tooltip-control:before{content:"";bottom:calc(100% + .38rem);width:.62rem;height:.62rem;background:color-mix(in srgb,#111318 94%,var(--panel) 6%);border-right:1px solid color-mix(in srgb,white 12%,transparent);border-bottom:1px solid color-mix(in srgb,white 12%,transparent);transform:translate(-50%) translateY(.35rem) rotate(45deg) scale(.96)}.tooltip-control:hover:after,.tooltip-control:focus-visible:after,.tooltip-control:hover:before,.tooltip-control:focus-visible:before{opacity:1}.tooltip-control:hover:after,.tooltip-control:focus-visible:after{transform:translate(-50%) translateY(0) scale(1)}.tooltip-control:hover:before,.tooltip-control:focus-visible:before{transform:translate(-50%) translateY(0) rotate(45deg) scale(1)}.presence-dot{display:inline-block;width:.8rem;height:.8rem;border-radius:999px;background:color-mix(in srgb,var(--muted) 76%,var(--panel) 24%);box-shadow:0 0 0 3px var(--popover)}.presence-dot.online{background:var(--success)}.presence-dot.idle{background:var(--warning)}.presence-dot.dnd{background:var(--danger)}.presence-dot.invisible{background:color-mix(in srgb,var(--muted) 72%,var(--panel) 28%)}.user-panel-presence-dot{position:absolute;right:-.05rem;bottom:-.05rem}.profile-presence-dot{position:absolute;right:.2rem;bottom:.2rem;width:1.05rem;height:1.05rem;box-shadow:0 0 0 4px var(--popover)}.inline-presence-dot{box-shadow:none;flex:0 0 auto;margin-top:.25rem}.user-panel-popover{position:absolute;left:0;bottom:calc(100% + .65rem);width:100%;border:1px solid var(--line);border-radius:var(--radius-2xl);background:var(--popover);box-shadow:var(--shadow);overflow:visible;animation:panel-popover-in .14s ease both;transform-origin:bottom left}.profile-popover{overflow:visible}.profile-popover-hero{height:7rem;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 82%,transparent),color-mix(in srgb,var(--warning) 68%,transparent));border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.profile-popover-body{position:relative;display:grid;gap:.2rem;padding:0 1rem 1rem}.profile-popover-avatar-wrap{width:fit-content;margin-top:-2.4rem}.avatar.profile-popover-avatar{width:5.2rem;height:5.2rem;font-size:1.5rem;box-shadow:0 0 0 5px var(--popover)}.profile-popover-name{margin-top:.7rem;font-size:1.5rem;font-weight:800}.user-panel-menu-card{display:grid;gap:.15rem;padding:.55rem;border-radius:var(--radius-xl);background:var(--surface-subtle)}.user-panel-menu-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.75rem;border-radius:var(--radius-md);background:transparent;color:var(--text);text-align:left}.user-panel-menu-row.selected{background:var(--surface-strong)}.user-panel-menu-row>span:not(.presence-dot){display:grid;gap:.1rem;min-width:0}.status-help{display:block;overflow-wrap:anywhere}.user-panel-divider{height:1px;margin:.35rem .2rem;background:var(--line)}.audio-popover{left:0;right:auto;width:100%;padding:1rem;display:grid;gap:.75rem}.output-popover{right:0}.compact-toggle-row{padding:.35rem .75rem}.flyout-menu-row{position:relative}.flyout-menu-row:after{content:"";position:absolute;top:0;bottom:0;left:100%;width:.9rem}.device-choice-flyout{position:absolute;left:calc(100% + .75rem);top:0;width:min(420px,calc(100vw - 360px));min-width:320px;padding:.75rem;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--popover);box-shadow:var(--shadow);opacity:0;transform:translate(-.25rem);pointer-events:none;transition:opacity .12s ease,transform .12s ease;transform-origin:left top}.flyout-menu-row:hover .device-choice-flyout,.flyout-menu-row:focus-within .device-choice-flyout{opacity:1;transform:translate(0);pointer-events:auto}.device-choice-list{display:grid;gap:.2rem;max-height:15rem;overflow:auto;padding-right:.15rem}.tall-device-list{max-height:18rem}.device-choice-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;padding:.65rem .7rem;border-radius:var(--radius-md);background:var(--surface-subtle);color:var(--text);text-align:left}.device-choice-row:hover,.device-choice-row.selected{background:var(--surface-strong)}.device-choice-row>span:first-child{min-width:0;overflow-wrap:anywhere}.device-choice-radio{width:1.35rem;height:1.35rem;flex:0 0 auto;border-radius:999px;border:2px solid color-mix(in srgb,var(--text) 32%,transparent)}.device-choice-row.selected .device-choice-radio{border:.4rem solid var(--accent-strong)}.status-choice-flyout .device-choice-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto}.status-choice-flyout .device-choice-row>span:nth-child(2){min-width:0;overflow-wrap:anywhere}@keyframes panel-popover-in{0%{opacity:0;transform:translateY(.45rem) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-shell{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh;height:100vh;min-width:0;min-height:0}.chat-header{position:sticky;top:0;z-index:5;padding:1rem 1.25rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:1rem;background:var(--chrome);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:nowrap}.header-search{position:relative;order:10;width:min(320px,100%);flex:0 1 320px}.header-search-input{margin:0}.header-search-popover{position:absolute;top:calc(100% + .55rem);right:0;width:min(420px,calc(100vw - 3rem));max-height:min(360px,55vh);overflow:auto;padding:.75rem;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--popover);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:8}.header-search-empty{padding:.35rem .1rem}.user-meta{display:flex;align-items:center;gap:.85rem}.header-avatar-wrap{flex:0 0 auto}.avatar{width:44px;height:44px;display:grid;place-items:center;overflow:hidden;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--avatar-accent));font-weight:700}.avatar.header-avatar{width:24px;height:24px;flex:0 0 24px;font-size:.72rem}.header-presence-dot{width:.55rem;height:.55rem;right:-.02rem;bottom:-.02rem;box-shadow:0 0 0 2px var(--chrome)}.avatar-image{width:100%;height:100%;object-fit:cover;object-position:center}.avatar.small-avatar{width:36px;height:36px;font-size:.92rem;flex:0 0 36px}.avatar.avatar-upload-preview{width:56px;height:56px;font-size:1rem;flex:0 0 56px}.user-name{font-weight:700}.status-pill{border-radius:999px;padding:.45rem .75rem;border:1px solid var(--line);font-size:.92rem;white-space:nowrap}.status-pill.connected{background:var(--success-soft)}.status-pill.disconnected{background:var(--danger-soft)}.header-icon-button{width:2.75rem;height:2.75rem;display:inline-grid;place-items:center;padding:0;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--accent) 50%,transparent);background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.header-icon-button svg{width:1.2rem;height:1.2rem}.app-icon{width:1.25rem;height:1.25rem;display:block;flex:0 0 auto}.panel-icon-button .app-icon{width:1.18rem;height:1.18rem}.panel-arrow-button .app-icon{width:.9rem;height:.9rem}.user-panel-menu-row .app-icon{width:1rem;height:1rem;color:var(--muted)}.header-icon-button:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.06)}.typing-indicator{align-self:flex-start;color:var(--muted);font-size:.86rem;padding:0 .1rem}.call-banner{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.9rem 1.25rem;border-bottom:1px solid var(--line);background:var(--accent-soft)}.call-title{font-weight:700;text-transform:capitalize}.call-actions{display:flex;gap:.75rem;flex-wrap:wrap}.video-stage{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--line);background:var(--surface-faint)}.single-video-stage{grid-template-columns:minmax(0,1fr)}.compact-video-stage{grid-template-columns:minmax(320px,420px);justify-content:start;width:fit-content;max-width:calc(100% - 2.5rem)}.sticky-video-stage{position:sticky;top:0;z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.video-panel{position:relative;background:var(--surface-subtle);border:1px solid var(--line);border-radius:var(--radius-2xl);padding:.85rem;display:grid;gap:.75rem;min-height:220px}.video-label{color:var(--muted);font-size:.9rem}.video-overlay{position:absolute;left:.85rem;right:.85rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;z-index:2;pointer-events:none}.video-overlay>*{pointer-events:auto}.video-actions{display:flex;align-items:center;gap:.55rem}.top-overlay{top:.85rem}.bottom-overlay{bottom:.85rem}.compact-overlay{justify-content:flex-start}.video-chip{border-radius:999px;padding:.55rem .85rem;background:var(--overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.icon-button{width:3rem;height:3rem;border-radius:999px;display:grid;place-items:center;padding:0;font-size:1.05rem;background:var(--overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.discord-user-panel .panel-control-pair{gap:.08rem}.discord-user-panel .icon-button.panel-icon-button,.discord-user-panel .icon-button.panel-arrow-button{background:color-mix(in srgb,var(--panel) 42%,transparent);border:1px solid color-mix(in srgb,var(--line) 72%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none}.discord-user-panel .icon-button.panel-main-icon-button{width:2.75rem;height:2.75rem;border-radius:var(--radius-md) 0 0 var(--radius-md)}.discord-user-panel .icon-button.panel-arrow-button{width:2.05rem;height:2.75rem;border-radius:0 var(--radius-md) var(--radius-md) 0}.discord-user-panel .icon-button.panel-settings-button{width:2.75rem;height:2.75rem;border-radius:var(--radius-md)}.discord-user-panel .panel-control-pair:hover .icon-button,.discord-user-panel .icon-button.panel-settings-button:hover{background:color-mix(in srgb,var(--panel-2) 64%,white 6%)}.discord-user-panel .panel-control-pair .icon-button:hover,.discord-user-panel .icon-button.active-icon-button{background:color-mix(in srgb,var(--accent) 26%,var(--panel) 74%)}.active-icon-button{border-color:var(--accent-strong);background:var(--accent-medium)}.danger-chip{border-color:var(--danger-medium);background:color-mix(in srgb,var(--danger) 46%,var(--panel) 54%)}.video-settings-grid{display:grid;gap:.8rem}.settings-stack{display:grid;gap:1rem}.settings-card{background:var(--surface-faint);border:1px solid var(--line);border-radius:var(--radius-2xl);padding:1rem}.settings-card-title{font-weight:700}.voice-settings-section{display:grid;gap:.8rem;padding:.85rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-faint)}.voice-settings-title{font-weight:700}.voice-settings-row{display:grid;gap:.65rem}.voice-setting-label-with-value{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.voice-setting-label{display:block;font-weight:600;margin-bottom:.2rem}.voice-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:0}.voice-toggle-row input{flex:0 0 auto}.video-settings-actions{display:flex;justify-content:flex-start}.settings-inline-actions{display:grid;gap:.55rem}.settings-test-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:1rem}.settings-preview-card,.settings-meter-card,.appearance-preview-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-faint);padding:.9rem}.settings-preview-video{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-lg);background:var(--media-bg);border:1px solid var(--surface-strong)}.settings-preview-empty{min-height:220px}.audio-level-meter{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));align-items:end;gap:.25rem;min-height:84px;padding:.85rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-faint)}.audio-level-bar{display:block;min-height:14%;height:calc(12% + (var(--bar-index, 1) * 2%));border-radius:999px;background:var(--surface-hover);transition:background .12s ease,transform .12s ease,opacity .12s ease;opacity:.48}.audio-level-bar:nth-child(1){height:18%}.audio-level-bar:nth-child(2){height:22%}.audio-level-bar:nth-child(3){height:26%}.audio-level-bar:nth-child(4){height:30%}.audio-level-bar:nth-child(5){height:34%}.audio-level-bar:nth-child(6){height:38%}.audio-level-bar:nth-child(7){height:42%}.audio-level-bar:nth-child(8){height:46%}.audio-level-bar:nth-child(9){height:50%}.audio-level-bar:nth-child(10){height:54%}.audio-level-bar:nth-child(11){height:58%}.audio-level-bar:nth-child(12){height:62%}.audio-level-bar:nth-child(13){height:66%}.audio-level-bar:nth-child(14){height:70%}.audio-level-bar:nth-child(15){height:74%}.audio-level-bar:nth-child(16){height:78%}.audio-level-bar:nth-child(17){height:82%}.audio-level-bar:nth-child(18){height:86%}.audio-level-bar:nth-child(19){height:90%}.audio-level-bar:nth-child(20){height:94%}.audio-level-bar.active{background:linear-gradient(180deg,var(--accent) 0%,var(--accent-2) 100%);opacity:1;transform:translateY(-2px)}.settings-action-row,.color-input-row{display:flex;gap:.65rem;flex-wrap:wrap}.color-input-row input[type=color]{width:72px;min-width:72px;height:48px;padding:.25rem;cursor:pointer}.appearance-slider-block{display:grid;gap:.65rem}.appearance-section{display:grid;gap:.8rem}.theme-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:.75rem}.theme-choice-card{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.75rem;min-height:74px;padding:.7rem;border:1px solid var(--line);background:var(--surface-subtle);color:var(--text);text-align:left}.theme-choice-card:hover,.theme-choice-card.selected{transform:translateY(-1px);border-color:var(--accent-strong);background:var(--accent-soft)}.theme-choice-preview{width:48px;height:48px;display:grid;align-content:end;gap:.18rem;padding:.45rem;border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--line)}.theme-choice-preview>span{height:.32rem;border-radius:999px;opacity:.9}.theme-choice-preview>span:nth-child(2){width:70%}.theme-choice-preview>span:nth-child(3){width:46%}.theme-choice-copy{min-width:0;display:grid;gap:.05rem}.accent-choice-row{display:flex;flex-wrap:wrap;gap:.55rem}.accent-choice-chip{width:auto;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .72rem;border:1px solid var(--line);background:var(--surface-subtle);color:var(--text)}.accent-choice-chip:hover,.accent-choice-chip.selected{border-color:var(--choice-accent);background:color-mix(in srgb,var(--choice-accent) 16%,var(--panel) 84%)}.accent-choice-dot{width:1rem;height:1rem;border-radius:999px;background:linear-gradient(135deg,var(--choice-accent),var(--choice-accent-2));box-shadow:0 0 0 3px color-mix(in srgb,var(--choice-accent) 18%,transparent)}.appearance-preview-header{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.appearance-preview-swatch{width:18px;height:18px;border-radius:999px;border:1px solid var(--line)}.appearance-preview-bubbles{display:grid;gap:.55rem}.appearance-preview-surface{border-radius:var(--radius-lg);border:1px solid var(--surface-strong);padding:1rem}.appearance-preview-panel{border-radius:var(--radius-lg);border:1px solid var(--surface-strong);padding:.85rem;background:var(--panel)}.appearance-preview-bubble{width:fit-content;max-width:100%;padding:.7rem .9rem;border-radius:var(--radius-lg);border:1px solid var(--surface-strong)}.appearance-preview-bubble.self{background:var(--self);color:#fff}.appearance-preview-bubble.peer{background:var(--peer)}.settings-drawer-backdrop{position:fixed;inset:0;background:var(--backdrop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:modal-backdrop-in .16s ease both}.settings-drawer{width:min(960px,100%);max-width:960px;height:min(820px,calc(100vh - 3rem));background:var(--popover);border:1px solid var(--line);border-radius:var(--radius-3xl);box-shadow:var(--shadow);display:grid;grid-template-rows:auto 1fr;overflow:hidden;animation:settings-drawer-in .18s cubic-bezier(.2,.8,.2,1) both;transform-origin:center}.settings-drawer-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--line)}.settings-drawer-body{display:grid;grid-template-columns:220px 1fr;min-height:0}.settings-nav{display:grid;align-content:start;gap:.5rem;padding:1rem;border-right:1px solid var(--line)}.settings-nav-button{text-align:left;background:var(--surface-subtle);border:1px solid var(--line)}.settings-nav-button.active{background:var(--accent-soft);border-color:var(--accent-strong)}.settings-content{overflow:auto;padding:1rem 1.25rem 1.5rem}.settings-content label{font-size:.85rem}.call-video{width:100%;aspect-ratio:16 / 9;max-height:min(48vh,420px);object-fit:cover;object-position:left top;border-radius:var(--radius-lg);background:var(--media-bg);border:1px solid var(--surface-strong)}.local-panel .call-video{aspect-ratio:4 / 3}.video-empty{display:grid;place-items:center;min-height:160px;border-radius:var(--radius-lg);border:1px dashed var(--line);background:var(--surface-faint)}.fullscreen-panel{background:#000}.fullscreen-panel .call-video,.fullscreen-panel .video-empty{min-height:calc(100vh - 2rem);height:calc(100vh - 2rem);aspect-ratio:auto}.search-input{margin-top:.1rem}.search-results{display:grid;gap:.65rem;max-height:280px;overflow:auto}.search-results-popover{max-height:none;overflow:visible}.search-result{text-align:left;background:var(--surface-subtle);border:1px solid var(--line);border-radius:var(--radius-md);padding:.8rem;display:grid;gap:.35rem}.search-result.selected,.search-result:hover{border-color:var(--accent-strong);background:var(--accent-soft)}.search-result-meta{display:flex;justify-content:space-between;gap:.75rem;font-size:.78rem;color:var(--muted)}.search-result-snippet{font-size:.92rem;line-height:1.45}.compact-empty{min-height:96px}.messages{overflow:auto;min-height:0;padding:1.25rem;display:flex;flex-direction:column;gap:.9rem}:root[data-density=compact] .sidebar,:root[data-density=compact] .messages,:root[data-density=compact] .composer,:root[data-density=compact] .settings-content,:root[data-density=compact] .settings-nav{padding-top:.9rem;padding-bottom:.9rem}:root[data-density=compact] .messages{gap:.65rem}:root[data-density=compact] .sidebar{gap:.75rem}:root[data-density=compact] .sidebar-card,:root[data-density=compact] .settings-card,:root[data-density=compact] .profile-editor{padding:.85rem}.empty-state{min-height:220px;display:grid;place-items:center;text-align:center;border:1px dashed var(--line);border-radius:var(--radius-2xl);background:var(--surface-faint)}.message{display:flex;align-items:flex-start;gap:.7rem}.message.search-selected .bubble-wrap{box-shadow:0 0 0 2px var(--accent-medium);border-radius:var(--radius-lg)}.message.self,.message.other{justify-content:flex-start}.message-avatar-slot{width:36px;display:flex;justify-content:center;flex:0 0 36px;padding-top:.05rem}.avatar.message-avatar{width:36px;height:36px;font-size:.9rem;flex:0 0 36px}.bubble-wrap{max-width:min(82%,var(--media-frame-width));min-width:0}.bubble-wrap.editing-wrap{width:calc(100% - 3rem);max-width:calc(100% - 3rem)}.content-sized-wrap{width:min(82%,var(--media-frame-width));max-width:min(82%,var(--media-frame-width))}.media-sized-wrap{width:var(--media-frame-width);max-width:calc(100% - 3rem)}.meta-line{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:.84rem;margin-bottom:.35rem}.meta-line>span:first-child{color:var(--text);font-size:.98rem;font-weight:800;letter-spacing:.01em}.message-edited-indicator{opacity:.8}.message-actions{display:flex;gap:.35rem;margin-left:auto;opacity:0;pointer-events:none;transition:opacity .12s ease}.message:hover .message-actions,.message:focus-within .message-actions{opacity:1;pointer-events:auto}.message-action-button{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;padding:.2rem .5rem;font-size:.8rem;line-height:1}.message-action-button:hover{color:var(--text);background:var(--surface-hover)}.bubble{padding:0;border-radius:0;line-height:1.45;white-space:pre-wrap;min-width:0;overflow-wrap:anywhere;word-break:break-word}.attachment-bubble{display:grid;gap:.8rem}.attachment-bubble.editing-bubble{width:100%}.content-sized-bubble{width:fit-content;max-width:100%}.media-sized-wrap .content-sized-bubble{width:100%}.content-sized-bubble .attachment-view,.content-sized-bubble .message-embeds,.content-sized-bubble .external-media-embed{width:100%;max-width:100%}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;padding:.15rem 0}.message-edit-form{display:grid;gap:.65rem}.message-edit-form textarea{min-height:112px;width:100%}.message-edit-actions{display:flex;gap:.55rem;flex-wrap:wrap}.message-link{color:var(--link);text-decoration:underline;overflow-wrap:anywhere;word-break:break-word}.message-embeds{display:grid;gap:.7rem}.external-media-embed{width:100%;max-width:100%}.youtube-embed,.social-embed{width:100%;aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--surface-hover);border-radius:var(--radius-md);background:var(--media-bg)}.youtube-embed iframe,.social-embed iframe{width:100%;height:100%;border:0;display:block}.facebook-embed{height:auto}.x-embed{aspect-ratio:auto;height:auto;min-height:0;overflow:visible;border:0;background:transparent}.x-embed .twitter-tweet{margin:0!important}.x-embed iframe{max-width:100%!important}.instagram-preview-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;width:100%;padding:1rem;border:1px solid var(--surface-hover);border-radius:var(--radius-md);background:radial-gradient(circle at 0% 0%,rgba(244,63,94,.32),transparent 42%),radial-gradient(circle at 100% 100%,rgba(139,92,246,.3),transparent 44%),var(--surface)}.instagram-preview-icon{width:3rem;height:3rem;display:grid;place-items:center;border-radius:var(--radius-lg);background:linear-gradient(135deg,#f97316,var(--avatar-accent) 48%,#7c3aed);color:#fff;font-size:1.75rem;font-weight:800}.instagram-preview-copy{min-width:0}.instagram-preview-link{white-space:nowrap}.external-media-block{grid-template-columns:1fr}.attachment-view{display:grid;gap:.65rem;min-width:0}.media-preview-button{padding:0;background:transparent;color:inherit;text-align:left}.media-preview-button:hover{transform:translateY(-1px)}.image-view img{width:100%;max-height:480px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--surface-hover)}.media-view{background:var(--surface);border-radius:var(--radius-md);padding:.75rem}.media-expand-button{width:fit-content;padding:.45rem .7rem;font-size:.85rem}.file-view{grid-template-columns:auto 1fr;align-items:center;gap:.75rem;background:var(--surface);border-radius:var(--radius-md);padding:.75rem}.attachment-meta{display:grid;gap:.25rem;min-width:0}.attachment-title{overflow-wrap:anywhere;word-break:break-word}.file-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-sm);background:var(--surface-strong)}.media-player{width:min(280px,100%)}.attachment-media-player{width:var(--media-frame-width);max-height:min(360px,45vh);border-radius:var(--radius-md);background:var(--media-bg)}.system-status{align-self:center;padding:.55rem .8rem;border-radius:999px;background:var(--surface);border:1px solid var(--line)}.composer{border-top:1px solid var(--line);padding:1rem 1.25rem;background:var(--chrome);display:grid;gap:.45rem;position:relative}.upload-progress-card{display:grid;gap:.45rem;padding:.7rem .8rem;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-subtle)}.upload-progress-card.failed{border-color:var(--danger-medium);background:var(--danger-soft)}.upload-progress-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.upload-progress-copy{display:flex;min-width:0;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.upload-cancel-button{flex:0 0 auto;width:fit-content;border:1px solid var(--danger-medium);border-radius:var(--radius-md);padding:.42rem .65rem;background:var(--danger-soft);color:var(--danger);font-size:.85rem;font-weight:700;cursor:pointer}.upload-cancel-button:hover{background:var(--danger-medium);color:#fff}.upload-progress-copy>span:first-child{font-weight:700;overflow-wrap:anywhere}.upload-progress-track{height:.45rem;overflow:hidden;border-radius:999px;background:var(--surface-strong)}.upload-progress-fill{height:100%;min-width:.35rem;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .16s ease}.upload-progress-card.failed .upload-progress-fill{background:var(--danger)}.composer-input-shell{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:.45rem;padding:.45rem;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--input-bg)}.composer-input-shell textarea{min-height:2.65rem;max-height:9rem;resize:none;padding:.68rem .4rem;border:0;border-radius:0;background:transparent}.composer-input-shell textarea:focus{outline:none}.composer-inline-actions{display:flex;align-items:center;gap:.2rem}.composer-icon-button,.composer-send-button{width:2.4rem;height:2.4rem;display:grid;place-items:center;padding:0;border-radius:var(--radius-md);background:transparent;color:var(--muted)}.composer-icon-button:hover:not(:disabled),.composer-send-button:hover:not(:disabled){background:var(--surface-strong);color:var(--text)}.active-composer-button{background:var(--accent-soft);color:var(--text)}.composer-send-button:not(:disabled){color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-2))}.attach-button{color:var(--text);background:var(--surface-strong)}.emoji-popover{position:absolute;right:4.6rem;bottom:calc(100% - .25rem);display:grid;grid-template-columns:repeat(6,2.25rem);gap:.2rem;padding:.55rem;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--popover);box-shadow:var(--shadow);z-index:9}.emoji-choice{width:2.25rem;height:2.25rem;display:grid;place-items:center;padding:0;border-radius:var(--radius-md);background:transparent;font-size:1.15rem}.emoji-choice:hover{background:var(--surface-strong)}.gif-popover{position:absolute;right:1.25rem;bottom:calc(100% - .25rem);width:min(440px,calc(100vw - 2.5rem));max-height:min(520px,62vh);display:grid;gap:.65rem;padding:.75rem;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--popover);box-shadow:var(--shadow);z-index:10}.gif-search-input{margin:0}.gif-picker-status{padding:.2rem .1rem}.gif-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;overflow:auto;padding-right:.15rem}.gif-result{min-height:92px;aspect-ratio:1 / 1;overflow:hidden;padding:0;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--media-bg)}.gif-result:hover{transform:translateY(-1px);border-color:var(--accent-strong)}.gif-result img{width:100%;height:100%;object-fit:cover}.gif-attribution{justify-self:end;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.composer-hint{padding-left:.25rem}.hidden-file-input,.hidden-audio{display:none}.media-lightbox-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:1.5rem;background:var(--backdrop);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:modal-backdrop-in .16s ease both}.media-lightbox{width:min(1120px,100%);max-height:calc(100vh - 3rem);display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-3xl);background:var(--popover);box-shadow:var(--shadow);animation:settings-drawer-in .18s cubic-bezier(.2,.8,.2,1) both}.media-lightbox-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--line)}.media-lightbox-actions{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.media-open-link{display:inline-flex;align-items:center}.media-lightbox-body{min-height:0;display:grid;place-items:center;padding:1rem;background:var(--media-bg)}.media-lightbox-body img,.media-lightbox-body video{max-width:100%;max-height:calc(100vh - 9rem);border-radius:var(--radius-lg);object-fit:contain}.media-lightbox-body video{width:min(100%,960px)}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes settings-drawer-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media(max-width:900px){.app-shell{grid-template-columns:1fr;height:auto;overflow:visible}.sidebar{position:static;top:auto;height:auto;overflow:visible;border-right:0;border-bottom:1px solid var(--line)}.chat-shell{height:auto;min-height:100vh}.chat-header{align-items:stretch}.header-actions{width:100%;flex-wrap:wrap}.header-search{width:100%;flex-basis:100%}.header-search-popover{width:100%;right:auto;left:0}.bubble-wrap{max-width:100%}.bubble-wrap.editing-wrap,.media-sized-wrap{width:100%;max-width:100%}.composer-input-shell{grid-template-columns:auto minmax(0,1fr)}.composer-inline-actions{grid-column:1 / -1;justify-content:flex-end}.emoji-popover{right:1rem;grid-template-columns:repeat(4,2.25rem)}.gif-popover{right:1rem;width:calc(100vw - 2rem)}.gif-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.file-view{grid-template-columns:1fr}.media-player{width:100%}.call-banner{flex-direction:column;align-items:stretch}.voice-toggle-row{align-items:flex-start}.settings-drawer{width:100%;height:min(100vh - 1.5rem,100%)}.settings-drawer-body{grid-template-columns:1fr}.settings-nav{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);overflow:auto;border-right:0;border-bottom:1px solid var(--line)}.settings-test-grid{grid-template-columns:1fr}.settings-action-row,.color-input-row{flex-direction:column}.color-input-row input[type=color]{width:100%;min-width:0}.compact-video-stage{grid-template-columns:minmax(0,1fr);width:100%;max-width:100%}.video-stage{grid-template-columns:1fr}}