@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./sora-latin-ext-wght-normal-CawQDOvP.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sora Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(./sora-latin-wght-normal-DdqRvwsR.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root,:root[data-theme=dark]{color-scheme:dark;--rail: #111317;--sidebar: #1b1d22;--chat: #24262c;--elevated: #2e3138;--interactive: #3a3d45;--interactive-hover: #44474f;--border: #383b42;--overlay: rgb(0 0 0 / .6);--text: #eef0f3;--text-2: #b0b5bf;--text-muted: #969ca7;--text-on-brand: #ffffff;--brand: #4d56fd;--brand-hover: #3f48e8;--brand-text: #9ca3ff;--link: #6cc7ff;--success: #3fb27f;--warning: #e8a33d;--danger: #d93b40;--danger-text: #ff7a7f;--mention-bg: rgb(232 163 61 / .12);--mention-bar: #e8a33d;--status-online: #3fb27f;--status-idle: #e8a33d;--status-dnd: #e5484d;--status-offline: #7d838e;--focus-ring: #6cc7ff;--speaking: #3fb27f;--radius-scale: 1;--radius-sm: calc(4px * var(--radius-scale));--radius: calc(8px * var(--radius-scale));--radius-lg: calc(12px * var(--radius-scale));--rail-width: 72px;--dock-height: 52px;--header-height: 48px;--font: "Inter Variable", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;--font-mono: "Cascadia Mono", Consolas, ui-monospace, monospace;--shadow: 0 8px 24px rgb(0 0 0 / .45);--dur-fast: .11s;--dur: .16s;--dur-slow: .26s;--ease: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1)}:root:not([data-theme=light])[data-surface=midnight]{--rail: #0b0e1a;--sidebar: #121628;--chat: #191d33;--elevated: #232843;--interactive: #2d3354;--interactive-hover: #363d63;--border: #2b3150}:root:not([data-theme=light])[data-surface=oled]{--rail: #000000;--sidebar: #060607;--chat: #0b0b0c;--elevated: #17171a;--interactive: #232326;--interactive-hover: #2c2c30;--border: #222225}:root:not([data-theme=light])[data-surface=slate]{--rail: #1d1f25;--sidebar: #25282e;--chat: #2c2f36;--elevated: #303339;--interactive: #454953;--interactive-hover: #4f535e;--border: #42464f}:root[data-theme=light]{color-scheme:light;--rail: #e3e5e8;--sidebar: #f0f1f3;--chat: #ffffff;--elevated: #ffffff;--interactive: #e1e3e7;--interactive-hover: #d5d8dd;--border: #d5d8dd;--overlay: rgb(0 0 0 / .45);--text: #15171a;--text-2: #464b54;--text-muted: #5c626c;--brand: #4d56fd;--brand-hover: #3f48e8;--brand-text: #3a42d6;--link: #0b63a8;--danger-text: #b3262b;--mention-bg: rgb(232 163 61 / .18);--focus-ring: #0b63a8;--status-offline: #80858e}:root[data-theme][data-palette=artico]{--rail: #171c26;--sidebar: #1f2532;--chat: #272e3c;--elevated: #323a4b;--interactive: #3c4557;--interactive-hover: #465068;--border: #39415a}:root[data-theme][data-palette=floresta]{--rail: #0e1511;--sidebar: #151f19;--chat: #1b2720;--elevated: #243229;--interactive: #2e4034;--interactive-hover: #384a3e;--border: #2b3b31}:root[data-theme][data-palette=brasa]{--rail: #19100e;--sidebar: #221714;--chat: #2a1d19;--elevated: #362722;--interactive: #42302a;--interactive-hover: #4e3a33;--border: #40302a}:root[data-theme][data-palette=oceano]{--rail: #091318;--sidebar: #0f1c22;--chat: #14242c;--elevated: #1d3038;--interactive: #264048;--interactive-hover: #2f4b54;--border: #24383f}:root[data-theme][data-palette=lavanda]{--rail: #15111f;--sidebar: #1d1829;--chat: #251f34;--elevated: #302942;--interactive: #3b334f;--interactive-hover: #463d5c;--border: #392f4d}:root[data-theme][data-palette=rose]{--rail: #1b1017;--sidebar: #24161f;--chat: #2c1c27;--elevated: #382631;--interactive: #44303c;--interactive-hover: #503a48;--border: #422e3a}:root[data-theme][data-palette=neon]{--rail: #050507;--sidebar: #0b0b0f;--chat: #101016;--elevated: #191922;--interactive: #23232d;--interactive-hover: #2c2c38;--border: #22222c}:root[data-theme][data-palette=cafe]{--rail: #161210;--sidebar: #1f1a16;--chat: #26211c;--elevated: #312a25;--interactive: #3c342e;--interactive-hover: #463d37;--border: #3a322c}:root[data-theme][data-palette=papel]{--rail: #e6e0d4;--sidebar: #f1ece2;--chat: #faf7f0;--elevated: #ffffff;--interactive: #e4ddcf;--interactive-hover: #d8cfbe;--border: #d8d0c2}:root[data-theme][data-palette=nevoa]{--rail: #dde3ec;--sidebar: #eaeef4;--chat: #f7f9fc;--elevated: #ffffff;--interactive: #dde3ec;--interactive-hover: #cfd7e3;--border: #cfd7e3}:root[data-theme][data-palette=menta]{--rail: #d9e9e0;--sidebar: #e8f2ec;--chat: #f6fbf8;--elevated: #ffffff;--interactive: #d9e9e0;--interactive-hover: #c9ddd1;--border: #cadbd1}@media(prefers-reduced-motion:reduce){:root:not([data-motion=full]){--dur-fast: 0ms;--dur: 0ms;--dur-slow: 0ms}}:root[data-motion=reduced]{--dur-fast: 0ms;--dur: 0ms;--dur-slow: 0ms}.oc-icon{position:relative;display:inline-grid;flex:none;width:var(--oc-icon-size, 20px);height:var(--oc-icon-size, 20px);line-height:0}.oc-icon>svg{grid-area:1 / 1;width:100%;height:100%}.oc-icon>svg :is(path,circle,rect,line,polyline,polygon,ellipse){stroke-width:1.5;transition:stroke-width var(--dur, .15s) var(--ease, ease)}:is(button,a,summary,[role=button],[role=tab],[role=menuitem],[role=option],[role=treeitem],.oc-interactive):not(:disabled,[aria-disabled=true]):is(:hover,:focus-visible,[aria-current]:not([aria-current=false]),[aria-selected=true],[aria-pressed=true],[aria-expanded=true]) .oc-icon>svg :is(path,circle,rect,line,polyline,polygon,ellipse),.oc-icon[data-active=true]>svg :is(path,circle,rect,line,polyline,polygon,ellipse){stroke-width:2.2}.oc-icon[data-slashed=true]:after{content:"";position:absolute;left:50%;top:-8%;width:2px;height:116%;background:currentColor;transform:translate(-50%) rotate(-45deg);border-radius:1px;box-shadow:0 0 0 1.5px var(--oc-icon-slash-gap, var(--sidebar))}@media(prefers-reduced-motion:reduce){.oc-icon>svg *{transition:none}}:root[data-motion=reduced] .oc-icon>svg *{transition:none}.oc-field{display:grid;gap:8px;min-width:0}.oc-label{font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text-2)}.oc-hint{font-size:.8125rem;color:var(--text-muted);font-weight:400;text-transform:none;letter-spacing:0}.oc-error{font-size:.8125rem;color:var(--danger-text)}.oc-disabled{opacity:.5;pointer-events:none}.oc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:calc(8px * var(--radius-scale, 1));font:inherit;font-weight:600;cursor:pointer;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),transform 80ms var(--ease)}.oc-btn:active:not(:disabled){transform:translateY(1px)}.oc-btn:disabled{opacity:.5;cursor:not-allowed}.oc-btn-sm{height:32px;padding:0 12px;font-size:.875rem}.oc-btn-md{height:38px;padding:0 16px;font-size:.9375rem}.oc-btn-lg{height:44px;padding:0 20px;font-size:1rem}.oc-btn-block{width:100%}.oc-btn-primary{background:var(--brand);color:var(--text-on-brand)}.oc-btn-primary:hover:not(:disabled){background:var(--brand-hover)}.oc-btn-secondary{background:var(--interactive);color:var(--text)}.oc-btn-secondary:hover:not(:disabled){background:var(--interactive-hover)}.oc-btn-ghost{background:transparent;color:var(--text-2)}.oc-btn-ghost:hover:not(:disabled){color:var(--text);text-decoration:underline}.oc-btn-danger{background:var(--danger);color:#fff}.oc-btn-danger:hover:not(:disabled){background:#b92f34}.oc-btn-success{background:#2f8c63;color:#fff}.oc-input-wrap{position:relative;display:flex;align-items:center}.oc-input,.oc-textarea{width:100%;min-height:40px;padding:8px 12px;border:1px solid var(--border);border-radius:calc(8px * var(--radius-scale, 1));background:var(--rail);color:var(--text);font:inherit;font-size:.9375rem;transition:border-color var(--dur) var(--ease)}.oc-input::placeholder,.oc-textarea::placeholder{color:var(--text-muted)}.oc-input:hover,.oc-textarea:hover{border-color:var(--interactive-hover)}.oc-input:focus-visible,.oc-textarea:focus-visible{outline:none;border-color:var(--focus-ring);box-shadow:0 0 0 1px var(--focus-ring)}.oc-invalid .oc-input,.oc-textarea[aria-invalid=true]{border-color:var(--danger)}.oc-input-has-icon .oc-input{padding-left:36px}.oc-input-icon{position:absolute;left:11px;color:var(--text-muted);pointer-events:none}.oc-textarea{resize:vertical;min-height:80px}.oc-textarea-bare{width:100%;border:0;background:transparent;color:var(--text);font:inherit;resize:none;outline:none}.oc-select{width:100%;min-width:0;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px 8px 12px;border:1px solid var(--border);border-radius:calc(8px * var(--radius-scale, 1));background:var(--rail);color:var(--text);font:inherit;font-size:.9375rem;text-align:left;cursor:pointer;transition:border-color var(--dur) var(--ease)}.oc-select:hover:not(:disabled){border-color:var(--interactive-hover)}.oc-select:focus-visible,.oc-select[aria-expanded=true]{outline:none;border-color:var(--focus-ring)}.oc-select:disabled{opacity:.5;cursor:not-allowed}.oc-select-value{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-placeholder{color:var(--text-muted)}.oc-select-chevron{color:var(--text-2);transition:transform var(--dur) var(--ease)}.oc-rotated{transform:rotate(180deg)}.oc-listbox{position:fixed;z-index:3000;margin:0;padding:4px;list-style:none;overflow-y:auto;background:var(--rail);border:1px solid var(--border);border-radius:calc(8px * var(--radius-scale, 1));box-shadow:var(--shadow);animation:oc-pop .11s var(--ease)}.oc-option{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:36px;padding:6px 10px;border-radius:calc(6px * var(--radius-scale, 1));color:var(--text-2);font-size:.9375rem;cursor:pointer}.oc-option-active{background:var(--interactive);color:var(--text)}.oc-option[aria-selected=true]{color:var(--text);font-weight:600}.oc-option[aria-selected=true] .oc-icon{color:var(--brand-text)}.oc-option[aria-disabled=true]{opacity:.45;cursor:not-allowed}.oc-option-text{display:grid;min-width:0}.oc-option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oc-option-desc{font-size:.75rem;color:var(--text-muted);font-weight:400}@keyframes oc-pop{0%{opacity:0;transform:translateY(-4px)}}.oc-slider{position:relative;height:24px;display:flex;align-items:center;cursor:pointer;touch-action:none}.oc-slider-track{position:relative;width:100%;height:8px;border-radius:calc(4px * var(--radius-scale, 1));background:var(--interactive)}.oc-slider-fill{height:100%;border-radius:calc(4px * var(--radius-scale, 1));background:var(--brand)}.oc-slider-marker{position:absolute;top:-4px;width:2px;height:16px;background:var(--text);transform:translate(-1px)}.oc-slider-thumb{position:absolute;top:50%;width:12px;height:22px;border-radius:calc(4px * var(--radius-scale, 1));background:#fff;border:1px solid var(--border);box-shadow:0 1px 3px #0006;transform:translate(-50%,-50%);transition:box-shadow var(--dur) var(--ease)}.oc-slider-thumb:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.oc-slider:hover .oc-slider-thumb{box-shadow:0 1px 3px #0006,0 0 0 4px #ffffff14}.oc-switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px}.oc-switch-text{display:grid;gap:2px}.oc-switch-label{font-size:1rem;font-weight:500;color:var(--text)}.oc-switch{position:relative;flex:none;width:40px;height:24px;padding:0;border:0;border-radius:calc(12px * var(--radius-scale, 1));background:var(--interactive-hover);cursor:pointer;transition:background-color var(--dur) var(--ease)}.oc-switch[aria-checked=true]{background:var(--brand)}.oc-switch-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;display:grid;place-items:center;color:var(--brand);transition:transform var(--dur) var(--ease)}.oc-switch[aria-checked=true] .oc-switch-thumb{transform:translate(16px)}.oc-switch:disabled{opacity:.5;cursor:not-allowed}.oc-check-row{display:flex;align-items:flex-start;gap:10px}.oc-checkbox{flex:none;width:22px;height:22px;margin-top:1px;padding:0;border:2px solid var(--text-muted);border-radius:calc(6px * var(--radius-scale, 1));background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.oc-checkbox[aria-checked=true]{background:var(--brand);border-color:var(--brand)}.oc-checkbox:hover:not(:disabled){border-color:var(--text-2)}.oc-check-text{display:grid;gap:2px;font-size:.9375rem;color:var(--text);cursor:pointer;user-select:none}.oc-radiogroup{display:grid;gap:8px}.oc-radiogroup-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.oc-radio{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:calc(8px * var(--radius-scale, 1));background:var(--sidebar);color:var(--text-2);font:inherit;font-size:.9375rem;text-align:left;cursor:pointer;transition:background-color var(--dur) var(--ease),border-color var(--dur) var(--ease)}.oc-radio:hover{background:var(--interactive);color:var(--text)}.oc-radio[aria-checked=true]{background:var(--interactive);border-color:var(--brand-text);color:var(--text)}.oc-radio-dot{flex:none;width:18px;height:18px;border-radius:50%;border:2px solid var(--text-muted);display:grid;place-items:center}.oc-radio[aria-checked=true] .oc-radio-dot{border-color:var(--brand-text)}.oc-radio[aria-checked=true] .oc-radio-dot:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--brand-text)}.oc-radio-text{display:grid;gap:2px}.oc-swatches{display:flex;flex-wrap:wrap;gap:8px}.oc-swatch{width:32px;height:32px;padding:0;border:0;border-radius:calc(6px * var(--radius-scale, 1));color:#0d0e11;display:grid;place-items:center;cursor:pointer;transition:transform 80ms var(--ease)}.oc-swatch:hover{transform:scale(1.08)}.oc-swatch[aria-checked=true]{outline:2px solid var(--text);outline-offset:2px}.oc-swatch-default{background:var(--interactive);color:var(--text)}@media(prefers-reduced-motion:reduce){.oc-listbox,.oc-switch-thumb,.oc-swatch{animation:none;transition:none}}:root[data-motion=reduced] :is(.oc-listbox,.oc-switch-thumb,.oc-swatch){animation:none;transition:none}.oc-color-input{display:flex;align-items:center;gap:10px;min-height:40px;padding:4px 12px 4px 6px;border:1px solid var(--border);border-radius:calc(8px * var(--radius-scale, 1));background:var(--rail);transition:border-color var(--dur) var(--ease)}.oc-color-input:hover{border-color:var(--interactive-hover)}.oc-color-input:focus-within,.oc-color-input[data-open=true]{border-color:var(--focus-ring);box-shadow:0 0 0 1px var(--focus-ring)}.oc-color-swatch{flex:none;width:28px;height:28px;padding:0;border:1px solid rgb(255 255 255 / .18);border-radius:calc(6px * var(--radius-scale, 1));cursor:pointer}.oc-color-swatch[data-empty=true]{background:linear-gradient(45deg,transparent 45%,var(--danger) 45% 55%,transparent 55%),var(--sidebar)!important}.oc-color-swatch:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.oc-color-hex{flex:1;min-width:0;border:0;background:none;color:var(--text);font:inherit;font-family:var(--font-mono, ui-monospace, monospace);font-size:.9375rem;text-transform:uppercase;outline:none}.oc-color-hex::placeholder{color:var(--text-muted);text-transform:none}.oc-color-panel{z-index:1600;width:232px;display:grid;gap:10px;padding:10px;border:1px solid var(--border);border-radius:var(--radius, 8px);background:var(--elevated, #1e1f22);box-shadow:0 16px 40px #00000073}.oc-color-sv{position:relative;height:160px;border-radius:calc(6px * var(--radius-scale, 1));background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent);cursor:crosshair;touch-action:none}.oc-color-sv:focus-visible,.oc-color-hue:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.oc-color-hue{position:relative;height:14px;border-radius:7px;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer;touch-action:none}.oc-color-thumb{position:absolute;width:18px;height:18px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000059,0 2px 6px #0006;transform:translate(-50%,-50%);pointer-events:none}.oc-color-hue .oc-color-thumb{top:50%}.oc-color-presets{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}.oc-color-preset{aspect-ratio:1;padding:0;border:1px solid rgb(255 255 255 / .14);border-radius:4px;cursor:pointer}.oc-color-preset[aria-pressed=true]{outline:2px solid var(--focus-ring);outline-offset:1px}@media(prefers-reduced-motion:reduce){.oc-color-input{transition:none}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--chat);color:var(--text);font:15px/1.375 var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}a{color:var(--link)}h1,h2,h3{margin:0}.oc-visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.muted{color:var(--text-muted)}.small{font-size:.8rem}.spacer{flex:1}.danger-text,.form-error{color:var(--danger-text)}.warning-text{color:var(--warning)}.success-text{color:var(--success)}.warn-text{color:var(--warning)}.form-error{display:flex;gap:6px;align-items:center;margin:0;font-size:.875rem}.skip-link{position:absolute;left:-9999px;z-index:100}.skip-link:focus{left:8px;top:8px;background:var(--elevated);padding:8px 12px;border-radius:var(--radius)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 14px;border:0;border-radius:var(--radius-sm);font-weight:600;font-size:.875rem;transition:background var(--dur) var(--ease)}.btn-sm{min-height:30px;padding:0 10px;font-size:.8125rem}.btn-block{width:100%}.btn-primary{background:var(--brand);color:var(--text-on-brand)}.btn-primary:hover:not(:disabled){background:var(--brand-hover)}.btn-secondary{background:var(--interactive)}.btn-secondary:hover:not(:disabled),.btn-secondary[aria-pressed=true]{background:var(--interactive-hover)}.btn-ghost{background:transparent}.btn-ghost:hover{text-decoration:underline}.btn-danger{background:var(--danger);color:#fff}.icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-2);transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.icon-btn:hover:not(:disabled),.icon-btn[aria-pressed=true]{background:var(--interactive);color:var(--text)}.icon-btn-sm{width:26px;height:26px}.icon-btn-danger:hover:not(:disabled){color:var(--danger-text)}.link-btn{background:none;border:0;padding:0;color:var(--link);text-align:left}.link-btn:hover{text-decoration:underline}.form{display:grid;gap:14px}.field{display:grid;gap:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--text-2)}.field-inline{text-transform:none;font-weight:500;letter-spacing:0;font-size:.8125rem}.field small{text-transform:none;font-weight:400}.field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}input:not([type=checkbox],[type=radio],[type=range],[type=color]),select,textarea{width:100%;min-height:38px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--rail);color:var(--text);font-size:.9375rem;text-transform:none;font-weight:400;letter-spacing:0}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--focus-ring);outline-offset:0}.form-actions{display:flex;justify-content:flex-end;gap:8px}.check{display:inline-flex;gap:8px;align-items:center}.radio-cards{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;border:0;padding:0;margin:0}.radio-cards legend{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-2);margin-bottom:6px}.radio-card{display:flex;gap:8px;align-items:center;padding:10px 12px;border-radius:var(--radius);background:var(--interactive);cursor:pointer}.radio-card[data-checked=true]{outline:2px solid var(--brand)}.radio-card input{position:absolute;opacity:0}.radio-card:has(input:focus-visible){outline:2px solid var(--focus-ring)}.splash,.fatal{height:100%;display:grid;place-content:center;justify-items:center;gap:16px;background:var(--sidebar);color:var(--text-2)}.brand-mark{display:inline-block;width:56px;height:56px;border-radius:28%;background:url(./logo-WZFpTBFa.png) center / cover no-repeat}.brand-mark-sm{width:28px;height:28px}.splash-mark{width:64px;height:64px;border-radius:28%;background:url(./logo-WZFpTBFa.png) center / cover no-repeat;animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.splash-mark{animation:none}}.auth{height:100%;display:grid;place-items:center;background:linear-gradient(160deg,var(--rail),var(--sidebar));overflow:auto;padding:24px}.auth-card{width:min(460px,100%);display:grid;gap:14px;padding:32px;background:var(--chat);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.auth-brand{display:grid;justify-items:center;text-align:center;gap:8px}.auth-brand h1{font-size:1.5rem}.auth-brand p{margin:0}.auth-switch{margin:0;font-size:.875rem;color:var(--text-muted)}.auth-alt{display:grid;gap:8px;margin-top:4px;text-align:center}.auth-alt-or{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.shell{display:grid;grid-template-columns:var(--rail-width) var(--sidebar-width, 240px) minmax(0,1fr) auto;height:100%}.rail{background:var(--rail);display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 0;overflow-y:auto;scrollbar-width:none}.rail-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.rail-li{position:relative}.rail-li[data-unread=true]:before{content:"";position:absolute;left:-12px;top:50%;width:4px;height:8px;margin-top:-4px;border-radius:0 4px 4px 0;background:var(--text)}.rail-item{position:relative;width:48px;height:48px;border:0;border-radius:50%;background:var(--sidebar);color:var(--text);font-weight:700;font-size:.9rem;display:grid;place-items:center;transition:border-radius var(--dur) var(--ease),background var(--dur) var(--ease)}.rail-item:hover,.rail-item[aria-current=page]{border-radius:30%;background:var(--brand);color:var(--text-on-brand)}.rail-home{background:var(--elevated)}.rail-action{color:var(--success)}.rail-action:hover{background:var(--success);color:#fff}.rail-sep{width:32px;height:2px;background:var(--interactive);border-radius:1px}.badge{position:absolute;right:-4px;bottom:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:calc(9px * var(--radius-scale, 1));background:var(--danger);color:#fff;font-size:.6875rem;font-weight:700;display:grid;place-items:center;border:3px solid var(--rail);box-sizing:content-box}.badge-inline{position:static;border:0;margin-left:auto}.sidebar{background:var(--sidebar);display:flex;flex-direction:column;min-height:0}.sidebar-header{height:var(--header-height);display:flex;align-items:center;gap:4px;padding:0 8px 0 4px;border-bottom:1px solid var(--rail);flex:none}.sidebar-header[data-banner=true]{position:relative;isolation:isolate;height:96px;align-items:flex-start;padding-top:6px;color:#fff}.sidebar-header[data-banner=true]:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,#0000008c,#0000 70%);pointer-events:none}.sidebar-header[data-banner=true] .server-name,.sidebar-header[data-banner=true] .sidebar-invite{color:#fff;text-shadow:0 1px 3px rgb(0 0 0 / .6)}.sidebar-title{font-weight:700;padding:0 8px}.server-name{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:6px;height:36px;padding:0 8px;border:0;border-radius:var(--radius-sm);background:transparent;font-weight:700}.server-name:hover{background:var(--interactive)}.sidebar-scroll{flex:1;overflow-y:auto;padding:8px;min-height:0}.cat{margin-top:12px}.cat-header{display:flex;align-items:center}.cat-toggle{flex:1;min-width:0;display:flex;align-items:center;gap:4px;background:none;border:0;padding:4px 0;color:var(--text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.cat-toggle:hover{color:var(--text)}.channel-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:2px}.channel-row{width:100%;display:flex;align-items:center;gap:6px;min-height:34px;padding:4px 8px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);text-align:left;font-weight:500}.channel-row:hover{background:var(--interactive);color:var(--text-2)}.channel-row[aria-current=page]{background:var(--interactive);color:var(--text)}.channel-row[data-unread=true]{color:var(--text);font-weight:700}.channel-row[data-muted=true]:not([aria-current]){opacity:.5}.voice-members{list-style:none;margin:2px 0 6px;padding:0 0 0 24px;display:grid;grid-template-columns:minmax(0,1fr);gap:4px}.voice-members>li,.voice-members .popover-anchor{min-width:0}.voice-member{display:flex;align-items:center;gap:6px;width:100%;min-width:0;overflow:hidden;min-height:32px;padding:4px 8px;border:0;border-radius:calc(6px * var(--radius-scale, 1));background:transparent;font:inherit;font-size:.875rem;color:var(--text-2);text-align:left;cursor:pointer;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.voice-member>.truncate{flex:1;min-width:0}.voice-member>:not(.truncate){flex:none}.voice-member:hover,.voice-member[aria-expanded=true]{background:var(--interactive);color:var(--text)}.voice-member:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.voice-members li[data-dragging=true]{opacity:.4}.channel-list>li[data-drop-target=true]>.channel-row{background:color-mix(in srgb,var(--brand) 22%,transparent);color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--brand) 70%,transparent)}.channel-list>li[data-dragging=true]>.channel-row{opacity:.4}.channel-list>li[data-drop-line]{position:relative}.channel-list>li[data-drop-line]:before{content:"";position:absolute;left:8px;right:8px;height:2px;border-radius:1px;background:var(--brand);pointer-events:none}.channel-list>li[data-drop-line=before]:before{top:-1px}.channel-list>li[data-drop-line=after]:before{bottom:-1px}.cat-header[data-drop-target=true]{border-radius:var(--radius-sm);background:color-mix(in srgb,var(--brand) 18%,transparent);color:var(--text)}.live-pill{font-size:.625rem;font-weight:800;padding:1px 5px;border-radius:calc(4px * var(--radius-scale, 1));background:var(--danger);color:#fff;letter-spacing:.04em}.dock{flex:none;background:var(--rail);position:relative}.voice-dock{padding:8px 10px;border-bottom:1px solid var(--sidebar);display:grid;gap:4px}.voice-dock-row{display:flex;align-items:center;justify-content:space-between}.voice-dock-status{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--success)}.voice-dock-status[data-status=reconnecting],.voice-dock-status[data-status=connecting],.voice-dock-status[data-status=authorizing]{color:var(--warning)}.voice-dock-status[data-status=failed]{color:var(--danger-text)}.voice-dock-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:4px}.user-dock{height:var(--dock-height);display:flex;align-items:center;gap:2px;padding:0 8px}.user-dock-id{display:flex;align-items:center;gap:8px;min-width:0;flex:1;padding:2px 4px;border:0;background:transparent;border-radius:var(--radius-sm);text-align:left}.user-dock-id:hover{background:var(--interactive)}.popover-anchor:has(.user-dock-id){flex:1;min-width:0}.user-dock-names{display:grid;min-width:0;line-height:1.2}.ptt-indicator{position:absolute;bottom:calc(100% + 6px);left:8px;right:8px;background:var(--success);color:#06281a;font-weight:700;font-size:.75rem;padding:4px 8px;border-radius:var(--radius-sm)}.profile-voice{display:grid;gap:6px;margin-top:12px;padding:10px;border-radius:calc(8px * var(--radius-scale, 1));background:var(--elevated)}.profile-voice-name{display:flex;align-items:center;gap:6px;min-width:0}.popover-anchor{position:relative}.menu{position:absolute;z-index:20;min-width:200px;list-style:none;margin:0;padding:6px;background:var(--rail);border-radius:var(--radius);box-shadow:var(--shadow)}.menu-up{bottom:calc(100% + 8px);left:0}.menu button{width:100%;display:flex;gap:8px;align-items:center;padding:8px;border:0;border-radius:var(--radius-sm);background:none;text-align:left}.menu button:hover,.menu button:focus-visible{background:var(--brand);color:var(--text-on-brand)}.oc-status-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.oc-status-dot[data-status=online],.oc-status[data-status=online]{background:var(--status-online)}.oc-status-dot[data-status=idle],.oc-status[data-status=idle]{background:var(--status-idle)}.oc-status-dot[data-status=dnd],.oc-status[data-status=dnd]{background:var(--status-dnd)}.oc-status-dot[data-status=offline],.oc-status[data-status=offline],.oc-status[data-status=invisible]{background:var(--status-offline)}.profile-card{position:fixed;z-index:1400;width:300px;max-height:calc(100vh - 16px);overflow-y:auto;padding:16px;display:grid;gap:12px;background:var(--rail);border-radius:var(--radius);box-shadow:var(--shadow)}.pc-head{display:grid;gap:4px;min-width:0}.pc-banner{height:104px;margin:-16px -16px 0;overflow:hidden;border-radius:var(--radius) var(--radius) 0 0;background:var(--pc-a, var(--brand))}.pc-banner[data-empty=true]{background:color-mix(in srgb,var(--pc-a, var(--brand)) 70%,#000)}.pc-banner img{display:block;width:100%;height:100%;object-fit:cover}.pc-avatar-row{display:flex;align-items:flex-start;gap:8px;min-width:0}.pc-avatar{position:relative;flex:none;margin-top:-44px;width:fit-content;padding:4px;border-radius:50%;background:var(--pc-a, var(--rail))}[data-themed=true] .pc-avatar{background:color-mix(in srgb,var(--pc-a) 85%,#000)}.pc-names{min-width:0}.pc-name{display:flex;align-items:center;gap:2px;font-size:1.125rem;overflow-wrap:anywhere}.pc-sub{color:var(--pc-muted, var(--text-muted));font-size:.875rem}.pc-status{position:relative;min-width:0;max-width:100%;margin-top:-18px;padding:6px 10px;border-radius:12px;background:var(--elevated, #1e1f22);color:var(--text);font-size:.8125rem;font-style:italic;line-height:1.3;overflow-wrap:anywhere;box-shadow:0 2px 8px #0000004d}.pc-status:before{content:"";position:absolute;left:-5px;top:10px;width:8px;height:8px;border-radius:50%;background:inherit}.pc-section{margin-top:8px}.pc-section h4{margin:0 0 2px;font-size:.75rem;font-weight:700;color:var(--pc-muted, var(--text-muted))}.pc-bio{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.875rem}.pc-banner{position:relative}.pc-edit{position:absolute;display:grid;place-items:center;border:0;border-radius:50%;background:#0009;color:#fff;cursor:pointer;opacity:0;transition:opacity var(--dur) var(--ease)}.pc-edit-banner{top:8px;right:8px;width:32px;height:32px;border-radius:var(--radius-sm)}.pc-edit-avatar{inset:4px}.pc-banner:hover .pc-edit,.pc-avatar:hover .pc-edit,.pc-edit:focus-visible{opacity:1}@media(hover:none){.pc-edit{opacity:.85}.pc-edit-avatar{inset:auto 0 0 auto;width:28px;height:28px}}.pc-inline-edit{display:block;width:100%;border:1px dashed transparent;border-radius:var(--radius-sm);background:none;color:inherit;font:inherit;text-align:left;cursor:text}.pc-section .pc-inline-edit{margin:-2px -6px;padding:2px 6px;width:calc(100% + 12px)}.pc-status.pc-inline-edit{width:auto;background:var(--elevated, #1e1f22)}.pc-inline-edit:hover,.pc-inline-edit:focus-visible{border-color:var(--pc-muted, var(--text-muted))}.pc-inline-edit[data-empty=true]{color:var(--pc-muted, var(--text-muted))}.pc-status-editing{flex:1;padding:2px;font-style:normal}.pc-bio-editing{position:relative;padding:6px 8px;border-radius:var(--radius-sm);background:#00000040;outline:2px solid var(--brand)}.pc-bio-editing textarea{width:100%;resize:vertical}.pc-bio-count{display:block;text-align:right;font-size:.6875rem;color:var(--pc-muted, var(--text-muted))}@media(prefers-reduced-motion:reduce){.pc-edit{transition:none}}.profile-card[data-themed=true],.profile-preview[data-themed=true]{background:linear-gradient(180deg,var(--pc-a),var(--pc-b));color:var(--pc-text)}.profile-card[data-themed=true] .muted,.profile-preview[data-themed=true] .muted{color:var(--pc-muted)}.profile-head{display:flex;gap:12px;align-items:center}.user-badges{display:inline-flex;align-items:center;gap:2px;margin-left:4px;vertical-align:middle;flex-shrink:0}.user-badge{display:inline-flex;line-height:0}.badge-glyph{display:inline-flex;line-height:0;color:var(--text-2)}.badge-glyph.is-verified{color:var(--brand)}.badge-img{display:block;object-fit:contain;border-radius:3px}.user-badge-more{font-size:.6875rem;font-weight:600;color:var(--text-muted)}.profile-badges{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}.profile-badges li{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:3px 8px 3px 6px;font-size:.75rem;border:1px solid var(--border);border-radius:calc(10px * var(--radius-scale, 1));background:var(--sidebar)}.profile-roles{display:flex;flex-wrap:wrap;gap:4px}.role-chip-add{display:inline-grid;place-items:center;padding:2px 6px;color:var(--text-muted);cursor:pointer}.role-chip-add:hover,.role-chip-add:focus-visible{color:var(--text)}.role-chip{font-size:.75rem;padding:2px 8px;border-radius:calc(10px * var(--radius-scale, 1));border:1px solid var(--border);background:var(--sidebar)}.profile-actions{display:grid;gap:6px}.oc-avatar{position:relative;flex:none;display:inline-block}.oc-avatar-face{width:100%;height:100%;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;transition:box-shadow var(--dur) var(--ease)}.oc-avatar-face{overflow:hidden}.oc-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.oc-avatar[data-speaking=true] .oc-avatar-face{box-shadow:0 0 0 2px var(--sidebar),0 0 0 4px var(--speaking)}.oc-status{position:absolute;right:-2px;bottom:-2px;width:38%;height:38%;min-width:10px;min-height:10px;border-radius:50%;border:3px solid var(--sidebar)}.oc-status[data-status=dnd]:after{content:"";position:absolute;inset:40% 18%;background:var(--sidebar);border-radius:1px}.oc-status[data-status=offline]:after{content:"";position:absolute;inset:25%;background:var(--sidebar);border-radius:50%}.content{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--chat);outline:none}.conn-banner{padding:4px 12px;font-size:.8125rem;font-weight:600;text-align:center;background:var(--warning);color:#2b1d05}.conn-offline{background:var(--danger);color:#fff}.instance-banner{--tone: var(--brand);display:flex;align-items:center;gap:8px;padding:6px 8px 6px 12px;font-size:.8125rem;font-weight:600;color:var(--text);background:color-mix(in srgb,var(--tone) 18%,var(--chat));border-bottom:1px solid color-mix(in srgb,var(--tone) 40%,transparent)}.instance-banner[data-tone=warning]{--tone: var(--warning)}.instance-banner[data-tone=success]{--tone: var(--success)}.instance-banner>svg{flex:none;color:var(--tone)}.instance-banner>span{flex:1;min-width:0;text-align:left;overflow-wrap:anywhere}.instance-banner-preview{border:1px solid color-mix(in srgb,var(--tone) 40%,transparent);border-radius:var(--radius-sm)}.chat-header{height:var(--header-height);flex:none;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--rail);color:var(--text-2)}.chat-header h2{font-size:1rem;color:var(--text)}.chat-topic{font-size:.875rem;color:var(--text-muted);border-left:1px solid var(--interactive);padding-left:10px;max-width:50%}.chat,.home,.stage{display:flex;flex-direction:column;min-height:0;flex:1}.chat-scroll{flex:1;overflow-y:auto;padding:16px 0 8px;outline:none}.chat-start{padding:16px}.chat-start h3{font-size:1.5rem}.chat-loading{text-align:center;color:var(--text-muted);padding:8px;font-size:.875rem}.msg-skeleton{list-style:none;margin:0;padding:8px 0 0}.msg-skeleton li{display:grid;grid-template-columns:56px 1fr;margin-top:18px;padding-right:48px}.msg-skeleton .sk{display:block;border-radius:6px}.msg-skeleton .sk-avatar{justify-self:center;width:40px;height:40px;border-radius:50%}.msg-skeleton .sk-lines{display:flex;flex-direction:column;gap:8px;padding-top:4px;min-width:0}.msg-skeleton .sk-name{width:120px;height:12px}.msg-skeleton .sk-line{height:12px;max-width:100%}.msg-skeleton .sk-media{width:min(280px,100%);height:160px;border-radius:var(--radius)}.messages{list-style:none;margin:0;padding:0}.msg{position:relative;display:grid;grid-template-columns:56px 1fr;column-gap:0;padding:2px 48px 2px 0;margin-top:14px}.msg-grouped{margin-top:0}.msg:hover{background:#00000014}.msg[data-mention=true]{background:var(--mention-bg);box-shadow:inset 2px 0 0 var(--mention-bar)}.msg-avatar{grid-row:span 2;display:flex;justify-content:center;padding-top:2px}.avatar-btn{border:0;padding:0;background:none;border-radius:50%}.msg-reply{grid-column:2;display:flex;gap:6px;align-items:center;font-size:.8125rem;color:var(--text-muted);min-width:0}.msg-private-reply{border:0;background:none;padding:0;font:inherit;font-size:.8125rem;text-align:left;cursor:pointer}.msg-private-reply:hover strong,.msg-private-reply:focus-visible strong{text-decoration:underline}.msg-private-where{flex-shrink:0;max-width:40%;color:var(--text-2)}.composer-private-reply>span{display:flex;align-items:center;gap:4px;min-width:0}.msg-head{grid-column:2;display:flex;align-items:baseline;gap:8px}.msg-author{font-weight:600}.msg-time{font-size:.75rem;color:var(--text-muted)}.msg-time-hover{grid-column:1;font-size:.6875rem;color:var(--text-muted);text-align:center;padding-top:4px;opacity:0}.msg:hover .msg-time-hover{opacity:1}.msg-body,.msg-edit,.msg-attachments,.reactions{grid-column:2;min-width:0}.msg-body{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}.msg-body code{font-family:var(--font-mono);font-size:.85em;background:var(--rail);padding:1px 4px;border-radius:calc(3px * var(--radius-scale, 1))}.mention{background:#6cc7ff2e;color:var(--link);border-radius:calc(3px * var(--radius-scale, 1));padding:0 2px;font-weight:500}.msg-edited{font-size:.7rem;color:var(--text-muted)}.msg-deleted .msg-body{font-style:italic}.msg-pending .msg-body{color:var(--text-muted)}.msg-pending[data-failed=true] .msg-body{color:var(--danger-text)}.msg-pending>.link-btn{grid-column:2;justify-self:start}.msg-actions{position:absolute;right:16px;top:-16px;display:none;gap:2px;padding:2px;background:var(--sidebar);border:1px solid var(--rail);border-radius:var(--radius-sm);box-shadow:var(--shadow)}.msg:hover .msg-actions,.msg:focus-within .msg-actions{display:flex}.emoji-picker{position:absolute;right:0;top:100%;z-index:20;display:flex;gap:2px;padding:4px;background:var(--rail);border-radius:var(--radius);box-shadow:var(--shadow)}.emoji-picker button{border:0;background:none;font-size:1.25rem;padding:4px;border-radius:var(--radius-sm)}.emoji-picker button:hover{background:var(--interactive)}.custom-emoji{display:inline-block;width:1.375em;height:1.375em;object-fit:contain;vertical-align:-.3em;margin:0 .05em}.emoji-jumbo .custom-emoji{width:48px;height:48px;vertical-align:middle}.emoji-picker .custom-emoji,.reaction .custom-emoji{width:1.125rem;height:1.125rem;vertical-align:-.2em}.emoji-panel{z-index:1300;display:flex;flex-direction:column;overflow:hidden;background:var(--rail);border:1px solid var(--border);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow)}.emoji-panel-head{padding:10px 10px 6px}.emoji-panel-scroll{overflow-y:auto;padding:0 10px 10px}.emoji-panel-empty{padding:8px 2px}.emoji-panel-title{display:flex;align-items:center;gap:6px;margin:8px 0 4px;font-size:.75rem;font-weight:700;color:var(--text-2)}.emoji-panel-icon{width:16px;height:16px;border-radius:5px;overflow:hidden;flex:none;font-size:.5rem}.emoji-panel-icon>*{width:100%;height:100%}.emoji-panel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:2px}.emoji-panel-item{display:grid;place-items:center;height:40px;border:0;border-radius:var(--radius-sm);background:none;cursor:pointer}.emoji-panel-item .custom-emoji{width:28px;height:28px}.emoji-panel-item:hover,.emoji-panel-item:focus-visible{background:var(--interactive)}.emoji-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.emoji-row{display:flex;align-items:center;gap:10px;padding:4px 8px;border-radius:var(--radius-sm)}.emoji-row:hover{background:var(--interactive)}.emoji-row-img .custom-emoji{width:32px;height:32px;vertical-align:middle}.emoji-row-name{flex:1;min-width:0;max-width:280px}.reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.reaction{display:inline-flex;gap:4px;align-items:center;padding:2px 8px;border-radius:var(--radius);border:1px solid transparent;background:var(--sidebar);font-size:.875rem}.reaction[aria-pressed=true]{border-color:var(--brand-text);background:#127a7340}.msg-attachments{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.attachment-image{display:block;max-width:min(400px,100%);cursor:zoom-in}.chat-img{position:relative;display:block;max-width:100%;overflow:hidden;border-radius:var(--radius)}.chat-img[data-state=loading],.msg-skeleton .sk{background:linear-gradient(90deg,var(--sidebar) 25%,var(--interactive) 50%,var(--sidebar) 75%);background-size:200% 100%;animation:oc-skeleton 1.2s ease-in-out infinite}.chat-img img{display:block;transition:opacity .2s ease}.chat-img[data-sized] img{width:100%;height:100%;object-fit:cover}.chat-img:not([data-sized]){width:fit-content}.chat-img:not([data-sized]) img{max-width:100%;width:auto;height:auto}.chat-img[data-state=loading] img{opacity:0}.chat-img:not([data-sized])[data-state=loading]{width:240px;height:160px}.chat-img:not([data-sized])[data-state=loading] img{position:absolute;inset:0}.chat-img-failed{display:flex;align-items:center;justify-content:center;gap:8px;min-height:64px;padding:12px 16px;color:var(--text-muted);background:var(--sidebar);cursor:default}@media(prefers-reduced-motion:reduce){.chat-img[data-state=loading],.msg-skeleton .sk{animation:none}.chat-img img{transition:none}}.msg-forwarded{grid-column:2;display:flex;align-items:center;gap:6px;min-width:0;margin-top:2px;color:var(--text-3, var(--text-2));font-size:12px;font-style:italic}.msg-forwarded-from{min-width:0;padding:0;border:0;background:none;color:inherit;font:inherit;font-style:normal;cursor:pointer}.msg-forwarded-from:hover,.msg-forwarded-from:focus-visible{color:var(--text);text-decoration:underline}.msg[data-forwarded=true]>:is(.msg-body,.msg-attachments){padding-left:10px;border-left:3px solid color-mix(in srgb,var(--text-2) 35%,transparent)}.forward-dialog .forward-preview{display:flex;flex-direction:column;gap:2px;margin:0 0 12px;padding:8px 12px;border-left:3px solid var(--brand);border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--text) 5%,transparent)}.forward-preview-author{font-weight:600;font-size:13px}.forward-preview-body{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--text-2);font-size:13px;overflow-wrap:anywhere}.forward-preview-files{display:inline-flex;align-items:center;gap:4px}.forward-list{list-style:none;margin:10px 0 6px;padding:0;height:min(320px,40vh);overflow:auto}.forward-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;cursor:pointer;color:var(--text-2)}.forward-item[data-active=true]{background:var(--interactive);color:var(--text)}.forward-item[aria-disabled=true]{opacity:.5;cursor:not-allowed}.forward-item-text{display:flex;flex:1;flex-direction:column;min-width:0;line-height:1.25}.forward-icon{display:grid;flex:none;place-items:center;width:28px;height:28px;overflow:hidden;border-radius:50%;background:color-mix(in srgb,var(--text) 10%,transparent)}.forward-icon>*{display:grid;place-items:center;width:100%;height:100%;font-size:11px;font-weight:600}.forward-check{display:grid;flex:none;place-items:center;width:20px;height:20px;border:2px solid color-mix(in srgb,var(--text-2) 60%,transparent);border-radius:6px;color:#fff}.forward-item[aria-selected=true] .forward-check{border-color:var(--brand);background:var(--brand)}.forward-empty{padding:12px}.forward-count{margin:0 0 10px}.video-player{--vp-progress: 0;--vp-buffered: 0;position:relative;max-width:100%;overflow:hidden;background:#000;border-radius:var(--radius);color:#fff;isolation:isolate;outline:none;container-type:inline-size}.video-player:focus-visible{box-shadow:0 0 0 2px var(--brand)}.video-player-fill{width:100%;aspect-ratio:16 / 9;border-radius:0}.video-player>video{display:block;width:100%;height:100%;object-fit:contain;cursor:pointer}.video-player[data-idle=true],.video-player[data-idle=true]>video{cursor:none}.video-player[data-fullscreen=true]{width:100%!important;height:100%;aspect-ratio:auto!important;border-radius:0}.video-player-top,.video-player-bar{position:absolute;left:0;right:0;z-index:1;display:flex;transition:opacity .2s ease,transform .2s ease}.video-player-top{top:0;align-items:center;gap:8px;padding:8px 8px 20px 12px;background:linear-gradient(rgb(0 0 0 / .7),transparent);font-size:13px;opacity:0;transform:translateY(-4px)}.video-player-name{min-width:0;font-weight:600}.video-player-size{flex:none;margin-right:auto;color:#ffffffb3;font-size:12px}.video-player-bar{bottom:0;flex-direction:column;gap:2px;padding:24px 8px 4px;background:linear-gradient(transparent,#000000bf)}.video-player:is(:hover,:focus-within) .video-player-top{opacity:1;transform:none}.video-player[data-playing=true]:not(:hover,:focus-within) .video-player-bar,.video-player[data-idle=true] :is(.video-player-top,.video-player-bar){opacity:0;transform:translateY(4px);pointer-events:none}.video-player[data-idle=true] .video-player-top{transform:translateY(-4px)}.video-player-big{position:absolute;inset:50% auto auto 50%;z-index:1;display:grid;place-items:center;width:56px;height:56px;translate:-50% -50%;padding:0 0 0 3px;border:1px solid rgb(255 255 255 / .18);border-radius:50%;background:#0000008c;color:#fff;backdrop-filter:blur(6px);cursor:pointer;transition:transform .15s ease,background-color .15s ease}.video-player-big:hover{background:var(--brand);transform:scale(1.06)}.video-player-track{position:relative;height:14px;margin:0 4px;cursor:pointer;touch-action:none;outline:none}.video-player-track>span{position:absolute;top:50%;left:0;height:4px;translate:0 -50%;border-radius:2px;transition:height .12s ease}.video-player-track:before{content:"";position:absolute;inset:5px 0;border-radius:2px;background:#ffffff38}.video-player-buffered{width:calc(var(--vp-buffered) * 100%);background:#ffffff52}.video-player-played{width:calc(var(--vp-progress) * 100%);background:var(--brand)}.video-player-thumb{left:calc(var(--vp-progress) * 100%)!important;width:12px;height:12px!important;margin-left:-6px;border-radius:50%!important;background:#fff;box-shadow:0 1px 3px #00000080;scale:0;transition:scale .12s ease!important}.video-player-track:is(:hover,:focus-visible)>span:not(.video-player-thumb){height:6px}.video-player-track:is(:hover,:focus-visible) .video-player-thumb{scale:1}.video-player-track:focus-visible:before{box-shadow:0 0 0 2px var(--brand)}.video-player-row{display:flex;align-items:center;gap:2px}.video-player-spacer{flex:1}.video-player-btn{display:inline-grid;place-items:center;min-width:32px;height:32px;padding:0 6px;border:0;border-radius:8px;background:transparent;color:#ffffffe6;font:inherit;cursor:pointer;text-decoration:none}.video-player-btn:hover,.video-player-btn:focus-visible{background:#ffffff24;color:#fff}.video-player-btn:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.video-player-speed{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.video-player-time{padding:0 6px;font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}.video-player-dur{color:#ffffffa6}.video-player-volume{display:flex;align-items:center}.video-player-vol{position:relative;width:0;height:16px;opacity:0;cursor:pointer;touch-action:none;outline:none;transition:width .15s ease,opacity .15s ease,margin .15s ease}.video-player-vol:before,.video-player-vol:after{content:"";position:absolute;top:6px;left:0;height:4px;border-radius:2px}.video-player-vol:before{right:0;background:#ffffff40}.video-player-vol:after{width:calc(var(--vp-vol) * 100%);background:#fff}.video-player-vol:focus-visible:before{box-shadow:0 0 0 2px var(--brand)}.video-player-volume:is(:hover,:focus-within) .video-player-vol{width:64px;margin:0 8px 0 2px;opacity:1}@container (max-width: 300px){.video-player-speed,.video-player-dur{display:none}}@media(prefers-reduced-motion:reduce){.video-player-top,.video-player-bar,.video-player-big,.video-player-track>span,.video-player-vol{transition:none!important}}.attachment-file{display:flex;align-items:center;gap:8px;max-width:400px;padding:10px 12px;background:var(--sidebar);border:1px solid var(--rail);border-radius:var(--radius);text-decoration:none}.msg-edit textarea{resize:none;min-height:60px}.day-divider,.unread-divider{display:flex;align-items:center;margin:16px 16px 4px;font-size:.75rem;font-weight:600;color:var(--text-muted)}.day-divider:before,.day-divider:after,.unread-divider:before,.unread-divider:after{content:"";flex:1;height:1px;background:var(--interactive)}.day-divider span,.unread-divider span{padding:0 8px}.unread-divider{color:var(--danger-text)}.unread-divider:before,.unread-divider:after{background:var(--danger)}.typing{height:20px;padding:0 16px;font-size:.8125rem;color:var(--text-2)}.composer{margin:0 16px 16px;background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius);flex:none;transition:border-color var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease)}.composer-disabled{padding:12px 16px;color:var(--text-muted)}.composer-noreply{display:flex;align-items:center;gap:8px;font-size:.875rem}.composer-row{display:flex;align-items:flex-end;gap:4px;padding:6px 8px}.composer textarea{flex:1;border:0;background:transparent;resize:none;min-height:32px;max-height:240px;padding:6px 4px}.composer textarea:focus-visible{outline:none}.composer:focus-within{border-color:color-mix(in srgb,var(--brand) 55%,var(--border));box-shadow:0 0 0 1px color-mix(in srgb,var(--brand) 35%,transparent)}.gif-btn-label{display:inline-grid;place-items:center;height:18px;padding:0 4px;font-size:.625rem;font-weight:800;letter-spacing:.02em;border:1.5px solid currentColor;border-radius:4px}.gif-picker{z-index:1300;display:flex;flex-direction:column;overflow:hidden;background:var(--rail);border:1px solid var(--border);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow)}.gif-picker-head{display:flex;align-items:center;gap:6px;padding:10px 10px 6px}.gif-back{transform:rotate(180deg)}.gif-search{flex:1;min-width:0}.gif-picker-title{padding:0 12px 6px;font-weight:700;font-size:.875rem}.gif-picker-body{flex:1;min-height:0;overflow-y:auto;padding:0 10px 10px}.gif-tiles{display:grid;grid-template-columns:1fr 1fr;gap:8px}.gif-tile{position:relative;height:96px;overflow:hidden;border:0;padding:0;border-radius:var(--radius);background:var(--sidebar);color:#fff;cursor:pointer}.gif-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;transition:opacity var(--dur) var(--ease)}.gif-tile:hover img,.gif-tile:focus-visible img{opacity:.8}.gif-tile>span{position:relative;display:inline-flex;align-items:center;gap:6px;font-weight:700;text-shadow:0 1px 3px rgb(0 0 0 / .8)}.gif-tile-fav{background:color-mix(in srgb,var(--brand) 55%,var(--sidebar))}.gif-grid{columns:2;column-gap:8px}.gif-cell{position:relative;display:block;break-inside:avoid;margin-bottom:8px;overflow:hidden;border-radius:var(--radius);background:var(--sidebar)}.gif-send{display:block;width:100%;height:100%;border:0;padding:0;background:none;cursor:pointer}.gif-send img{display:block;width:100%;height:100%;object-fit:cover}.gif-fav{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;opacity:0;transition:opacity var(--dur) var(--ease)}.gif-cell:hover .gif-fav,.gif-fav:focus-visible,.gif-fav[aria-pressed=true]{opacity:1}.gif-fav[aria-pressed=true]{color:#f5c542}@media(hover:none){.gif-fav{opacity:1}}.gif-skeleton{background:linear-gradient(90deg,var(--sidebar) 25%,var(--interactive) 50%,var(--sidebar) 75%);background-size:200% 100%;animation:oc-skeleton 1.2s ease-in-out infinite}.gif-cell.gif-skeleton{height:110px}.gif-empty{padding:16px 4px;text-align:center}.gif-picker-foot{padding:6px 12px;text-align:right;border-top:1px solid var(--border)}@media(prefers-reduced-motion:reduce){.gif-skeleton{animation:none}}.msg-edit-actions{display:flex;justify-content:flex-end;gap:8px}.composer-reply{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;font-size:.8125rem;color:var(--text-2);background:var(--elevated);border-radius:var(--radius) var(--radius) 0 0}.composer-uploads{list-style:none;margin:0;padding:8px 8px 0;display:flex;flex-wrap:wrap;gap:6px}.upload-chip{display:flex;align-items:center;gap:6px;max-width:260px;padding:4px 4px 4px 8px;background:var(--sidebar);border-radius:var(--radius-sm);font-size:.8125rem}.upload-chip[data-status=error]{outline:1px solid var(--danger)}.members{width:var(--members-width, 240px);background:var(--sidebar);overflow-y:auto;padding:8px}.members ul{list-style:none;margin:0;padding:0}.members-title{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);padding:16px 8px 4px}.member-row{width:100%;display:flex;align-items:center;gap:10px;padding:4px 8px;border:0;border-radius:var(--radius-sm);background:transparent;text-align:left;color:var(--text-2)}.member-row:hover{background:var(--interactive);color:var(--text)}[data-offline=true] .member-row{opacity:.5}.owner-tag{font-size:.625rem;font-weight:700;text-transform:uppercase;color:var(--warning)}.creator-tag{display:inline-flex;align-items:center;gap:3px;flex:none;padding:1px 6px 1px 3px;border-radius:999px;background:color-mix(in srgb,var(--brand) 22%,transparent);color:var(--brand-text);font-size:.625rem;font-weight:800;letter-spacing:.03em;text-transform:uppercase}.creator-badge{display:inline-flex;flex:none;color:var(--brand-text)}.msg-author .creator-badge{vertical-align:middle;margin:0 0 2px 5px}.members li[data-creator=true] .member-row>.truncate,.voice-members li[data-creator=true] .voice-member>.truncate{font-weight:700}.tabs{display:flex;align-items:center;gap:4px;margin-left:12px}.tab{border:0;background:none;padding:4px 10px;border-radius:var(--radius-sm);color:var(--text-2);font-weight:500;display:inline-flex;gap:6px;align-items:center}.tab:hover{background:var(--interactive)}.tab[aria-selected=true]{background:var(--interactive-hover);color:var(--text)}.tab-accent{background:var(--brand);color:var(--text-on-brand)}.tab-accent[aria-selected=true]{background:transparent;color:var(--brand-text)}.home-body{flex:1;overflow-y:auto;padding:12px 20px}.friend-list{list-style:none;margin:0;padding:0}.list-title{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);padding:8px 0}.friend-row{display:flex;align-items:center;gap:12px;padding:10px 8px;border-top:1px solid var(--interactive);border-radius:var(--radius-sm)}.friend-names{flex:1;display:grid;min-width:0}.friend-actions{display:flex;gap:4px}.empty-state{padding:32px;text-align:center;color:var(--text-muted)}.add-friend{display:grid;gap:8px;max-width:640px}.add-friend p{margin:0}.copy-row{display:flex;gap:8px;align-items:center}.invite-code{flex:1;font-family:var(--font-mono);padding:10px;background:var(--rail);border-radius:var(--radius-sm);user-select:all}.stage{background:#0d0e11}.stage-idle{display:grid;place-content:center;justify-items:center;gap:12px;text-align:center;color:var(--text-2);position:relative;overflow:hidden;isolation:isolate}.stage.stage-idle{background:linear-gradient(to bottom,#0d0e11,color-mix(in srgb,var(--brand) 18%,#0d0e11) 45%,color-mix(in srgb,var(--brand) 70%,#0d0e11))}.stage-idle:before,.stage-idle:after{content:"";position:absolute;z-index:-1;inset:-25%;pointer-events:none;filter:blur(40px);will-change:transform}.stage-idle:before{background:radial-gradient(45% 35% at 30% 95%,color-mix(in srgb,var(--brand) 75%,transparent),transparent 70%),radial-gradient(35% 30% at 80% 80%,color-mix(in srgb,var(--brand-hover) 55%,transparent),transparent 70%);animation:stage-idle-drift-a 18s ease-in-out infinite alternate}.stage-idle:after{background:radial-gradient(40% 30% at 60% 100%,color-mix(in srgb,var(--brand) 60%,#fff 10%),transparent 70%);opacity:.7;animation:stage-idle-drift-b 24s ease-in-out infinite alternate}.stage-idle>*{position:relative}@keyframes stage-idle-drift-a{0%{transform:translate3d(-6%,4%,0) scale(1)}50%{transform:translate3d(5%,-6%,0) scale(1.12)}to{transform:translate3d(8%,3%,0) scale(.95)}}@keyframes stage-idle-drift-b{0%{transform:translate3d(10%,0,0) scale(1.1)}to{transform:translate3d(-12%,-8%,0) scale(.9)}}@media(prefers-reduced-motion:reduce){.stage-idle:before,.stage-idle:after{animation:none}}.stage-preview{list-style:none;display:flex;gap:8px;padding:0;margin:0}.stage-grid{flex:1;min-height:0;list-style:none;margin:0;padding:12px;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;gap:8px;overflow:auto}.stage-grid>li{width:var(--tile-w, 320px);aspect-ratio:16 / 9}.stage-grid .tile{min-height:0}.stage-grid .tile[style*=--tile-bg]{background:color-mix(in srgb,var(--tile-bg) 72%,#000)}.stage-grid .tile[style*=--tile-bg] .oc-avatar-face{box-shadow:0 0 0 3px #0000002e,0 4px 16px #00000040}.tile{position:relative;height:100%;min-height:140px;display:grid;place-items:center;background:var(--sidebar);border-radius:var(--radius);overflow:hidden;outline:2px solid transparent;outline-offset:-2px;transition:outline-color var(--dur) var(--ease)}.tile[data-speaking=true]{outline-color:var(--speaking)}.tile[data-compact=true]{min-height:90px;width:160px}.video{width:100%;height:100%;object-fit:contain;background:#000}.tile>.video,.zoom-layer>.video{position:absolute;inset:0}.mirrored{transform:scaleX(-1)}.tile-label{position:absolute;left:8px;bottom:8px;display:flex;gap:6px;align-items:center;max-width:calc(100% - 16px);padding:2px 8px;border-radius:var(--radius-sm);background:#0009;font-size:.8125rem}.tile-actions{position:absolute;right:8px;top:8px;display:none;gap:4px;background:#0009;border-radius:var(--radius-sm)}.tile:hover .tile-actions,.tile:focus-within .tile-actions{display:flex}.stream-cover{display:grid;justify-items:center;gap:8px;text-align:center}.stage-focus{flex:1;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px;padding:12px;min-height:0}.stage-strip{list-style:none;margin:0;padding:0;display:flex;gap:8px;overflow-x:auto}.source-grid{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;max-height:50vh;overflow:auto}.source{display:grid;gap:6px;padding:8px;border-radius:var(--radius);background:var(--sidebar);cursor:pointer;outline:2px solid transparent;outline-offset:-2px}.source[aria-selected=true]{outline-color:var(--brand-text)}.source:focus-visible{outline-color:var(--focus-ring)}.source>img{width:100%;aspect-ratio:16 / 9;object-fit:contain;background:#000;border-radius:var(--radius-sm)}.source-name{display:flex;gap:6px;align-items:center;font-size:.8125rem}.source-icon{width:16px;height:16px}.dialog{border:0;padding:0;background:transparent;color:var(--text);max-width:min(520px,calc(100vw - 32px));width:100%}.dialog-wide{max-width:min(960px,calc(100vw - 32px))}.dialog::backdrop{background:var(--overlay)}.dialog-body{background:var(--chat);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;display:grid;max-height:calc(100vh - 64px);grid-template-rows:auto minmax(0,1fr) auto}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px 20px}.dialog-header h2{font-size:1.25rem}.dialog-content{padding:8px 20px 20px;overflow:auto}.legal{max-width:78ch;font-size:.9375rem;line-height:1.6}.legal h3{margin:20px 0 6px;font-size:1rem}.legal p,.legal ul{margin:0 0 10px}.legal ul{padding-left:20px}.legal li{margin-bottom:4px}.legal code{font-size:.875em;word-break:break-all}.legal a{color:var(--link, var(--accent))}.legal-meta{color:var(--text-muted);font-size:.8125rem}.legal-dl{display:grid;gap:8px;margin:0 0 10px}.legal-dl>div{display:grid;grid-template-columns:minmax(120px,1fr) 3fr;gap:4px 12px}.legal-dl dt{font-weight:600}.legal-dl dd{margin:0}@media(max-width:560px){.legal-dl>div{grid-template-columns:1fr}}.legal-links{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0 0 8px}.legal-actions{justify-content:flex-start}.auth-terms{font-size:.875rem}.dialog-body:has(.terms-gate) .dialog-header .icon-btn{display:none}.auth-terms .link-btn{font-size:inherit}.dialog-actions{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--sidebar);flex-wrap:wrap}.toasts{position:fixed;right:16px;bottom:16px;z-index:1000;display:grid;gap:8px;max-width:420px}.toast{display:flex;align-items:center;gap:8px;padding:10px 8px 10px 14px;border-radius:var(--radius);background:var(--elevated);box-shadow:var(--shadow);border-left:4px solid var(--link)}.toast-error{border-left-color:var(--danger)}.toast-success{border-left-color:var(--success)}:root[data-density=cozy] .msg{margin-top:18px}:root[data-density=cozy] .channel-row{min-height:38px}@media(max-width:1100px){.members{display:none}}.directory{list-style:none;margin:0;padding:0;display:grid;gap:6px}.directory-row{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--radius);background:var(--sidebar)}.directory-icon{width:40px;height:40px;border-radius:30%;background:var(--brand);color:var(--text-on-brand);display:grid;place-items:center;font-weight:700;flex:none}.directory-names{flex:1;display:grid;min-width:0}.auth-links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}body{font-feature-settings:"cv11","ss01";letter-spacing:-.003em}.rail{padding:12px 0;gap:0}.rail-list{gap:8px;width:100%;justify-items:center}.rail-li{position:relative;width:100%;display:flex;justify-content:center}.rail{overflow:hidden}.rail-main{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;align-content:start;padding:2px 0 8px}.rail-main::-webkit-scrollbar{display:none}.rail-actions{flex:none;position:relative;padding-top:10px}.rail-actions:before{content:"";position:absolute;top:0;left:50%;width:32px;height:2px;margin-left:-16px;border-radius:1px;background:var(--interactive)}.rail-li[data-unread=true]:before{content:none}.rail-pill{position:absolute;left:0;top:50%;width:4px;height:0;border-radius:0 4px 4px 0;background:var(--text);transform:translateY(-50%);transition:height var(--dur) var(--ease)}.rail-li[data-unread=true] .rail-pill{height:8px}.rail-li:has(.rail-item:hover) .rail-pill,.rail-li:has(.rail-item:focus-visible) .rail-pill{height:20px}.rail-li[data-active=true] .rail-pill{height:40px}.rail-item{border-radius:50%;transition:border-radius .18s var(--ease),background-color .18s var(--ease),color .18s var(--ease)}.rail-item:hover,.rail-item:focus-visible,.rail-item[aria-current=page]{border-radius:calc(16px * var(--radius-scale, 1))}.rail-item:active{transform:translateY(1px)}.rail-sep{width:32px;height:2px;margin:0 auto;list-style:none}.rail-action{background:var(--sidebar);color:var(--success)}.rail-action:hover,.rail-action:focus-visible{background:var(--success);color:#fff}.rail-home[aria-current=page],.rail-home:hover{background:var(--brand)}.tooltip{position:fixed;z-index:2000;max-width:280px;padding:6px 10px;border-radius:calc(6px * var(--radius-scale, 1));background:#0d0e11;color:var(--text);font-size:.875rem;font-weight:600;line-height:1.3;box-shadow:var(--shadow);pointer-events:none;animation:tip-in .12s var(--ease)}.tooltip-left:before{content:"";position:absolute;right:-4px;top:50%;width:8px;height:8px;background:inherit;transform:translateY(-50%) rotate(45deg)}.tooltip-right:before{content:"";position:absolute;left:-4px;top:50%;width:8px;height:8px;background:inherit;transform:translateY(-50%) rotate(45deg)}@keyframes tip-in{0%{opacity:0;transform:scale(.96)}}.context-menu{position:fixed;z-index:1500;min-width:200px;max-width:260px;padding:6px 8px;background:#0d0e11;border-radius:calc(6px * var(--radius-scale, 1));box-shadow:var(--shadow);animation:tip-in .1s var(--ease)}.context-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;padding:6px 8px;margin:2px 0;border:0;border-radius:calc(3px * var(--radius-scale, 1));background:none;color:var(--text-2);font-size:.875rem;font-weight:500;text-align:left}.context-item:hover:not(:disabled),.context-item:focus-visible{background:var(--brand);color:var(--text-on-brand);outline:none}.context-danger{color:var(--danger-text)}.context-danger:hover:not(:disabled),.context-danger:focus-visible{background:var(--danger);color:#fff}.context-label{display:grid;text-align:left}.context-label small{font-size:.75rem;opacity:.75}.context-check{display:grid;place-items:center;flex:none;width:18px;height:18px;border:1.5px solid currentColor;border-radius:calc(4px * var(--radius-scale, 1))}[aria-checked=true]>.context-check{background:var(--brand);border-color:var(--brand);color:var(--text-on-brand)}.context-slider{padding:6px 8px 2px;font-size:.875rem}.context-sep{height:1px;margin:4px;background:var(--interactive)}.switcher-input{font-size:1.125rem!important;min-height:48px!important}.switcher-list{list-style:none;margin:12px 0 8px;padding:0;max-height:50vh;overflow:auto}.switcher-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:calc(4px * var(--radius-scale, 1));cursor:pointer;color:var(--text-2)}.switcher-item[aria-selected=true]{background:var(--interactive);color:var(--text)}.switcher-item .muted{margin-left:auto}.switcher-empty{padding:12px}.dialog-fullscreen{max-width:none;width:100vw;height:100vh;max-height:none;margin:0;background:var(--chat)}.dialog-fullscreen::backdrop{background:var(--chat)}.fullscreen-body{position:relative;height:100%;display:flex}.dialog-fullscreen .settings-layout{flex:1;display:grid;grid-template-columns:minmax(218px,1fr) minmax(0,740px) minmax(80px,1fr);max-height:none;min-height:0;height:100%;margin:0}.dialog-fullscreen .settings-nav{background:var(--sidebar);border-right:0;padding:60px 6px 60px 20px;align-items:flex-end}.dialog-fullscreen .settings-nav>*{width:192px}.dialog-fullscreen .settings-layout>:not(.settings-nav){padding:60px 40px 80px;overflow-y:auto;overflow-x:hidden;min-width:0}.fullscreen-close{position:absolute;top:60px;right:max(21px,calc((100vw - 1176px)/2));display:grid;justify-items:center;gap:6px;color:var(--text-muted);font-size:.8125rem;font-weight:600}.close-circle{width:36px;height:36px;border-radius:50%;border:2px solid var(--text-muted);background:transparent;color:var(--text-2);display:grid;place-items:center;transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease)}.close-circle:hover,.close-circle:focus-visible{background:var(--interactive);color:var(--text)}.channel-list>li{position:relative}.channel-row[data-unread=true]:before{content:"";position:absolute;left:-8px;top:50%;width:4px;height:8px;margin-top:-4px;border-radius:0 4px 4px 0;background:var(--text)}.channel-row{font-size:.9375rem;min-height:32px;margin:1px 0}.channel-row:hover .oc-icon,.channel-row[aria-current=page] .oc-icon{color:var(--text-2)}.msg{font-size:.9375rem;line-height:1.375;padding-top:2px;padding-bottom:2px}.msg:hover,.msg:focus-within{background:#04040512}.msg-author{font-weight:500;font-size:1rem}.msg-author:hover{text-decoration:underline;cursor:pointer}.msg-time{margin-left:2px}.msg-actions{right:14px;top:-18px;border-radius:calc(6px * var(--radius-scale, 1));padding:0}.msg-actions .icon-btn{width:32px;height:32px;border-radius:0}.msg-actions .icon-btn:first-child{border-radius:6px 0 0 6px}.msg-actions .icon-btn:last-child{border-radius:0 6px 6px 0}.chat-header{box-shadow:0 1px #04040533,0 1.5px #0606070d,0 2px #0404050d;border-bottom:0;z-index:1}.sidebar-header{box-shadow:0 1px #04040533,0 1.5px #0606070d,0 2px #0404050d;border-bottom:0}.composer{border-radius:calc(8px * var(--radius-scale, 1));margin:0 16px 20px}.composer textarea{font-size:.9375rem}.members-title{letter-spacing:.02em}.member-row{min-height:42px;margin:1px 0}.shell{grid-template-rows:32px minmax(0,1fr);grid-template-columns:var(--rail-width) var(--sidebar-width, 300px) minmax(0,1fr) auto;position:relative;background:var(--rail)}.titlebar{grid-column:1 / -1;height:32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:var(--rail);-webkit-app-region:drag;user-select:none}.titlebar-nav{display:flex;gap:2px;margin-left:8px;justify-self:start;-webkit-app-region:no-drag}.titlebar-btn{width:28px;height:24px;border:0;border-radius:calc(4px * var(--radius-scale, 1));background:none;color:var(--text-2);display:grid;place-items:center}.titlebar-btn:hover:not(:disabled){background:var(--interactive);color:var(--text)}.titlebar-actions{justify-self:end;align-self:stretch;display:flex;align-items:center;gap:2px;-webkit-app-region:no-drag}.titlebar-actions>:first-child:not(.titlebar-window){margin-right:6px}.titlebar-window{display:flex;align-self:stretch}.titlebar-window-btn{width:46px;border:0;background:none;color:var(--text-2);display:grid;place-items:center}.titlebar-window-btn:hover{background:var(--interactive);color:var(--text)}.titlebar-window-close:hover{background:#c42b1c;color:#fff}.titlebar-update{color:var(--success)}.titlebar-streamer{color:var(--danger)}.titlebar-update:hover:not(:disabled){color:var(--success)}.titlebar-update[data-state=downloading]{color:var(--text-2);cursor:progress;animation:oc-update-pulse 1.4s var(--ease) infinite}@keyframes oc-update-pulse{50%{opacity:.45}}@media(prefers-reduced-motion:reduce){.titlebar-update[data-state=downloading]{animation:none}}.titlebar-btn .flip{transform:scaleX(-1)}.titlebar-title{display:flex;align-items:center;gap:6px;max-width:50vw;font-size:.8125rem;font-weight:600;color:var(--text)}.rail{grid-row:2;padding-bottom:var(--dock-h, 72px)}.sidebar{grid-row:2;border-radius:8px 0 0;border:1px solid var(--border);border-right:0;border-bottom:0}.sidebar .sidebar-scroll{padding-bottom:var(--dock-h, 72px)}.content,.members{grid-row:2}.content,.members{border-top:1px solid var(--border)}.dock{position:absolute;left:8px;bottom:8px;width:calc(var(--rail-width) + var(--sidebar-width, 300px) - 16px);z-index:20;background:var(--elevated);border:1px solid var(--border);border-radius:calc(8px * var(--radius-scale, 1));box-shadow:0 4px 16px #00000059;overflow:visible}.user-dock{height:56px;padding:0 8px;gap:2px}.user-dock-anchor{flex:1;min-width:0}.user-dock-id{padding:4px;border-radius:calc(6px * var(--radius-scale, 1))}.dock-split{display:flex;align-items:center;border-radius:calc(6px * var(--radius-scale, 1))}.dock-split:hover{background:var(--interactive)}.dock-split .icon-btn:hover{background:transparent}.dock-split[data-off=true] .icon-btn:first-child{color:var(--danger-text)}.icon-btn-chevron{width:16px;margin-left:-6px;color:var(--text-muted)}.voice-dock{padding:10px 10px 8px;border-bottom:1px solid var(--border)}.voice-dock-status{gap:8px;min-width:0}.voice-dock-texts{display:grid;min-width:0}.voice-dock-texts strong{font-size:.9375rem}.voice-dock-where{color:var(--text-muted);font-size:.75rem}.voice-dock-actions{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}.dock-action{height:34px;border:0;border-radius:calc(6px * var(--radius-scale, 1));background:var(--interactive);color:var(--text);display:grid;place-items:center}.dock-action:hover:not(:disabled),.dock-action[aria-pressed=true]{background:var(--interactive-hover)}.sidebar-search{padding:0 10px}.search-trigger{width:100%;height:30px;border:0;border-radius:calc(6px * var(--radius-scale, 1));background:var(--rail);color:var(--text-muted);font-size:.875rem;font-weight:500;text-align:center}.search-trigger:hover{color:var(--text-2)}.dm-nav{padding:8px 0;border-bottom:1px solid var(--border);margin-bottom:8px}.nav-row{min-height:42px;font-size:1rem;gap:12px}.section-header{display:flex;align-items:center;justify-content:space-between;padding:10px 8px 4px;font-size:.875rem;color:var(--text-muted)}.section-header:hover{color:var(--text-2)}.dm-row{min-height:44px;gap:12px}.dm-item{position:relative}.dm-close{position:absolute;top:50%;right:6px;transform:translateY(-50%);opacity:0;pointer-events:none;transition:opacity var(--dur) var(--ease)}.dm-item:hover .dm-close,.dm-item:focus-within .dm-close{opacity:1;pointer-events:auto}.dm-item:hover .dm-row,.dm-item:focus-within .dm-row{padding-right:36px}.dm-item:hover .dm-row .badge-inline,.dm-item:hover .dm-row .dm-pin{visibility:hidden}@media(hover:none){.dm-close{opacity:1;pointer-events:auto}.dm-row{padding-right:36px}}.dm-row[data-offline=true]:not([aria-current]){opacity:.6}.dm-names{display:grid;min-width:0;line-height:1.2;text-align:left}.dm-empty{padding:8px}.home-layout{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 360px;min-height:0}.home-header .header-divider{width:1px;height:24px;background:var(--interactive);margin:0 8px}.home-header .tabs{margin-left:0}.tab{padding:2px 10px;font-size:1rem;font-weight:500}.tab-accent{border-radius:calc(6px * var(--radius-scale, 1));margin-left:8px}.search-field{display:flex;align-items:center;gap:8px;height:38px;padding:0 10px;margin:8px 0 12px;border:1px solid var(--border);border-radius:calc(8px * var(--radius-scale, 1));background:var(--rail);color:var(--text-muted)}.search-field:focus-within{outline:2px solid var(--focus-ring)}.search-field input{border:0!important;background:transparent!important;min-height:0!important;padding:0!important;outline:none!important}.list-title{font-size:.875rem;font-weight:600;text-transform:none;color:var(--text-2);padding:8px 0 12px}.friend-row{min-height:62px;padding:0 10px;border-top:1px solid var(--interactive);border-radius:calc(8px * var(--radius-scale, 1))}.friend-row:hover{border-top-color:transparent}.friend-row:hover+.friend-row{border-top-color:transparent}.friend-names strong{font-size:1rem;font-weight:600}.round-btn{width:36px;height:36px;border-radius:50%;border:0;background:var(--sidebar);color:var(--text-2);display:grid;place-items:center;transition:color var(--dur) var(--ease)}.friend-row:hover .round-btn{background:var(--rail)}.round-btn:hover{color:var(--text)}.round-ok:hover{color:var(--success)}.round-danger:hover{color:var(--danger-text)}.activity{border-left:1px solid var(--border);padding:16px;overflow-y:auto;display:grid;align-content:start;gap:12px}.activity h2{font-size:1.25rem;font-weight:700}.activity-empty{text-align:center;padding:16px 8px}.activity-empty p{margin:6px 0 0}.now-card{display:grid;gap:10px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--sidebar);transition:border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.now-card:hover,.now-card:focus-within{border-color:color-mix(in srgb,var(--brand) 45%,var(--border))}.now-head{display:flex;align-items:center;gap:8px;min-width:0;color:var(--text-2);font-size:.75rem;font-weight:600}.now-server{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:calc(6px * var(--radius-scale, 1));background:var(--interactive);color:var(--text);font-size:.625rem;font-weight:800}.now-head .live-pill{margin-left:auto}.now-channel{display:flex;align-items:center;gap:6px;min-width:0;border:0;padding:0;background:none;color:var(--text);font:inherit;font-size:1rem;font-weight:700;text-align:left;cursor:pointer}.now-channel:hover span{text-decoration:underline}.now-people{display:flex;align-items:center;gap:10px;min-width:0}.now-avatars{display:flex;flex:none}.now-avatars .oc-avatar{box-shadow:0 0 0 2px var(--sidebar);border-radius:50%}.now-avatars .oc-avatar+.oc-avatar{margin-left:-8px}.now-extra{display:flex;align-items:center;gap:6px;min-width:0;color:var(--text-2);font-size:.8125rem}.now-extra.live{color:var(--danger-text)}.now-extra.watch{color:var(--brand-text)}.now-join{justify-self:stretch}.stage{background:#000;position:relative}.stage .chat-header{background:#000;box-shadow:none}.stage-grid{padding:16px 16px 96px}.tile{background:#222429;border-radius:calc(10px * var(--radius-scale, 1))}.tile-label{border-radius:calc(6px * var(--radius-scale, 1));font-weight:600}.call-controls{position:absolute;left:50%;bottom:16px;transform:translate(-50%);display:flex;align-items:center;gap:8px}.call-group{display:flex;gap:2px;padding:4px;border-radius:calc(10px * var(--radius-scale, 1));background:#1a1b1f;border:1px solid var(--border)}.call-btn{height:40px;min-width:40px;padding:0 10px;border:0;border-radius:calc(8px * var(--radius-scale, 1));background:transparent;color:var(--text);display:grid;place-items:center}.call-btn:hover:not(:disabled){background:var(--interactive)}.call-btn[data-off=true]{color:var(--danger-text)}.call-btn[aria-pressed=true]:not([data-off]){color:var(--brand-text)}.call-chevron{min-width:22px;padding:0 4px;margin-left:-4px}.call-hangup{background:var(--danger);color:#fff;min-width:64px;height:48px}.call-hangup:hover:not(:disabled){background:#b92f34}.call-fullscreen{position:absolute;right:24px;bottom:20px;background:#1a1b1f;border:1px solid var(--border)}.stage-idle{background:#000}.rail-home{padding:0;background:transparent}.rail-home[aria-current=page],.rail-home:hover{background:transparent}.rail-home .brand-mark-sm{width:100%;height:100%;border-radius:inherit}.rail-item>.badge{z-index:1}.rail-item:has(>.server-icon-img),.rail-item:has(>.server-icon-img):hover,.rail-item:has(>.server-icon-img)[aria-current=page]{background:transparent}.content{container-type:inline-size;container-name:content;min-width:0}.chat-header{min-width:0;overflow:hidden;flex-wrap:nowrap}.chat-header h2{flex:none;white-space:nowrap}.tabs{flex:1 1 auto;min-width:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{flex:none;white-space:nowrap}.tab-accent{padding:2px 12px}.home-layout{grid-template-columns:minmax(0,1fr) clamp(280px,26vw,420px)}@container content (max-width: 980px){.home-layout{grid-template-columns:minmax(0,1fr)}.activity{display:none}}@container content (max-width: 640px){.home-header .header-divider,.home-header h2{display:none}.friend-row .round-btn{width:32px;height:32px}}@media(max-width:1240px){.members,.panel-resizer[data-panel=members]{display:none}}@media(min-width:1800px){.members{width:var(--members-width, 280px)}}@media(max-width:1100px){.shell{grid-template-columns:var(--rail-width) 240px minmax(0,1fr) auto}.dock{width:calc(var(--rail-width) + 240px - 16px)}.shell .panel-resizer[data-panel=channels]{display:none}.search-trigger{font-size:.8125rem}}@container content (min-width: 1400px){.msg{padding-right:72px}}.composer,.conn-banner{min-width:0}@container content (max-width: 720px){.call-controls{gap:4px;bottom:12px}.call-btn{min-width:36px;height:36px;padding:0 6px}.call-hangup{min-width:52px;height:40px}.call-fullscreen{right:12px;bottom:14px}.stage-grid{padding:12px 12px 80px}}.dialog-fullscreen .settings-layout{grid-template-columns:minmax(180px,1fr) minmax(0,740px) minmax(72px,1fr)}.dialog-fullscreen .settings-nav{padding-left:12px}.dialog-fullscreen .settings-nav>*{width:min(192px,100%)}.dialog-fullscreen .settings-layout>:not(.settings-nav){padding:60px clamp(16px,3vw,40px) 80px}.fullscreen-close{right:clamp(12px,calc((100vw - 1100px)/2),200px)}@media(max-width:1100px){.dialog-fullscreen .settings-layout{grid-template-columns:180px minmax(0,1fr) 72px}.fullscreen-close{right:18px}}.dialog:not(.dialog-fullscreen){max-width:min(var(--dialog-max, 520px),calc(100vw - 32px))}.dialog-wide{--dialog-max: 960px}.dialog-body{max-height:calc(100vh - 64px)}@media(min-width:2200px){:root[data-density=compact] body{font-size:16px}}.download-cta{display:block;text-decoration:none;margin-top:4px}.download-cta:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:calc(8px * var(--radius-scale, 1))}a.rail-item{text-decoration:none}.install-block{display:grid;gap:8px;justify-items:start;margin-bottom:12px}.download-others{margin:6px 0 0;font-size:12px;color:var(--text-muted);text-align:center}.download-others a{color:inherit;text-decoration:underline;text-underline-offset:2px}.download-others a:hover,.download-others a:focus-visible{color:var(--text)}.voice-dock{padding:10px}.voice-dock-row{display:flex;align-items:center;gap:10px}.voice-dock-signal{flex:none;width:36px;height:36px;border-radius:calc(8px * var(--radius-scale, 1));display:grid;place-items:center;background:#3fb27f24;color:var(--success)}.voice-dock-signal[data-status=reconnecting],.voice-dock-signal[data-status=connecting],.voice-dock-signal[data-status=authorizing]{background:#e8a33d24;color:var(--warning)}.voice-dock-signal[data-status=failed]{background:#d93b4029;color:var(--danger-text)}.voice-dock-texts{flex:1;display:grid;min-width:0;line-height:1.25}.voice-dock-title{font-size:.9375rem;font-weight:600;color:var(--success)}.voice-dock-title[data-status=reconnecting],.voice-dock-title[data-status=connecting],.voice-dock-title[data-status=authorizing]{color:var(--warning)}.voice-dock-title[data-status=failed]{color:var(--danger-text)}.voice-dock-where{font-size:.75rem;color:var(--text-muted)}.voice-dock-where:hover,.voice-dock-row .icon-btn{color:var(--text-2)}.voice-dock-row .icon-btn:hover{color:var(--text)}.voice-dock-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.dock-action{height:36px;border:0;border-radius:calc(8px * var(--radius-scale, 1));background:var(--interactive);color:var(--text);display:grid;place-items:center;transition:background-color var(--dur) var(--ease)}.dock-action:hover:not(:disabled){background:var(--interactive-hover)}.dock-action[aria-pressed=true]{color:var(--brand-text)}.dock-action:disabled{opacity:.45}.user-dock{border-top:0}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{min-height:40px;border:4px solid transparent;border-radius:999px;background:var(--interactive) padding-box}::-webkit-scrollbar-thumb:hover{border-width:3px;background-color:var(--interactive-hover)}::-webkit-scrollbar-button{display:none}:is(.sidebar-scroll,.rail,.members,.settings-nav,.oc-listbox,.menu,.context-menu)::-webkit-scrollbar{width:8px}:is(.sidebar-scroll,.rail,.members,.settings-nav,.oc-listbox,.menu,.context-menu)::-webkit-scrollbar-thumb{border-width:2px;background-color:transparent}:is(.sidebar-scroll,.rail,.members,.settings-nav,.oc-listbox,.menu,.context-menu):hover::-webkit-scrollbar-thumb{background-color:var(--interactive)}.stage-live-who{display:inline-flex;align-items:center;gap:8px;min-width:0;color:var(--text-2);font-size:.875rem}.stage-live-who strong{color:var(--text)}.live-badge{display:inline-flex;align-items:center;gap:6px;flex:none}button.live-badge{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.live-badge-q{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:#ffffff14;color:var(--text);font-size:.75rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}.stage-focus{position:relative;padding-bottom:88px}.strip-wrap{position:relative;display:grid;justify-items:center}.stage-strip{justify-content:center;max-width:100%;max-height:140px;transition:max-height var(--dur-slow) var(--ease-out),opacity var(--dur) var(--ease),translate var(--dur-slow) var(--ease-out)}.stage-focus[data-strip=hidden] .stage-strip{max-height:0;opacity:0;translate:0 16px;pointer-events:none}.stage-focus[data-strip=hidden]{gap:0}.strip-toggle{position:absolute;top:-14px;z-index:2;display:inline-flex;align-items:center;gap:2px;height:26px;padding:0 8px;border:1px solid var(--border);border-radius:999px;background:#0d0e11d9;color:var(--text-2);pointer-events:auto;opacity:0;transition:opacity var(--dur) var(--ease),color var(--dur-fast) var(--ease)}.stage-focus:hover .strip-toggle,.strip-toggle:focus-visible{opacity:1}.strip-toggle:hover{color:var(--text)}@media(hover:none){.strip-toggle{opacity:1}}.popout-body{margin:0;height:100vh;overflow:hidden;background:#0d0e11;color:var(--text);font-family:var(--font)}#oc-popout{height:100%}.popout-stage{position:relative;height:100%}.dialog-bare{padding:16px}.golive{display:grid;gap:12px;min-width:min(860px,calc(100vw - 64px))}.golive-tabs{display:flex;align-items:center;gap:4px;padding:4px;border-radius:var(--radius);background:var(--sidebar)}.golive-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-2);font:inherit;font-weight:600;cursor:pointer;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.golive-tab:hover{color:var(--text)}.golive-tab[aria-selected=true]{background:var(--interactive);color:var(--text)}.golive-refresh{flex:none}.golive-grid{list-style:none;margin:0;padding:2px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-height:min(58vh,620px);overflow-y:auto}.golive-card{display:grid;gap:8px;min-width:0;cursor:pointer;outline:none}.golive-thumb{position:relative;display:block;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius);overflow:hidden;background:#000;outline:2px solid transparent;outline-offset:-2px;transition:outline-color var(--dur-fast) var(--ease)}.golive-thumb>img{display:block;width:100%;height:100%;object-fit:contain;transition:transform var(--dur) var(--ease-out),filter var(--dur) var(--ease)}.golive-go{position:absolute;left:50%;top:50%;translate:-50% -50%;padding:8px 16px;border-radius:var(--radius-sm);background:var(--brand);color:var(--text-on-brand);font-weight:700;opacity:0;scale:.96;transition:opacity var(--dur) var(--ease),scale var(--dur) var(--ease-out)}.golive-card:hover .golive-thumb,.golive-card:focus-visible .golive-thumb{outline-color:var(--brand-text)}.golive-card:hover .golive-thumb>img,.golive-card:focus-visible .golive-thumb>img{filter:brightness(.7)}.golive-card:hover .golive-go,.golive-card:focus-visible .golive-go{opacity:1;scale:1}.golive-name{display:flex;align-items:center;gap:8px;min-width:0;font-size:.875rem;font-weight:600}.golive-name>img{width:18px;height:18px;flex:none}.golive-note,.golive-loading{margin:0}.golive-browser{display:grid;justify-items:center;gap:12px;padding:24px;text-align:center;color:var(--text-2)}.golive-browser p{max-width:52ch;margin:0}.golive-foot{display:flex;align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--border)}.golive-summary{display:grid;flex:1;min-width:0}@media(max-width:640px){.golive-grid{grid-template-columns:minmax(0,1fr)}}.seg-tabs{display:flex;gap:4px;padding:4px;margin-bottom:16px;border-radius:var(--radius);background:var(--sidebar)}.seg-tab{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-2);font:inherit;font-weight:600;cursor:pointer}.seg-tab:hover{color:var(--text)}.seg-tab[aria-selected=true]{background:var(--interactive);color:var(--text)}.import-note{margin:0}.import-head{display:grid;gap:2px}.import-preview{display:grid;gap:12px;max-height:46vh;overflow-y:auto;padding:12px;border-radius:var(--radius);background:var(--sidebar)}.import-preview h4{margin:0 0 4px;color:var(--text-2);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.import-preview ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}.import-preview li{display:flex;align-items:center;gap:6px;min-width:0;color:var(--text-2);font-size:.875rem}.import-preview .import-roles{display:flex;flex-wrap:wrap;gap:6px}.tile-activity{background:#000;container-type:inline-size}@container (max-width: 560px){.yt-volume,.yt-extra{display:none}}@container (max-width: 380px){.yt-time{display:none}}.activity-cover{position:absolute;inset:0;display:grid;place-items:center;background-size:cover;background-position:center}.activity-cover:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000059,#000000bf)}.activity-cover-body{position:relative;display:grid;justify-items:center;gap:10px;max-width:min(80%,520px);text-align:center;color:#fff}.activity-cover-body p{margin:0;max-width:100%;font-weight:700}.activity-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;background:var(--brand);color:var(--text-on-brand);font-size:.75rem;font-weight:700}.yt-player{position:absolute;inset:0}.yt-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}.yt-click{position:absolute;inset:0 0 52px;border:0;background:transparent;cursor:pointer}.yt-bar{position:absolute;left:8px;right:8px;bottom:8px;display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:var(--radius);background:#000000b8;color:#fff;opacity:0;transition:opacity var(--dur) var(--ease)}.tile-activity:hover .yt-bar,.yt-bar:focus-within,.yt-bar[data-large=true]{opacity:1}.yt-time{flex:none;font-size:.75rem;font-variant-numeric:tabular-nums;white-space:nowrap}.yt-seek{flex:1;min-width:80px}.yt-volume{flex:none;width:110px}.yt-bar .icon-btn{color:#fff}.yt-bar .icon-btn.danger:hover{color:var(--danger-text)}.yt-results{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-height:46vh;overflow-y:auto}.yt-result{display:grid;grid-template-columns:160px minmax(0,1fr);gap:12px;align-items:center;width:100%;padding:6px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.yt-result:hover,.yt-result:focus-visible{background:var(--interactive)}.yt-result img{width:160px;aspect-ratio:16 / 9;object-fit:cover;border-radius:var(--radius-sm);background:#000}.yt-result span{display:grid;gap:2px;min-width:0}.activity-hint{display:flex;align-items:center;gap:4px;margin:0 0 2px 32px;color:var(--brand-text);font-size:.75rem;font-weight:600}.activity-hint>svg{flex:none}.marquee{display:flex;flex:1;min-width:0;overflow:hidden;white-space:nowrap}.marquee-text{flex:none}.marquee[data-over]{mask-image:linear-gradient(90deg,transparent,#000 8px,#000 calc(100% - 16px),transparent)}.marquee[data-over] .marquee-text{padding-right:32px;animation:marquee-slide var(--marquee-s, 12s) linear infinite}@keyframes marquee-slide{to{transform:translate(-100%)}}@media(prefers-reduced-motion:reduce){.marquee[data-over]{mask-image:none}.marquee[data-over] .marquee-text{animation:none;padding-right:0;overflow:hidden;text-overflow:ellipsis;flex:0 1 auto;min-width:0}.marquee[data-over] .marquee-text[aria-hidden]{display:none}}@media(max-width:640px){.yt-volume{display:none}}.activities-panel{position:absolute;left:50%;bottom:84px;z-index:5;translate:-50% 0;width:min(560px,calc(100% - 32px));padding:12px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#111317;box-shadow:var(--shadow);animation:oc-pop var(--dur) var(--ease-out);transform-origin:bottom center}.activities-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.activities-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-auto-rows:1fr;gap:10px}.activities-list>li{display:flex;min-width:0}.app-card{display:grid;grid-template-rows:auto 1fr;gap:8px;width:100%;padding:0 0 10px;border:0;border-radius:var(--radius);background:var(--sidebar);color:var(--text);font:inherit;text-align:left;cursor:pointer;overflow:hidden;outline:2px solid transparent;outline-offset:-2px;transition:outline-color var(--dur-fast) var(--ease),transform var(--dur) var(--ease-out)}.app-card:hover,.app-card:focus-visible{outline-color:var(--brand-text);transform:translateY(-2px)}.app-art{display:grid;place-items:center;aspect-ratio:16 / 7;color:#fff}.app-youtube .app-art{background:radial-gradient(circle at 30% 20%,#ff6b6b,#c4161c 60%,#6d0b0f)}.app-name{display:grid;align-content:start;gap:2px;padding:0 12px;min-width:0}.app-name>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-tag{justify-self:start;margin-top:4px;padding:1px 6px;border-radius:4px;background:var(--interactive);color:var(--text-muted);font-size:.6875rem;font-weight:600}@media(prefers-reduced-motion:reduce){.app-card:hover,.app-card:focus-visible{transform:none}}.news-body{flex:1;min-height:0;overflow-y:auto;padding:16px 24px 48px}.news-intro{margin:0 0 16px}.news-day+.news-day{margin-top:24px}.news-date{margin:0 0 12px;color:var(--text-2);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.timeline{position:relative;list-style:none;margin:0;padding:0 0 0 4px;max-width:760px}.timeline:before{content:"";position:absolute;left:19px;top:8px;bottom:8px;width:2px;border-radius:1px;background:var(--border)}.timeline-item{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;padding-bottom:12px}.timeline-dot{position:relative;z-index:1;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--elevated);color:var(--text-2);box-shadow:0 0 0 4px var(--chat)}.timeline-item[data-kind=novo] .timeline-dot{background:var(--brand);color:var(--text-on-brand)}.timeline-item[data-kind=correção] .timeline-dot{color:var(--success)}.timeline-card{padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--sidebar)}.timeline-card h4{margin:2px 0 4px;font-size:.95rem}.timeline-card p{margin:0;color:var(--text-2);font-size:.875rem;line-height:1.45}.timeline-meta{display:flex;align-items:center;gap:8px}.timeline-version{margin-left:auto;font-variant-numeric:tabular-nums}.timeline-kind{padding:1px 8px;border-radius:999px;background:var(--interactive);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.timeline-item[data-kind=novo] .timeline-kind{background:color-mix(in srgb,var(--brand) 25%,transparent);color:var(--brand-text)}.strip-stream{border:0;padding:0;font:inherit;color:var(--text-2);cursor:pointer}.strip-stream:hover,.strip-stream:focus-visible{outline-color:var(--brand-text)}.yt-owner{flex:none;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffffffbf}.context-sub{position:relative}.context-submenu{position:absolute;top:-6px;left:calc(100% + 6px);min-width:200px;max-height:min(60vh,420px);overflow-y:auto}.context-submenu[data-side=left]{left:auto;right:calc(100% + 6px)}.context-sub:has(>.context-submenu):after{content:"";position:absolute;top:0;bottom:0;left:100%;width:16px}.context-sub:has(>.context-submenu[data-side=left]):after{left:auto;right:100%}.context-label-row{display:flex;align-items:center;gap:8px}.context-dot{flex:none;width:10px;height:10px;border-radius:50%}.server-icon-img{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.now-server{overflow:hidden}.server-icon-preview{display:grid;place-items:center;flex:none;width:80px;height:80px;border-radius:calc(20px * var(--radius-scale, 1));overflow:hidden;background:var(--brand);color:#fff;font-size:1.5rem;font-weight:800}.golive-skeleton{cursor:default}.golive-skeleton .golive-thumb,.golive-skeleton-text{background:linear-gradient(90deg,var(--sidebar) 25%,var(--interactive) 50%,var(--sidebar) 75%);background-size:200% 100%;animation:oc-skeleton 1.2s ease-in-out infinite}.golive-skeleton-text{display:block;width:40%;height:12px;border-radius:6px}@keyframes oc-skeleton{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.golive-skeleton .golive-thumb,.golive-skeleton-text{animation:none}}.section-label{margin:16px 0 8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--text-2)}.invite-join .section-label{margin-top:0}.invite-code-row{display:flex;align-items:flex-end;gap:8px}.invite-code-row>:first-child{flex:1;min-width:0}.invite-preview{margin-top:0}.invite-card{margin-top:8px;border-radius:var(--radius)}.invite-card[data-bg=true]{padding:24px 16px;background-size:cover;background-position:center}.invite-card-inner{border-radius:var(--radius);background:var(--sidebar);overflow:hidden}.invite-card-banner{height:64px}.invite-card-desc{margin:0;padding:0 12px 8px;color:var(--text-2);font-size:.875rem;white-space:pre-wrap;overflow-wrap:anywhere}.invite-card-traits{list-style:none;margin:0;padding:0 12px 12px;display:flex;flex-wrap:wrap;gap:6px}.invite-card-traits li{font-size:.8125rem;padding:3px 8px;border-radius:999px;background:var(--elevated);color:var(--text-2)}.directory-icon{overflow:hidden}.directory-icon>img{width:100%;height:100%;object-fit:cover}.directory-names strong{display:inline-flex;align-items:center;gap:4px}.directory-names .oc-icon,.verified-badge{color:var(--brand)}.verified-badge{display:inline-flex;flex:none}.server-name{justify-content:flex-start}.server-name>.truncate{flex:1;text-align:left}.sidebar-invite{flex:none}.stream-cover[data-preview=true]{position:absolute;inset:0;align-content:center;z-index:0}.stream-preview{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000;z-index:-1;filter:blur(6px) brightness(.6);transform:scale(1.06);transition:filter var(--dur) var(--ease)}.tile-stream:hover .stream-preview{filter:blur(4px) brightness(.75)}.tile-stream{overflow:hidden}.stream-cover[data-preview=true]>p{text-shadow:0 1px 4px rgb(0 0 0 / .8)}.auth-invite{margin:4px 0 0;padding:6px 10px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--brand) 18%,transparent);font-size:.875rem}.friend-list{display:grid}.friend-row[data-clickable=true]{cursor:pointer}.friend-row:hover{background:var(--interactive)}.friend-names{gap:2px}.friend-title{display:flex;align-items:baseline;gap:6px;min-width:0}.friend-username{font-size:.8125rem;color:var(--text-muted);opacity:0;transition:opacity var(--dur) var(--ease)}.friend-row:hover .friend-username,.friend-row:focus-within .friend-username{opacity:1}.friend-sub{font-size:.8125rem;color:var(--text-2)}.friend-voice{display:inline-flex;align-items:center;gap:4px;color:var(--status-online)}.friend-actions{gap:8px}@media(prefers-reduced-motion:reduce){.friend-username{transition:none}}.tile-stream[data-focusable=true],.tile[data-focusable=true]{cursor:pointer}.tile[role=button]:focus-visible{outline-color:var(--focus-ring)}.now-streams{list-style:none;margin:0;padding:0;display:grid;gap:8px}.now-stream{width:100%;display:grid;gap:6px;padding:0;border:0;background:none;color:inherit;text-align:left;cursor:pointer}.now-stream-thumb{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius-sm);overflow:hidden;background:#000;display:grid;place-items:center;color:var(--text-muted)}.now-stream-thumb>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--dur) var(--ease)}.now-stream-thumb>.live-pill{position:absolute;left:6px;top:6px}.now-stream-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:6px;font-weight:600;color:#fff;background:#00000073;opacity:0;transition:opacity var(--dur) var(--ease)}.now-stream:hover .now-stream-play,.now-stream:focus-visible .now-stream-play{opacity:1}.now-stream:hover .now-stream-thumb>img{transform:scale(1.03)}.now-stream:focus-visible{outline:2px solid var(--focus, var(--brand));outline-offset:2px;border-radius:var(--radius-sm)}.now-stream-name{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--text-2)}@media(prefers-reduced-motion:reduce){.now-stream-thumb>img,.now-stream-play{transition:none}}.media-viewer{position:fixed;inset:0;z-index:1400;background:#000000e0;display:grid;place-items:center;overflow:hidden;animation:media-in .14s var(--ease)}@keyframes media-in{0%{opacity:0}}.media-top{position:absolute;inset:0 0 auto;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:linear-gradient(rgb(0 0 0 / .6),transparent);pointer-events:none}.media-top>*{pointer-events:auto}.media-author{display:flex;align-items:center;gap:10px;min-width:0}.media-author>span{display:grid;min-width:0}.media-tools{display:flex;align-items:center;gap:2px;padding:4px;border-radius:var(--radius);background:#141418d9}.media-btn{width:34px;height:34px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-2);display:grid;place-items:center}.media-btn:hover,.media-btn:focus-visible,.media-btn[aria-pressed=true]{background:var(--interactive);color:var(--text)}.media-sep{width:1px;height:20px;margin:0 4px;background:var(--interactive)}.media-img{max-width:min(92vw,100%);max-height:calc(100vh - 140px);object-fit:contain;border-radius:var(--radius-sm);user-select:none;cursor:zoom-in;transition:transform .16s var(--ease);touch-action:none}.media-img[data-zoomed=true]{cursor:grab;transition:none}.media-img[data-zoomed=true]:active{cursor:grabbing}.media-nav{position:absolute;top:50%;z-index:1;width:44px;height:44px;margin-top:-22px;border:0;border-radius:50%;background:#141418d9;color:var(--text);display:grid;place-items:center}.media-nav:hover,.media-nav:focus-visible{background:var(--interactive)}.media-prev{left:16px}.media-prev>.oc-icon{transform:rotate(180deg)}.media-next{right:16px}.media-count{position:absolute;bottom:16px;left:50%;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){.media-viewer{animation:none}.media-img{transition:none}}.friends-panel{grid-row:2;width:260px;display:flex;flex-direction:column;min-height:0;background:var(--sidebar);border-top:1px solid var(--border);border-left:1px solid var(--border);transition:width var(--dur) var(--ease)}.friends-panel[data-compact=true]{width:64px}.friends-panel-head{display:flex;align-items:center;justify-content:space-between;gap:8px;height:var(--header-height);padding:0 8px 0 16px;flex:none}.friends-panel[data-compact=true] .friends-panel-head{justify-content:center;padding:0}.friends-panel-head h2{margin:0;font-size:1rem}.friends-panel-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 8px 12px}.friends-panel ul{list-style:none;margin:0;padding:0}.friends-panel-title{display:flex;align-items:center;gap:6px;width:100%;padding:12px 8px 6px;border:0;background:none;color:var(--text-2);font-size:.8125rem;font-weight:600;text-align:left}.friends-panel-title>.oc-icon:last-child{transition:transform var(--dur) var(--ease)}.friends-panel-title[aria-expanded=false]>.oc-icon:last-child{transform:rotate(-90deg)}.friends-panel-sep{display:grid;place-items:center;margin:10px 0 6px;padding-top:8px;border-top:1px solid var(--interactive);color:var(--text-muted)}section:first-child>.friends-panel-sep{border-top:0}.friends-panel-row{width:100%;display:flex;align-items:center;gap:10px;padding:6px 8px;border:0;border-radius:var(--radius-sm);background:none;color:inherit;text-align:left}.friends-panel[data-compact=true] .friends-panel-row{justify-content:center;padding:6px 0}.friends-panel-row:hover,.friends-panel-row:focus-visible{background:var(--interactive)}.friends-panel-names{display:grid;min-width:0}.friends-panel-names>span{font-size:.75rem;color:var(--text-muted)}.friends-panel-names>span[data-voice=true]{color:var(--status-online)}.friends-panel-empty{padding:12px 8px}@media(prefers-reduced-motion:reduce){.friends-panel,.friends-panel-title>.oc-icon:last-child{transition:none}}.streamer-bubble{position:absolute;right:14px;bottom:14px;z-index:2;display:grid;border-radius:50%;box-shadow:0 6px 18px #00000073,0 0 0 3px #00000059;transform:translate(calc(var(--px, 0) * -10px),calc(var(--py, 0) * -8px));transition:transform .22s var(--ease),box-shadow var(--dur) var(--ease);pointer-events:none}.streamer-bubble[data-speaking=true]{box-shadow:0 6px 18px #00000073,0 0 0 3px var(--speaking)}.streamer-bubble-muted{position:absolute;right:-2px;bottom:-2px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--danger);color:#fff}.strip-stream .streamer-bubble{right:6px;bottom:6px;transform:none}.tile-stream .tile-label{max-width:calc(100% - 90px)}@media(prefers-reduced-motion:reduce){.streamer-bubble{transform:none;transition:none}}.titlebar-server{width:16px;height:16px;flex:none;display:grid;place-items:center;border-radius:30%;overflow:hidden;background:var(--brand);color:var(--text-on-brand);font-size:.5rem;font-weight:700}.titlebar-server .server-icon-img,.titlebar-server .brand-mark-sm{width:100%;height:100%;border-radius:0}.cropper{display:grid;gap:16px;justify-items:center}.cropper>.oc-field,.cropper>* :where(.oc-slider){width:320px}.cropper-view{position:relative;overflow:hidden;border-radius:var(--radius);background:#000;cursor:grab;touch-action:none;user-select:none}.cropper-view:active{cursor:grabbing}.cropper-view:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.cropper-view>img{position:absolute;left:0;top:0;max-width:none;pointer-events:none}.cropper-mask{position:absolute;inset:0;pointer-events:none;box-shadow:0 0 0 999px #0000008c;border:2px solid rgb(255 255 255 / .85)}.cropper-view[data-shape=circle] .cropper-mask{inset:0;border-radius:50%}.cropper-view[data-shape=rounded] .cropper-mask{border-radius:28%}.invite-embed{grid-column:2;display:flex;align-items:center;gap:12px;width:min(420px,100%);min-height:72px;margin-top:6px;padding:12px 14px;border-radius:var(--radius);background:var(--sidebar);border:1px solid var(--border)}.invite-embed-icon{width:48px;height:48px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:30%;background:var(--brand);color:var(--text-on-brand);font-weight:700}.invite-embed-icon .server-icon-img,.invite-embed-icon .brand-mark-sm{width:100%;height:100%;border-radius:0}.invite-embed-dead{background:var(--interactive);color:var(--text-muted)}.invite-embed-names{flex:1;display:grid;min-width:0}.invite-embed-names strong{display:flex;align-items:center;gap:4px}.invite-embed-names .oc-icon{color:var(--brand)}.invite-embed-kicker{font-size:.6875rem;font-weight:700;text-transform:uppercase;color:var(--text-muted)}:root:has(.titlebar) .media-viewer{top:32px}.rail-item{flex:none}.rail-item>.server-icon-img{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit}.dm-profile{grid-row:2;width:300px;display:flex;flex-direction:column;min-height:0;overflow-y:auto;overflow-x:hidden;background:var(--sidebar);border-top:1px solid var(--border);border-left:1px solid var(--border)}.dm-profile-banner{height:96px;flex:none}.dm-profile-avatar{margin:-44px 0 0 16px;width:max-content;padding:5px;border-radius:50%;background:var(--sidebar)}.dm-profile-body{padding:8px 16px 20px;display:grid;gap:4px;min-width:0}.dm-profile-body h2{margin:0;font-size:1.25rem}.dm-profile-body>p{margin:0}.dm-profile-status{color:var(--text-2)}.dm-profile-voice{display:flex;align-items:center;gap:6px;width:max-content;max-width:100%;margin-top:4px;padding:4px 10px;border:0;border-radius:999px;background:color-mix(in srgb,var(--status-online) 18%,transparent);color:var(--status-online);font-size:.8125rem;font-weight:600}.dm-profile-voice:hover,.dm-profile-voice:focus-visible{background:color-mix(in srgb,var(--status-online) 28%,transparent)}.dm-profile-facts{display:grid;gap:10px;margin:12px 0 0;padding:12px;border-radius:var(--radius);background:var(--bg, var(--rail))}.dm-profile-facts dt{font-size:.75rem;font-weight:700;color:var(--text-2)}.dm-profile-facts dd{margin:2px 0 0;font-size:.875rem}.dm-profile-section{margin-top:12px}.dm-profile-section h3{margin:0 0 6px;font-size:.75rem;font-weight:700;color:var(--text-2)}.dm-profile-section ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}.dm-profile-row{width:100%;display:flex;align-items:center;gap:10px;padding:6px 8px;border:0;border-radius:var(--radius-sm);background:none;color:inherit;text-align:left}.dm-profile-row:hover,.dm-profile-row:focus-visible{background:var(--interactive)}.dm-profile-server{width:24px;height:24px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:30%;background:var(--brand);color:var(--text-on-brand);font-size:.5625rem;font-weight:700}.dm-profile-server .server-icon-img,.dm-profile-server .brand-mark-sm{width:100%;height:100%;border-radius:0}.tooltip:has(.server-card){padding:10px 12px;max-width:280px}.server-card{display:grid;gap:8px;text-align:left}.server-card-head{display:flex;align-items:center;gap:8px;min-width:0;font-size:.875rem}.server-card-head .oc-icon{color:var(--brand);flex:none}.server-card-icon{width:20px;height:20px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:30%;background:var(--brand);color:var(--text-on-brand);font-size:.5rem;font-weight:700}.server-card-icon .server-icon-img,.server-card-icon .brand-mark-sm{width:100%;height:100%;border-radius:0}.server-card-voice{display:flex;align-items:center;gap:8px;color:var(--text-2)}.server-card-avatars{display:flex;align-items:center}.server-card-avatars>.oc-avatar{box-shadow:0 0 0 2px var(--elevated, #111214);border-radius:50%}.server-card-avatars>*+*{margin-left:-6px}.server-card-more{margin-left:4px;font-size:.75rem;font-weight:700}.server-card-sub{font-size:.75rem;color:var(--text-muted)}.stage,.content{position:relative}.music-player[data-away=true]{inset:60px 16px auto auto;width:min(280px,calc(100% - 32px))}.app-music .app-art{background:radial-gradient(circle at 30% 20%,#8be9c1,#1f9d6b 60%,#0b4d34)}.music-pill,.music-player{position:absolute;left:16px;bottom:88px;z-index:5;background:var(--elevated, #1e1f22);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 32px #00000073}.music-pill{display:flex;align-items:center;gap:10px;max-width:min(420px,calc(100% - 32px));padding:8px 8px 8px 14px}.music-player{width:min(380px,calc(100% - 32px));max-height:calc(100% - 120px);overflow:hidden;display:flex;flex-direction:column;gap:10px;padding:12px}.music-player>*{flex:none}.music-video{position:relative;width:100%;min-height:200px;aspect-ratio:16 / 9;border-radius:var(--radius-sm);overflow:hidden;background:#000}.music-video>iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.music-meta{display:grid;min-width:0}.music-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.music-progress input[type=range]{width:100%;accent-color:var(--brand)}.music-controls{display:flex;align-items:center;gap:6px}.music-prev{transform:rotate(180deg)}.music-play{width:40px;height:40px;border:0;border-radius:50%;display:grid;place-items:center;background:var(--text);color:var(--bg, #111214);transition:transform var(--dur) var(--ease)}.music-play:hover,.music-play:focus-visible{transform:scale(1.06)}.music-volume{flex:1;min-width:0;margin-left:8px}.music-add{display:flex;flex-wrap:wrap;gap:6px}.music-add>.music-add-field{flex:1;min-width:0}.music-progress .oc-field{min-width:0}.music-add>.form-error{flex-basis:100%;margin:0}.music-empty{display:flex;align-items:center;gap:10px;padding:8px 4px}.music-foot{display:flex;align-items:center;gap:4px}.music-dj{display:inline-flex;align-items:center;gap:4px;margin-left:6px;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--warning) 16%,transparent);color:var(--warning);font-weight:600;white-space:nowrap}.music-queue-item:disabled{cursor:default}.music-foot .icon-btn{display:inline-flex;align-items:center;gap:4px;width:auto;padding:0 8px}.music-queue{list-style:none;margin:0;padding:0;display:grid;align-content:start;gap:2px}.music-player>.music-queue{flex:1 1 auto;min-height:72px;overflow-y:auto;overscroll-behavior:contain}.music-queue>li{display:flex;align-items:center;gap:4px;border-radius:var(--radius-sm)}.music-queue>li[data-current=true]{background:color-mix(in srgb,var(--brand) 18%,transparent)}.music-queue>li[data-done=true]{opacity:.6}.music-queue-item{flex:1;min-width:0;display:flex;align-items:center;gap:8px;padding:4px 6px;border:0;border-radius:var(--radius-sm);background:none;color:inherit;text-align:left}.music-queue-item:hover,.music-queue-item:focus-visible{background:var(--interactive)}.music-queue-item>img{width:48px;height:27px;flex:none;object-fit:cover;border-radius:4px}.music-queue-names{display:grid;min-width:0}.music-queue-names>span:last-child{display:flex;align-items:center;gap:4px}@media(prefers-reduced-motion:reduce){.music-play{transition:none}}.voice-dock-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.soundboard{position:fixed;z-index:1300;width:min(580px,calc(100vw - 16px));height:min(520px,calc(100vh - 80px));display:flex;flex-direction:column;background:var(--elevated, #1e1f22);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 16px 40px #00000080;overflow:hidden}.soundboard-head{position:relative;display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--border)}.soundboard-search{flex:1;min-width:0}.soundboard-volume{position:absolute;z-index:2;top:calc(100% - 6px);right:8px;width:260px;display:grid;gap:6px;padding:12px;background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 8px 24px #00000073}.soundboard-volume>.oc-btn{justify-self:start}.soundboard-main{flex:1;min-height:0;display:flex}.soundboard-rail{flex:none;width:52px;overflow-y:auto;scrollbar-width:none;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 0;border-right:1px solid var(--border)}.soundboard-rail-btn{flex:none;width:32px;height:32px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;overflow:hidden;background:var(--interactive);color:var(--text-2);font-size:.6875rem;font-weight:700;transition:border-radius var(--dur) var(--ease),background var(--dur) var(--ease)}.soundboard-rail-btn:hover,.soundboard-rail-btn:focus-visible{border-radius:10px;background:var(--interactive-hover);color:var(--text)}.soundboard-rail-btn img,.soundboard-section-icon img{width:100%;height:100%;object-fit:cover}.soundboard-body{flex:1;min-width:0;overflow-y:auto;padding:4px 12px 12px;display:grid;align-content:start;gap:4px}.soundboard-title{margin:10px 0 6px;font-size:.8125rem;font-weight:700;color:var(--text-2)}.soundboard-title>button{display:flex;align-items:center;gap:6px;max-width:100%;padding:0;border:0;background:none;color:inherit;font:inherit}.soundboard-title>button:hover,.soundboard-title>button:focus-visible{color:var(--text)}.soundboard-section-icon{flex:none;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:var(--interactive);font-size:.5rem}.sound-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sound-btn{width:100%;height:40px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border:0;border-radius:var(--radius-sm);background:var(--interactive);color:var(--text);font-size:.8125rem;font-weight:600;min-width:0;transition:background var(--dur) var(--ease),transform var(--dur) var(--ease)}.sound-btn:hover,.sound-btn:focus-visible{background:var(--interactive-hover, var(--brand))}.sound-btn:active{transform:scale(.97)}.sound-add{background:transparent;border:1px dashed var(--border);color:var(--text-2)}.upload-sound{display:grid;gap:12px}.upload-sound-preview{display:flex;align-items:center;gap:10px;padding:10px;border-radius:var(--radius-sm);background:var(--sidebar);min-width:0}.upload-sound-preview>.truncate{flex:1}.upload-sound-file{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sounds-list{list-style:none;margin:12px 0 0;padding:0;display:grid}.sounds-list>li{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 6px;border-top:1px solid var(--border);min-width:0}.sounds-list>li>.truncate{flex:1}.sounds-emoji{width:20px;text-align:center}.sounds-by{display:inline-flex;align-items:center;gap:6px;min-width:0;max-width:160px}@media(prefers-reduced-motion:reduce){.sound-btn{transition:none}}.music-player[data-minimized=true]{width:min(320px,calc(100% - 32px));padding:6px}.music-video[data-hidden=true]{position:absolute;width:1px;height:1px;min-height:0;overflow:hidden;opacity:0;pointer-events:none}.music-mini{display:flex;align-items:center;gap:10px;width:100%;padding:4px;border:0;border-radius:var(--radius-sm);background:none;color:inherit;text-align:left;min-width:0}.music-mini:hover,.music-mini:focus-visible{background:var(--interactive)}.music-mini>img{width:64px;height:36px;flex:none;object-fit:cover;border-radius:4px}.music-mini-names{flex:1;display:grid;min-width:0}.full-profile{display:grid;grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:20px;min-height:420px}.full-profile-card{display:flex;flex-direction:column;border-radius:var(--radius);background:var(--sidebar);overflow:hidden}.full-profile-banner{height:110px;flex:none}.full-profile-avatar{margin:-60px 0 0 20px;width:max-content;padding:6px;border-radius:50%;background:var(--sidebar)}.full-profile-body{display:grid;gap:8px;padding:8px 20px 20px;min-width:0}.full-profile-body h2{margin:0;font-size:1.5rem}.full-profile-body>p{margin:0}.full-profile-actions{display:flex;align-items:center;gap:8px;margin:6px 0}.full-profile-side{display:grid;grid-template-rows:auto 1fr;gap:12px;min-width:0}.full-profile-tab{min-height:0;overflow-y:auto}.full-profile-activity{width:100%;display:flex;align-items:center;gap:12px;padding:14px;border:0;border-radius:var(--radius);background:var(--sidebar);color:var(--status-online);text-align:left}.full-profile-activity>span{display:grid;color:var(--text)}.full-profile-activity:hover,.full-profile-activity:focus-visible{background:var(--interactive)}.dm-profile-section-list{list-style:none;margin:0;padding:0;display:grid;gap:2px}.dm-profile-full{margin-top:12px}.add-dm-list{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:2px;max-height:320px;overflow-y:auto}.add-dm-list>li{display:flex;align-items:center;gap:10px;padding:4px 6px;border-radius:var(--radius-sm)}.add-dm-list>li:hover{background:var(--interactive)}@media(max-width:860px){.full-profile{grid-template-columns:minmax(0,1fr)}}.golive-scene{display:inline-flex;align-items:center;gap:6px;max-width:220px;height:36px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--sidebar);color:var(--text);font-weight:600}.golive-scene:hover,.golive-scene:focus-visible{background:var(--interactive)}.scene-editor{display:grid;grid-template-columns:170px minmax(0,1fr) 240px;gap:16px;min-height:0}.scene-list,.scene-layers{display:grid;align-content:start;gap:8px;min-width:0}.scene-list ul,.scene-layers ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}.scene-item,.scene-layer{width:100%;display:flex;align-items:center;gap:8px;padding:7px 10px;border:0;border-radius:var(--radius-sm);background:none;color:inherit;text-align:left;min-width:0}.scene-item:hover,.scene-layer:hover,.scene-item:focus-visible,.scene-layer:focus-visible{background:var(--interactive)}.scene-item[aria-current=true]{background:color-mix(in srgb,var(--brand) 22%,transparent);font-weight:600}.scene-layers li{display:flex;align-items:center;gap:2px;border-radius:var(--radius-sm)}.scene-layers li[data-selected=true]{background:color-mix(in srgb,var(--brand) 18%,transparent)}.scene-layers li .scene-layer{flex:1}.scene-main{display:grid;gap:10px;align-content:start;min-width:0}.scene-title-row{display:flex;align-items:flex-end;gap:8px}.scene-title-row>:first-child{flex:1;min-width:0}.scene-preview{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-sm);overflow:hidden;background:#000;touch-action:none;user-select:none}.scene-preview>canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.scene-box{position:absolute;cursor:move;outline:1px dashed transparent}.scene-box:hover{outline-color:#ffffff80}.scene-box[data-selected=true]{outline:2px solid var(--brand)}.scene-handle{position:absolute;right:-6px;bottom:-6px;width:14px;height:14px;border-radius:3px;background:var(--brand);border:2px solid #fff;cursor:nwse-resize}.scene-add{display:flex;flex-wrap:wrap;gap:6px}.scene-props{display:grid;gap:10px;padding-top:10px;border-top:1px solid var(--border)}.scene-props-actions,.scene-colors{display:flex;gap:6px}.scene-color{width:24px;height:24px;border-radius:50%;border:2px solid var(--border)}.scene-color[aria-checked=true]{border-color:var(--focus-ring, var(--brand));box-shadow:0 0 0 2px var(--sidebar)}@media(max-width:1000px){.scene-editor{grid-template-columns:minmax(0,1fr)}}.board{flex:1;display:flex;flex-direction:column;min-height:0}.board-columns{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:12px;padding:16px;overflow-x:auto}.board-column{display:flex;flex-direction:column;min-height:0;background:var(--sidebar);border-radius:var(--radius-lg);outline:2px dashed transparent;outline-offset:-2px;transition:outline-color var(--dur) var(--ease)}.board-column[data-drop=true]{outline-color:color-mix(in srgb,var(--brand) 70%,transparent)}.board-column-title{display:flex;align-items:center;gap:8px;margin:0;padding:12px 14px 8px;font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.board-column-title:before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--col, var(--text-muted))}[data-column=new]{--col: var(--brand-text)}[data-column=triage]{--col: var(--warning)}[data-column=doing]{--col: var(--link)}[data-column=done]{--col: var(--success)}.board-count{margin-left:auto;padding:0 7px;border-radius:999px;background:var(--interactive);color:var(--text-2);font-size:.6875rem}.board-cards{list-style:none;margin:0;padding:4px 10px 10px;display:grid;align-content:start;gap:8px;overflow-y:auto;min-height:0}.board-cards>li[data-drop-before=true]{box-shadow:0 -3px 0 -1px var(--brand)}.board-empty{margin:0;padding:0 14px 14px}.board-card{display:grid;gap:6px;width:100%;padding:10px 12px;border:0;border-left:3px solid var(--col);border-radius:var(--radius);background:var(--elevated);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--dur-fast) var(--ease),translate var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease)}.board-card[draggable=true]{cursor:grab}.board-card:hover{background:var(--interactive);translate:0 -1px}.board-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.board-card[data-dragging=true]{opacity:.4}.board-card-title{font-weight:600;font-size:.875rem;overflow-wrap:anywhere}.board-card-body{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-2);font-size:.8125rem}.board-card-foot{display:flex;align-items:center;gap:6px;min-width:0;color:var(--text-muted);font-size:.75rem}.board-card-foot>time{margin-left:auto;flex:none}.board-dialog-body{white-space:pre-wrap;overflow-wrap:anywhere}.board-dialog .spacer{flex:1}.board-feed-hint{display:flex;align-items:center;gap:6px;margin:0 16px 6px}@media(prefers-reduced-motion:reduce){.board-card,.board-column{transition:none}.board-card:hover{translate:none}}.pins{position:relative;display:flex}.pins-panel{position:fixed;z-index:60;width:min(420px,calc(100vw - 32px));max-height:min(70vh,560px);display:flex;flex-direction:column;background:var(--sidebar);border:1px solid var(--border);border-radius:var(--radius-md, 8px);box-shadow:var(--shadow);animation:tip-in .1s var(--ease)}.pins-head{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border)}.pins-head h3{margin:0;font-size:1rem}.pins-list{overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:8px}.pins-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:24px 12px;text-align:center;color:var(--text-2)}.pins-empty p{margin:0}.pin-item{display:grid;grid-template-columns:32px 1fr auto;gap:10px;padding:10px;background:var(--chat);border:1px solid var(--border);border-radius:var(--radius-sm)}.pin-main{min-width:0}.pin-meta{display:flex;align-items:baseline;gap:8px;min-width:0}.pin-body{margin-top:2px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.pin-actions{display:flex;align-items:flex-start;gap:4px}.msg-pin{display:inline-flex;vertical-align:-2px;margin-right:4px;color:var(--text-muted)}.msg[data-flash=true]{background:color-mix(in srgb,var(--brand) 16%,transparent);transition:background .6s var(--ease)}@media(prefers-reduced-motion:reduce){.pins-panel{animation:none}.msg[data-flash=true]{transition:none}}.poll{display:grid;gap:8px;max-width:480px;margin-top:4px;padding:12px 14px;border-radius:var(--radius-lg);background:var(--sidebar);border:1px solid var(--border)}.poll-head{display:flex;align-items:center;gap:8px;color:var(--brand-text)}.poll-question{color:var(--text);font-size:.9375rem;overflow-wrap:anywhere}.poll-hint{margin:-4px 0 0}.poll-options{list-style:none;margin:0;padding:0;display:grid;gap:6px}.poll-option{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:8px 12px;overflow:hidden;isolation:isolate;border:1px solid var(--border);border-radius:var(--radius);background:var(--chat);color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.poll-option[data-results=true]:before{content:"";position:absolute;inset:0 auto 0 0;z-index:-1;width:var(--pct, 0%);background:color-mix(in srgb,var(--brand) 22%,transparent);transition:width var(--dur-slow) var(--ease-out)}.poll-option[data-winner=true]:before{background:color-mix(in srgb,var(--success) 28%,transparent)}.poll-option:hover:not(:disabled){border-color:var(--brand)}.poll-option:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.poll-option:disabled{cursor:default}.poll-option[aria-checked=true]{border-color:var(--brand)}.poll-check{flex:none;display:grid;place-items:center;width:18px;height:18px;border:2px solid var(--text-muted);border-radius:50%;color:var(--text-on-brand)}.poll-option[role=checkbox] .poll-check{border-radius:5px}.poll-option[aria-checked=true] .poll-check{border-color:var(--brand);background:var(--brand)}.poll-text{flex:1;min-width:0;overflow-wrap:anywhere}.poll-count{flex:none;color:var(--text-2);font-size:.8125rem;font-variant-numeric:tabular-nums}.poll-foot{display:flex;align-items:center;gap:12px}.poll-foot .spacer{flex:1}.poll-editor{display:grid;gap:8px;margin:0;padding:0;border:0}.poll-editor-row{display:flex;align-items:center;gap:6px}.poll-editor-row>:first-child{flex:1}@media(prefers-reduced-motion:reduce){.poll-option,.poll-option[data-results=true]:before{transition:none}}.reaction-roles{grid-column:2;display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}.reaction-roles>.muted{flex-basis:100%}.reaction-role{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:4px 12px;border:1px solid var(--border);border-radius:999px;background:var(--sidebar);color:var(--text);font:inherit;font-size:.875rem;cursor:pointer;transition:border-color var(--dur-fast) var(--ease),background-color var(--dur-fast) var(--ease)}.reaction-role:hover:not(:disabled){border-color:var(--role, var(--brand))}.reaction-role[aria-pressed=true]{border-color:var(--role, var(--brand));background:color-mix(in srgb,var(--role, var(--brand)) 20%,transparent)}.reaction-role:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.reaction-role:disabled{cursor:default;opacity:.6}.rr-rows{display:grid;gap:8px}.rr-row{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:8px}@media(prefers-reduced-motion:reduce){.reaction-role{transition:none}}.upload-sound-preview{flex-direction:column;align-items:stretch}.upload-sound-head{display:flex;align-items:center;gap:10px;min-width:0}.upload-sound-head>.truncate{flex:1}.upload-sound-hint{margin:0}.trim{display:grid;gap:4px;padding:0 7px}.trim-track{position:relative;height:56px;cursor:pointer;touch-action:none}.trim-wave{position:absolute;inset:0;display:flex;align-items:center;gap:1px}.trim-wave>span{flex:1;border-radius:1px;background:var(--text-muted);opacity:.35}.trim-wave>span.on{background:var(--brand);opacity:1}.trim-sel{position:absolute;top:0;bottom:0;border-radius:4px;background:color-mix(in srgb,var(--brand) 14%,transparent);box-shadow:inset 0 0 0 2px var(--brand);pointer-events:none}.trim-playhead{position:absolute;top:-2px;bottom:-2px;width:2px;margin-left:-1px;background:var(--text);pointer-events:none}.trim-handle{position:absolute;top:-4px;bottom:-4px;width:14px;margin-left:-7px;border-radius:4px;background:var(--brand);cursor:ew-resize;touch-action:none}.trim-handle:after{content:"";position:absolute;inset:35% 5px;border-left:2px solid var(--text-on-brand);border-right:2px solid var(--text-on-brand)}.trim-handle:hover,.trim-handle:focus-visible{background:var(--brand-hover)}.trim-handle:focus-visible{outline:2px solid var(--text);outline-offset:1px}.trim-times{display:flex;justify-content:space-between}.game-line{display:inline-flex;align-items:center;gap:4px;min-width:0;color:var(--success)}.game-badge{color:var(--success);flex:none}.member-names{display:grid;min-width:0;line-height:1.2}.playing{display:grid;gap:8px;padding:10px;border-radius:var(--radius-sm);background:var(--sidebar)}.playing-title{margin:0;font-size:.75rem;font-weight:700;color:var(--text-2)}.playing-row{display:flex;align-items:center;gap:10px;min-width:0}.playing-art{flex:none;width:64px;height:30px;border-radius:4px;object-fit:cover;background:var(--interactive)}.playing-art-icon{width:40px;height:40px;display:grid;place-items:center;color:var(--text-2)}.playing-names{display:grid;min-width:0}.playing-time{display:inline-flex;align-items:center;gap:4px;color:var(--success);font-variant-numeric:tabular-nums}.playing-steam{justify-self:stretch}.toast-action{white-space:nowrap}.game-dock{display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid var(--border);min-width:0}.game-dock .playing-art{width:40px;height:40px}.game-dock-names{display:grid;min-width:0}.game-dock-keys{display:flex;align-items:center;gap:4px;color:var(--text-2)}.game-dock-keys kbd{padding:0 5px;border-radius:4px;border:1px solid var(--border);background:var(--interactive);font:inherit;font-size:.6875rem;font-weight:700;color:var(--text)}.rec-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger-text);font-size:.75rem;font-weight:800;letter-spacing:.02em;font-variant-numeric:tabular-nums;white-space:nowrap}.rec-dot{width:8px;height:8px;border-radius:50%;background:var(--danger);animation:rec-pulse 1.4s ease-in-out infinite}@keyframes rec-pulse{50%{opacity:.35}}:root[data-motion=reduced] .rec-dot{animation:none}.call-btn.rec-btn[data-recording=true]{background:var(--danger);color:var(--text-on-brand)}.rec-list-btn{display:inline-flex;align-items:center;gap:4px}.rec-list{position:absolute;top:calc(100% + 6px);right:0;z-index:20;width:min(420px,calc(100vw - 32px));max-height:360px;overflow-y:auto;padding:10px;background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 32px #00000073}.rec-list>p{margin:0 0 8px}.rec-list ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}.rec-list li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);background:var(--sidebar)}.rec-row-names{display:grid;flex:1;min-width:0}.rec-confirm{display:grid;gap:8px}.rec-confirm p{margin:0}.update-dialog{display:grid;gap:10px}.update-dialog>p{margin:0}.update-notes{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:min(50vh,420px);overflow-y:auto}.update-notes>li{display:grid;justify-items:start;gap:4px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--sidebar)}.update-notes>li>p{margin:0;color:var(--text-2)}.update-notes>li[data-kind=novo] .timeline-kind{background:color-mix(in srgb,var(--brand) 25%,transparent);color:var(--brand-text)}.update-warn{color:var(--text-2)}.game-icon{flex:none;border-radius:4px;image-rendering:auto}.game-badge{display:inline-grid;place-items:center}body{user-select:none}input,textarea,[contenteditable=true],.msg-body,.pin-body,.msg-body *,.pin-body *{user-select:text}.md-h{margin:6px 0 2px;line-height:1.25;white-space:normal}.md-h1{font-size:1.5rem}.md-h2{font-size:1.25rem}.md-h3{font-size:1.0625rem}.md-sub{display:block;font-size:.75rem;color:var(--text-muted)}.md-quote{margin:2px 0;padding:0 0 0 12px;border-left:4px solid var(--interactive-hover);white-space:pre-wrap}.md-list{margin:2px 0;padding-left:1.5em;white-space:normal}.md-list>li{white-space:pre-wrap}.msg-body pre.md-pre,.pin-body pre.md-pre{margin:4px 0;padding:8px 10px;max-width:100%;overflow-x:auto;border-radius:var(--radius-sm);background:var(--rail);border:1px solid var(--border);white-space:pre}.msg-body pre.md-pre code,.pin-body pre.md-pre code{padding:0;background:none;font-size:.85rem}.md-spoiler{border-radius:4px;background:var(--interactive-hover);cursor:pointer;transition:background var(--dur) var(--ease)}.md-spoiler:not([data-shown])>span{opacity:0}.md-spoiler[data-shown]{background:color-mix(in srgb,var(--interactive-hover) 45%,transparent);cursor:auto}.md-spoiler:focus-visible{outline:2px solid var(--brand)}.area-error{display:flex;align-items:center;gap:10px;margin:8px;padding:10px 12px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--danger) 12%,var(--sidebar));border:1px solid color-mix(in srgb,var(--danger) 40%,transparent);color:var(--text);font-size:.875rem}.area-error>span{flex:1;min-width:0}.fatal-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.fatal>p{margin:0;max-width:640px;text-align:center}.resume-call{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--border);color:var(--text-2);min-width:0}.resume-call-names{display:grid;flex:1;min-width:0}.resume-call-names strong{color:var(--text);font-size:.875rem}.stage-header{position:relative;z-index:30;overflow:visible}.ask-body{display:grid;gap:12px;max-width:420px}.ask-message{margin:0;color:var(--text-muted);white-space:pre-line}.remote-overlay{position:absolute;inset:0;cursor:crosshair;outline:none;touch-action:none}.remote-overlay:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.remote-hint{position:absolute;left:8px;top:8px;max-width:calc(100% - 16px);padding:2px 8px;border-radius:var(--radius-sm);background:var(--warning);color:#000;font-size:.75rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.remote-chip{color:var(--warning)}.search-panel{width:min(520px,calc(100vw - 32px))}.search-form{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-bottom:1px solid var(--border)}.search-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.search-filters .chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border:1px solid var(--border);border-radius:999px;background:var(--chat);color:var(--text-2);font:inherit;font-size:.8125rem;cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.search-filters .chip:hover{color:var(--text)}.search-filters .chip[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:#fff}.search-person{margin-left:auto;min-width:160px}.search-count{margin:0 4px}.status-line{display:block;min-width:0;color:var(--text-2)}.menu-sep{height:1px;margin:4px 6px;background:var(--border)}.menu-blank{display:inline-block;width:16px;height:16px;flex:none}.voice-note{display:flex;align-items:center;gap:8px;width:min(360px,100%);padding:6px 10px 6px 6px;background:var(--sidebar);border:1px solid var(--rail);border-radius:999px}.voice-note-play{flex:none;color:var(--brand-text)}.voice-note-wave{position:relative;flex:1;min-width:0;height:28px;display:flex;align-items:center;gap:2px;cursor:pointer;border-radius:4px}.voice-note-wave:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.voice-note-wave>span{flex:1;min-width:2px;border-radius:2px;background:var(--text-2);opacity:.55}.voice-note-wave:after{content:"";position:absolute;inset:0;width:var(--voice-progress, 0%);background:var(--brand);mix-blend-mode:screen;opacity:.6;pointer-events:none;border-radius:4px}.voice-note-time{flex:none;min-width:36px;text-align:right;font-variant-numeric:tabular-nums}.attachment-audio{max-width:min(360px,100%)}.composer-rec{align-items:center;min-height:44px;color:var(--text-2)}.rec-dot{width:10px;height:10px;margin:0 6px 0 10px;border-radius:50%;background:var(--danger);animation:rec-blink 1s steps(2,start) infinite}@keyframes rec-blink{to{visibility:hidden}}@media(prefers-reduced-motion:reduce){.rec-dot{animation:none}}.rec-time{font-variant-numeric:tabular-nums}.events-row{margin-bottom:4px}.events-next{margin-left:auto;font-size:.75rem;color:var(--text-2);max-width:45%}.events-count{flex:none;min-width:18px;padding:0 5px;border-radius:999px;background:var(--brand);color:#fff;font-size:.6875rem;font-weight:700;text-align:center;line-height:18px}.events-list{display:flex;flex-direction:column;gap:10px;min-width:min(520px,100%)}.event-card{padding:12px 14px;background:var(--chat);border:1px solid var(--border);border-left:3px solid var(--brand);border-radius:var(--radius-sm)}.event-card[data-started=true]{border-left-color:var(--success)}.event-when{display:flex;align-items:center;gap:8px;font-size:.8125rem;color:var(--brand-text);font-weight:600}.event-card[data-started=true] .event-when{color:var(--success)}.event-when .muted{display:inline-flex;align-items:center;gap:4px;font-weight:500}.event-title{margin:4px 0 0;font-size:1rem}.event-desc{margin:4px 0 0;color:var(--text-2);white-space:pre-line;overflow-wrap:anywhere}.event-people{display:flex;align-items:center;gap:8px;margin-top:8px}.event-avatars{display:inline-flex}.event-avatars>*{margin-right:-6px;outline:2px solid var(--chat);border-radius:50%}.event-actions{display:flex;align-items:center;gap:6px;margin-top:10px}.bot-badge{display:inline-block;margin-left:6px;padding:0 5px;border-radius:4px;background:var(--brand);color:#fff;font-size:.625rem;font-weight:700;line-height:16px;vertical-align:2px;letter-spacing:.04em}.webhook-form{max-width:520px}.webhook-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.webhook-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--chat);border:1px solid var(--border);border-radius:var(--radius-sm)}.webhook-main{flex:1;min-width:0;display:grid}html[data-wallpaper=true] .chat-scroll{background-image:linear-gradient(color-mix(in srgb,var(--chat) 72%,transparent),color-mix(in srgb,var(--chat) 72%,transparent)),var(--wallpaper);background-size:cover;background-position:center;background-attachment:fixed}.wallpaper-row{display:flex;align-items:center;gap:12px;margin-top:8px}.wallpaper-preview{width:160px;height:90px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--chat)}.wallpaper-empty{display:grid;place-items:center;color:var(--text-2)}.stage-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;min-height:0}.stage-split>.tile{min-height:0}@media(max-width:900px){.stage-split{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr)}}.highlights{display:flex;flex-direction:column;gap:12px;min-width:min(720px,100%)}.highlight-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.highlight-card{display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--chat);border:1px solid var(--border);border-radius:var(--radius-sm)}.highlight-card[data-rank="1"]{border-color:#d9a514}.highlight-media{position:relative}.highlight-medal{position:absolute;top:6px;left:6px;font-size:1.25rem;filter:drop-shadow(0 1px 2px rgb(0 0 0 / .6))}.highlight-meta{display:flex;align-items:center;gap:8px;min-width:0}.highlight-score{display:inline-flex;align-items:center;gap:3px;color:#d9a514;font-weight:600;font-size:.8125rem}.highlight-body{margin:0;color:var(--text-2);font-size:.875rem}.msg-thread{grid-column:2;justify-self:start;display:inline-flex;align-items:center;gap:4px;margin-top:2px;padding:2px 8px;border:1px solid var(--border);border-radius:999px;background:var(--chat);color:var(--brand-text);font:inherit;font-size:.8125rem;cursor:pointer}.msg-thread:hover{border-color:var(--brand)}.thread-panel{width:340px;display:flex;flex-direction:column;padding:0}.thread-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border)}.thread-head h3{margin:0;font-size:1rem}.thread-list{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:10px}.thread-msg{display:grid;grid-template-columns:28px 1fr;gap:8px}.thread-msg[data-root=true]{padding-bottom:10px;border-bottom:1px solid var(--border)}.thread-main{min-width:0}.thread-composer{display:flex;align-items:flex-end;gap:4px;padding:8px;border-top:1px solid var(--border)}.thread-composer textarea{flex:1;min-height:32px;max-height:160px;resize:none;border:0;background:var(--chat);border-radius:var(--radius-sm);padding:6px 8px}.slash-popover{position:fixed;z-index:60;display:flex;flex-direction:column;gap:2px;padding:6px;overflow-y:auto;background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius-md, 8px);box-shadow:var(--shadow);animation:tip-in .1s var(--ease)}.slash-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer}.slash-item[aria-selected=true],.slash-item:hover{background:color-mix(in srgb,var(--brand) 18%,transparent)}.slash-item:focus-visible{outline:2px solid var(--focus-ring, var(--brand));outline-offset:-2px}.slash-item-name{font-weight:600;font-family:var(--font-mono, ui-monospace, monospace)}.slash-item-desc{min-width:0;color:var(--text-2);font-size:.875rem}.slash-item-bot{display:inline-flex;align-items:center;color:var(--text-2);font-size:.75rem;white-space:nowrap}.slash-hint{margin:0;padding:0 12px 6px}.slash-hint code{font-family:var(--font-mono, ui-monospace, monospace)}.slash-hint[data-error=true]{color:var(--danger-text)}.slash-item .role-dot{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:50%;vertical-align:middle}.slash-item[data-kind=option] .slash-item-name,.slash-item[data-kind=value] .slash-item-name{font-family:inherit;font-weight:500}.member-timeout{display:inline-flex;align-items:center;flex:none;color:var(--text-2)}.ephemeral-list{display:flex;flex-direction:column;gap:6px;padding:0 16px 6px}.ephemeral-card{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;background:var(--elevated);border:1px solid var(--border);border-left:3px solid var(--brand);border-radius:var(--radius-sm)}.ephemeral-main{flex:1;min-width:0}.ephemeral-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:.875rem}.ephemeral-head .bot-badge{margin-left:0}.ephemeral-only{display:inline-flex;align-items:center;gap:4px;margin-left:auto;color:var(--text-2);font-size:.75rem}.ephemeral-body{margin-top:2px;overflow-wrap:anywhere}.ephemeral-thinking{display:inline-flex;align-items:center;gap:8px;color:var(--text-2);font-style:italic}.ephemeral-dots{display:inline-flex;gap:3px}.ephemeral-dots i{width:5px;height:5px;border-radius:50%;background:currentColor;animation:ephemeral-dot 1.2s ease-in-out infinite}.ephemeral-dots i:nth-child(2){animation-delay:.2s}.ephemeral-dots i:nth-child(3){animation-delay:.4s}@keyframes ephemeral-dot{0%,80%,to{opacity:.3}40%{opacity:1}}@media(prefers-reduced-motion:reduce){.slash-popover{animation:none}.ephemeral-dots i{animation:none;opacity:.6}}.embeds{grid-column:2;display:grid;gap:6px;margin-top:4px;min-width:0}.embed{--embed-color: var(--text-muted);display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"body thumb" "image image" "footer footer";gap:8px 12px;width:min(520px,100%);padding:10px 14px 10px 12px;border-left:4px solid var(--embed-color);border-radius:var(--radius-sm);background:var(--elevated);overflow-wrap:anywhere;white-space:normal;font-size:.875rem}.embed:not(:has(.embed-thumb)){grid-template-columns:minmax(0,1fr);grid-template-areas:"body" "image" "footer"}.embed-body{grid-area:body;display:grid;gap:6px;min-width:0}.embed-author{display:flex;align-items:center;gap:8px;font-weight:600;min-width:0}.embed-author img,.embed-footer img{width:20px;height:20px;flex:none;border-radius:50%;object-fit:cover}.embed-author a{color:inherit}.embed-title{font-size:1rem;font-weight:600;line-height:1.3}.embed-title a{color:var(--link)}.embed-desc,.embed-field-value{color:var(--text-2);white-space:pre-wrap}.embed-desc .md-h{margin-top:2px}.embed-fields{display:grid;gap:8px}.embed-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:8px}.embed-field{min-width:0}.embed-field-name{font-weight:600;margin-bottom:2px;color:var(--text)}.embed-thumb{grid-area:thumb;align-self:start;display:block;cursor:zoom-in}.embed-thumb img{width:80px;height:80px;display:block;object-fit:cover;border-radius:var(--radius-sm)}.embed-image{grid-area:image;display:block;justify-self:start;max-width:100%;cursor:zoom-in}.embed-image .chat-img{border-radius:var(--radius-sm)}.embed-footer{grid-area:footer;display:flex;align-items:center;gap:6px;min-width:0;font-size:.75rem;color:var(--text-muted)}.embed-footer img{width:16px;height:16px}.components{grid-column:2;display:grid;gap:6px;width:min(520px,100%);margin-top:6px;min-width:0}.component-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.component-btn{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-btn[aria-busy=true]{cursor:progress;opacity:.75}.component-link{text-decoration:none}.component-link[aria-disabled=true]{opacity:.5;cursor:not-allowed}.component-emoji{font-size:1rem;line-height:1}.component-spin{animation:component-spin .9s linear infinite}@keyframes component-spin{to{transform:rotate(360deg)}}.component-select{flex:1 1 240px;min-width:0;max-width:100%}.component-select .oc-select{min-height:34px;font-size:.875rem}.component-listbox{display:flex;flex-direction:column;overflow:hidden}.component-listbox ul{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.component-listbox-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;flex:none;margin-top:4px;padding:6px 4px 2px;border-top:1px solid var(--border);font-size:.75rem;color:var(--text-muted)}.component-option-dot{width:10px;height:10px;flex:none;border-radius:50%}.ephemeral-body .embeds,.ephemeral-body .components{margin-top:6px}.bot-modal-from{display:flex;align-items:center;gap:8px;margin:-4px 0 0}.bot-modal-from .bot-badge{margin-left:0}.bot-modal .oc-textarea{min-height:110px}@media(prefers-reduced-motion:reduce){.component-spin{animation:none}}.dm-call-split{display:grid;grid-template-rows:minmax(220px,42%) minmax(0,1fr);height:100%;min-height:0}.dm-call-split>.stage{min-height:0;border-bottom:1px solid var(--border)}.dm-call-split>.chat{min-height:0}.dm-call-bar{display:flex;align-items:center;gap:10px;padding:6px 12px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--brand) 12%,var(--chat));font-size:.875rem}.dm-call-people{list-style:none;margin:0;padding:0;display:flex}.dm-call-people li+li{margin-left:-6px}.member-checklist{display:grid;gap:8px}.member-checklist ul{list-style:none;margin:0;padding:0;max-height:260px;overflow:auto;display:grid;gap:4px}.member-checklist li{display:flex;align-items:center;gap:8px}.private-pick{display:grid;gap:12px}.role-checklist{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 16px}.role-checklist legend{margin-bottom:4px}.room-count{margin-left:auto;font-variant-numeric:tabular-nums}.call-timer{margin-left:auto;flex:none;color:var(--success, #3ba55d);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums}.call-timer+.room-count{margin-left:6px}.spotify-results{display:grid;gap:10px;max-height:min(360px,38vh);overflow:auto;padding:4px 0}.spotify-results h4{margin:0 0 4px;font-weight:600}.spotify-results ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}.spotify-row{display:flex;align-items:center;gap:10px;padding:4px 6px;border-radius:var(--radius-sm, 6px)}.spotify-row:hover{background:var(--hover, rgb(255 255 255 / .05))}.spotify-row>img,.spotify-cover-empty{width:40px;height:40px;border-radius:4px;object-fit:cover;flex:none;background:var(--sidebar, rgb(255 255 255 / .06))}.spotify-row-names,.music-meta-names{display:grid;min-width:0;flex:1}.spotify-credit{display:inline-flex;align-items:center;gap:6px;justify-self:start;padding:2px 0;border:0;background:none;color:var(--text-muted);cursor:pointer}.spotify-credit:hover{color:var(--text);text-decoration:underline}.music-meta{display:flex;align-items:center;gap:10px}.music-cover{width:48px;height:48px;border-radius:4px;object-fit:cover;flex:none}.music-queue-item[data-unavailable=true]{opacity:.6}.music-unavailable{color:var(--danger, #f87171)}.zoom-pan{position:absolute;inset:0;overflow:hidden}.zoom-layer{position:absolute;inset:0;transform-origin:0 0}.zoom-pan[data-zoomed=true]{cursor:grab;touch-action:none}.zoom-pan[data-zoomed=true]:active{cursor:grabbing}.zoom-pan[data-zoomed=true] .zoom-layer{will-change:transform}.zoom-chip{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:4px;padding:2px 4px 2px 10px;border-radius:999px;background:#000000a6;color:#fff;font-size:.8125rem;font-variant-numeric:tabular-nums}.zoom-chip .icon-btn{color:#fff}.dock-card{position:absolute;bottom:calc(100% + 10px);left:-4px;z-index:1300;width:300px;max-height:calc(100vh - 120px);overflow-y:auto;display:grid;gap:10px;animation:oc-pop var(--dur) var(--ease-out)}.dock-card-menu{list-style:none;margin:0;padding:4px;border-radius:var(--radius);background:#00000038}.dock-card-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:38px;padding:6px 10px;border:0;border-radius:var(--radius-sm);background:none;color:inherit;font:inherit;font-size:.875rem;text-align:left;cursor:pointer}.dock-card-menu button:hover,.dock-card-menu button:focus-visible{background:#ffffff14}.dock-card-menu .danger-text{color:var(--danger)}.dock-card-chevron{margin-left:auto}.dock-card-sub>ul{list-style:none;margin:0 0 4px 18px;padding:0 0 0 8px;border-left:1px solid rgb(255 255 255 / .12)}.dock-card-texts{display:grid;min-width:0}.dock-card-menu li+li:not(.dock-card-sub){border-top:1px solid rgb(255 255 255 / .05)}@media(prefers-reduced-motion:reduce){.dock-card{animation:none}}dialog.dialog:not(.dialog-fullscreen)::backdrop,.clips-page-backdrop,.clip-viewer-backdrop,.media-viewer{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media(prefers-reduced-transparency:reduce){dialog.dialog:not(.dialog-fullscreen)::backdrop,.clips-page-backdrop,.clip-viewer-backdrop,.media-viewer{backdrop-filter:none}dialog.dialog:not(.dialog-fullscreen)::backdrop,.clips-page-backdrop,.clip-viewer-backdrop{background-color:#000000bf}}.afk-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.shell[data-channels=hidden]{grid-template-columns:var(--rail-width) minmax(0,1fr) auto}.shell[data-channels=hidden] .rail{padding-bottom:8px}.rail-flyout{position:fixed;z-index:1400;width:260px;max-height:calc(100vh - 16px);display:flex;flex-direction:column;gap:8px;padding:10px;background:var(--elevated);border:1px solid var(--border);border-radius:calc(10px * var(--radius-scale, 1));box-shadow:0 8px 28px #00000073;animation:tip-in .1s var(--ease)}.rail-flyout-head{display:grid;gap:4px;min-width:0}.rail-flyout-server{color:var(--text-muted);font-size:.75rem;font-weight:600}.rail-flyout-channel{display:flex;align-items:center;gap:6px;min-width:0;color:var(--text);font-weight:700}.rail-flyout-members{display:grid;gap:2px;margin:0;padding:0;list-style:none;overflow-y:auto;min-height:0}.rail-flyout-member{display:flex;align-items:center;gap:8px;min-width:0;padding:4px 6px;border-radius:calc(6px * var(--radius-scale, 1));color:var(--text-2)}.rail-flyout-member>.truncate{flex:1}.rail-flyout-foot{display:flex;align-items:center;gap:4px;padding-top:8px;border-top:1px solid var(--border)}.rail-flyout-foot .icon-btn[data-off=true],.rail-flyout-leave:hover{color:var(--danger)}.rail-flyout-show{margin-left:auto;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border:0;border-radius:calc(6px * var(--radius-scale, 1));background:var(--interactive);color:var(--text);font-size:.8125rem;font-weight:600}.rail-flyout-show:hover{background:var(--interactive-hover, var(--brand))}.unread-bar{display:flex;align-items:center;gap:8px;margin:0 16px;padding:0 4px 0 12px;min-height:28px;border-radius:0 0 8px 8px;background:var(--brand);color:var(--text-on-brand);font-size:.8125rem;font-weight:600}.unread-bar button{border:0;background:none;color:inherit;font:inherit;cursor:pointer;border-radius:6px;padding:4px 8px}.unread-bar-jump{flex:1;text-align:start}.unread-bar-read{display:inline-flex;align-items:center;gap:4px}.unread-bar button:hover,.unread-bar button:focus-visible{background:#ffffff29}.unread-bar button:focus-visible{outline:2px solid var(--text-on-brand);outline-offset:-2px}.panel-resizer{position:absolute;z-index:30;top:32px;bottom:0;width:8px;cursor:col-resize;touch-action:none}.panel-resizer[data-panel=channels]{left:calc(var(--rail-width) + var(--sidebar-width, 300px) - 4px)}.panel-resizer[data-panel=members]{right:calc(var(--members-width, 240px) - 4px)}.panel-resizer:after{content:"";position:absolute;top:8px;bottom:8px;left:50%;width:2px;margin-left:-1px;border-radius:2px;background:var(--brand);opacity:0;transition:opacity var(--dur) var(--ease)}.panel-resizer:hover:after,.panel-resizer:focus-visible:after,html[data-resizing] .panel-resizer:after{opacity:.8}.panel-resizer:focus-visible{outline:none}html[data-resizing],html[data-resizing] *{cursor:col-resize!important;user-select:none!important}.thread-msg .pin-body{display:block;overflow:visible;-webkit-line-clamp:unset}.thread-title{margin:2px 0 4px;font-size:1rem;font-weight:700;line-height:1.3;overflow-wrap:anywhere}.emoji-panel-tabs{display:flex;gap:2px;padding:0 10px 6px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--border)}.emoji-panel-tabs button{flex:none;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:var(--radius-sm);background:none;font-size:1.125rem;line-height:1;cursor:pointer;filter:grayscale(.6);opacity:.8;transition:filter var(--dur) var(--ease),opacity var(--dur) var(--ease),background var(--dur) var(--ease)}.emoji-panel-tabs button:hover,.emoji-panel-tabs button:focus-visible{background:var(--interactive);filter:none;opacity:1}.emoji-panel-tab-server>*{width:20px;height:20px;border-radius:6px;overflow:hidden;font-size:.5rem}.emoji-panel-scroll{flex:1;min-height:0}.emoji-panel-scroll section{content-visibility:auto;contain-intrinsic-size:auto 240px}.emoji-panel-glyph{font-size:1.5rem;line-height:1;font-family:"Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}.emoji-panel-foot{margin:0;padding:6px 12px;border-top:1px solid var(--border);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.emoji-panel-foot:first-letter{text-transform:uppercase}.emoji-panel-head,.emoji-panel-tabs,.emoji-panel-foot{flex:none}.emoji-field{position:relative}.emoji-field textarea{padding-right:40px}.emoji-field-btn{position:absolute;right:6px;bottom:6px}.msg-edit.emoji-field .emoji-field-btn{bottom:auto;top:6px}.pc-bio-emoji{position:absolute;right:4px;top:4px;width:28px;height:28px}.pc-bio-editing textarea{padding-right:30px}.cat[data-drop-line]{position:relative}.cat[data-drop-line]:before{content:"";position:absolute;left:8px;right:8px;height:2px;border-radius:1px;background:var(--brand);pointer-events:none}.cat[data-drop-line=before]:before{top:-7px}.cat[data-drop-line=after]:before{bottom:-7px}.cat[data-dragging=true]{opacity:.4}.cat-header[draggable=true]{cursor:grab}.read-receipt{display:flex;align-items:center;gap:4px;margin:2px 0 0 56px;font-size:.75rem;color:var(--text-muted)}.read-receipt[data-seen=true]{color:var(--brand)}:where(button,a,summary,[role=button],[role=tab],[role=menuitem],[role=option],.channel-row,.member-row,.friend-row,.dock-action,.search-trigger,.oc-interactive){transition:background-color var(--dur) var(--ease),color var(--dur) var(--ease),border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),opacity var(--dur) var(--ease),transform var(--dur-fast) var(--ease)}:where(.icon-btn,.dock-action,.call-btn,.oc-btn,.close-circle):active:not(:disabled){transform:scale(.94)}:where(input,textarea,[contenteditable=true]){transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background-color var(--dur) var(--ease)}:focus-visible{transition:outline-offset var(--dur-fast) var(--ease)}dialog.dialog{opacity:0;transform:translateY(8px) scale(.97);transition:opacity var(--dur) var(--ease-in),transform var(--dur) var(--ease-in),overlay var(--dur) allow-discrete,display var(--dur) allow-discrete}dialog.dialog[open]{opacity:1;transform:none;transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out),overlay var(--dur-slow) allow-discrete,display var(--dur-slow) allow-discrete}@starting-style{dialog.dialog[open]{opacity:0;transform:translateY(8px) scale(.97)}}dialog.dialog-fullscreen,dialog.dialog-fullscreen[open]{transform-origin:50% 40%}@starting-style{dialog.dialog-fullscreen[open]{transform:scale(1.02)}}dialog.dialog::backdrop{background-color:#0000;transition:background-color var(--dur-slow) var(--ease),overlay var(--dur-slow) allow-discrete,display var(--dur-slow) allow-discrete}dialog.dialog[open]::backdrop{background-color:var(--overlay)}dialog.dialog-fullscreen[open]::backdrop{background-color:var(--chat)}@starting-style{dialog.dialog[open]::backdrop{background-color:#0000}}.menu,.context-menu,.profile-card,.oc-listbox{animation:oc-pop var(--dur) var(--ease-out);transform-origin:var(--oc-pop-origin, top left)}.menu-up{--oc-pop-origin: bottom left}@keyframes oc-pop{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:none}}.toast{animation:oc-slide-up var(--dur-slow) var(--ease-out)}@keyframes oc-slide-up{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.content>*,.settings-panel,.home-body{animation:oc-fade-in var(--dur-slow) var(--ease-out)}.msg{animation:oc-fade-in var(--dur) var(--ease-out)}.voice-dock{animation:oc-slide-up var(--dur-slow) var(--ease-out)}.tile{animation:oc-scale-in var(--dur-slow) var(--ease-out);transition:box-shadow var(--dur) var(--ease),outline-color var(--dur) var(--ease)}@keyframes oc-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes oc-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){:root:not([data-motion=full]) *,:root:not([data-motion=full]) *:before,:root:not([data-motion=full]) *:after,:root:not([data-motion=full]) ::backdrop{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root[data-motion=reduced] *,:root[data-motion=reduced] *:before,:root[data-motion=reduced] *:after,:root[data-motion=reduced] ::backdrop{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.slot{display:contents}.mobile-only,.mobile-scrim{display:none}@media(max-width:768px),(max-height:500px)and (pointer:coarse){:root{--nav-w: min( calc(100vw - 56px) , calc(var(--rail-width) + 300px));--drawer-dur: var(--dur-slow, .26s)}html,body,#root{height:100dvh;overscroll-behavior:none}.shell{display:block;position:relative;height:100dvh;overflow:hidden}.titlebar{display:none}.mobile-only{display:inline-flex}.content{position:absolute;inset:0;border:0;padding-bottom:env(safe-area-inset-bottom)}.chat-header{gap:8px;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.chat-topic,.home-header>.oc-icon,.chat-header>.oc-icon:not(.icon-btn .oc-icon){display:none}.mobile-nav-btn{margin-left:-4px}.rail,.sidebar,.dock{position:fixed;z-index:60;transform:translate(calc(-1 * var(--nav-w) - 24px));transition:transform var(--drawer-dur) var(--ease-out)}.rail{top:0;bottom:0;left:0;width:var(--rail-width);padding-top:max(12px,env(safe-area-inset-top));padding-left:env(safe-area-inset-left);box-sizing:content-box}.sidebar{top:0;bottom:0;left:calc(var(--rail-width) + env(safe-area-inset-left));width:calc(var(--nav-w) - var(--rail-width));border:0;border-radius:0 calc(12px * var(--radius-scale, 1)) calc(12px * var(--radius-scale, 1)) 0;padding-top:env(safe-area-inset-top)}.dock{left:calc(8px + env(safe-area-inset-left));bottom:calc(8px + env(safe-area-inset-bottom));width:calc(var(--nav-w) - 16px)}.shell[data-panel=nav] :is(.rail,.sidebar,.dock){transform:none}.rail{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.sidebar .sidebar-scroll{padding-bottom:calc(84px + env(safe-area-inset-bottom))}html[data-layout=vidro] .shell{--rail: var(--vidro-bg);--sidebar: color-mix(in srgb, var(--vidro-bg), #fff 4%);--chat: color-mix(in srgb, var(--vidro-bg), #fff 2%);--elevated: color-mix(in srgb, var(--vidro-bg), #fff 9%)}html[data-layout=vidro] .shell .content{background:var(--chat)}html[data-layout=vidro] .shell .members{background:var(--sidebar)}html[data-layout=vidro] .shell .dock{background:var(--elevated)}.members{display:block;position:fixed;top:0;right:0;bottom:0;z-index:60;width:min(85vw,320px);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);border:0;border-radius:calc(12px * var(--radius-scale, 1)) 0 0 calc(12px * var(--radius-scale, 1));overflow-y:auto;transform:translate(calc(100% + 24px));transition:transform var(--drawer-dur) var(--ease-out)}.shell[data-panel=members] .members{transform:none}.mobile-scrim{display:block;position:fixed;inset:0;z-index:55;padding:0;border:0;background:#0000008c;animation:oc-scrim-in var(--drawer-dur) var(--ease-out);-webkit-tap-highlight-color:transparent}@keyframes oc-scrim-in{0%{opacity:0}}.icon-btn{min-width:40px;min-height:40px}.channel-row,.member-row,.friend-row{min-height:40px}.msg:focus-within .msg-actions{opacity:1;pointer-events:auto}.msg{padding-left:12px;padding-right:12px}input,textarea,[contenteditable=true],.oc-input,.oc-textarea{font-size:16px}.composer{margin-left:8px;margin-right:8px;margin-bottom:max(8px,env(safe-area-inset-bottom))}.rail-li:has(a.rail-item),.download-block{display:none}.dialog:not(.dialog-fullscreen){max-width:calc(100vw - 16px)}.dialog-body{max-height:calc(100dvh - 32px)}.dialog-fullscreen{height:100dvh}.dialog-fullscreen .settings-layout{display:flex;flex-direction:column;height:100%;min-height:0;max-height:none;margin:0;flex:1;min-width:0;width:100%}.dialog-fullscreen .settings-nav{flex:none;display:flex;flex-direction:row;align-items:center;gap:4px;overflow-x:auto;min-width:0;margin-right:56px;padding:max(8px,env(safe-area-inset-top)) 8px 8px;border-right:0;border-bottom:1px solid var(--border);scrollbar-width:none}.dialog-fullscreen .settings-nav::-webkit-scrollbar{display:none}.dialog-fullscreen .settings-nav>*{width:auto;flex:none}.dialog-fullscreen .settings-nav :is(h2,h3,hr,.settings-nav-title,[role=separator]){display:none}.dialog-fullscreen .settings-nav [role=tablist]{display:flex;flex-direction:row;gap:4px}.dialog-fullscreen .settings-tab{white-space:nowrap}.dialog-fullscreen .settings-layout>:not(.settings-nav){flex:1;min-height:0;overflow-y:auto;padding:16px 16px calc(32px + env(safe-area-inset-bottom))}.fullscreen-close{top:max(6px,env(safe-area-inset-top));right:8px}.fullscreen-close>span{display:none}.stage-idle-header{position:absolute;top:0;left:0;right:0;z-index:2;background:transparent;border-bottom:0;box-shadow:none}.stage-header .stage-live-who,.stage-header .live-badge-q{display:none}.stage-grid{padding:8px 8px calc(84px + env(safe-area-inset-bottom))}.call-controls{left:50%;bottom:calc(10px + env(safe-area-inset-bottom));transform:translate(-50%);max-width:calc(100vw - 16px - env(safe-area-inset-left) - env(safe-area-inset-right));justify-content:center;gap:6px}.call-controls .call-group{gap:2px;padding:3px}.call-controls .call-btn{min-width:42px;height:42px;padding:0 8px}.call-controls .call-hangup{min-width:56px;height:46px}.call-controls .call-chevron,.call-controls .activities-btn,.call-controls .soundboard-btn,.call-controls .rec-btn,.call-fullscreen{display:none}.stage-focus{grid-template-rows:auto minmax(0,1fr);gap:10px;padding:8px 8px calc(76px + env(safe-area-inset-bottom))}.stage-focus>.tile,.stage-focus>.stage-split{aspect-ratio:16 / 9;max-height:60dvh;width:100%}.stage-split{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.strip-wrap{min-height:0;align-content:start}.stage-strip{flex-wrap:wrap;justify-content:flex-start;max-height:none;overflow-y:auto;width:100%}.stage-strip>li{flex:1 1 calc(50% - 4px);max-width:calc(50% - 4px)}.stage-strip .tile[data-compact=true]{width:100%;aspect-ratio:16 / 9;min-height:0}.stage-focus[data-strip=hidden] .stage-strip{max-height:0}.strip-toggle{top:-12px}.stage-focus>.tile .tile-actions,.stage-split .tile .tile-actions{display:flex}.toasts{left:8px;right:8px;bottom:calc(72px + env(safe-area-inset-bottom))}}@media(max-height:500px)and (pointer:coarse){.stage-focus{grid-template-rows:minmax(0,1fr) auto;gap:6px;padding-bottom:calc(68px + env(safe-area-inset-bottom))}.stage-focus>.tile,.stage-focus>.stage-split{aspect-ratio:auto;max-height:none;height:100%}.stage-split{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.stage-strip{flex-wrap:nowrap;justify-content:center;overflow-x:auto;overflow-y:hidden;max-height:72px}.stage-strip>li{flex:none;max-width:none}.stage-strip .tile[data-compact=true]{width:112px;height:64px;aspect-ratio:auto}}@media(max-width:768px)and (prefers-reduced-motion:reduce),(max-height:500px)and (pointer:coarse)and (prefers-reduced-motion:reduce){:root:not([data-motion=full]){--drawer-dur: 0ms}}@media(hover:none){.tooltip{display:none}}.rail-li[data-drop=before]:after,.rail-li[data-drop=after]:after{content:"";position:absolute;left:50%;width:40px;height:3px;margin-left:-20px;border-radius:2px;background:var(--brand);pointer-events:none}.rail-li[data-drop=before]:after{top:-6px}.rail-li[data-drop=after]:after{bottom:-6px}.rail-li[data-drop=into]>*>.rail-item,.rail-li[data-drop=into]>.rail-item{outline:2px solid var(--brand);outline-offset:2px;border-radius:calc(16px * var(--radius-scale, 1))}.rail-li[draggable=true]{-webkit-user-drag:element}.rail-item.rail-item:has(>.rail-folder-grid),.rail-item.rail-item:has(>.rail-folder-icon){background:color-mix(in srgb,var(--folder-color, var(--brand)) 22%,var(--sidebar));border-radius:calc(16px * var(--radius-scale, 1))}.rail-folder-grid{display:grid;grid-template-columns:repeat(2,16px);grid-auto-rows:16px;gap:4px}.rail-folder-cell{position:relative;width:16px;height:16px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:var(--elevated);font-size:.4375rem;font-weight:700;line-height:1}.rail-folder-cell>.server-icon-img{position:absolute;inset:0}.rail-folder-cell>.brand-mark-sm{width:12px;height:12px}.rail-folder-icon{color:var(--folder-color, var(--brand));display:grid;place-items:center}.rail-folder-card{display:block;max-width:220px;font-weight:700;white-space:normal}.rail-folder-open{position:relative;width:100%;list-style:none}.rail-folder-open:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:48px;margin-left:-24px;border-radius:calc(16px * var(--radius-scale, 1));background:color-mix(in srgb,var(--folder-color, var(--brand)) 14%,transparent);pointer-events:none}.rail-folder-list{position:relative}.folder-dialog{display:grid;gap:16px}.game-dock{flex-wrap:wrap}.recent-clips{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%}.recent-clip{display:grid;place-items:center;width:100%;aspect-ratio:16 / 9;padding:0;border:0;border-radius:var(--radius-sm);overflow:hidden;background:var(--interactive);color:var(--text-2)}.recent-clip img{width:100%;height:100%;object-fit:cover}button.recent-clip:hover,button.recent-clip:focus-visible{outline:2px solid var(--brand);outline-offset:1px}.recent-clip-empty{opacity:.5}.clip-viewer-backdrop{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:24px;background:var(--overlay)}.clip-viewer{width:min(1280px,100%);height:min(820px,100%);display:grid;grid-template-columns:minmax(0,1fr) 300px;border-radius:var(--radius);overflow:hidden;background:var(--chat);border:1px solid var(--border);box-shadow:0 24px 64px #0000008c}.clip-main{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;padding:16px;gap:12px}.clip-head{display:flex;align-items:center;gap:8px;min-width:0}.clip-back{transform:rotate(180deg)}.clip-titles{display:grid;min-width:0}.clip-titles h2{margin:0;font-size:1.125rem}.clip-sub{display:inline-flex;align-items:center;gap:6px}.clip-sub img{border-radius:3px}.clip-stage{display:grid;place-items:center;min-height:0;border-radius:var(--radius-sm);background:#000;overflow:hidden}.clip-stage video{max-width:100%;max-height:100%;cursor:pointer}.clip-timeline{display:grid;gap:6px;padding:10px 12px 12px;border-radius:var(--radius-sm);background:var(--sidebar)}.clip-controls{display:flex;align-items:center;gap:4px}.clip-time{font-variant-numeric:tabular-nums;min-width:140px}.clip-controls .clip-time:last-child{text-align:right}.clip-rewind{transform:scaleX(-1)}.clip-ruler{position:relative;height:14px;margin:0 8px;font-size:.6875rem;color:var(--text-muted)}.clip-ruler>span{position:absolute;transform:translate(2px)}.clip-track{position:relative;height:56px;margin:0 8px;cursor:pointer;touch-action:none}.clip-strip{position:absolute;inset:4px 0;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));border-radius:6px;overflow:hidden;background:var(--interactive)}.clip-strip img,.clip-strip span{width:100%;height:100%;object-fit:cover}.clip-out{position:absolute;top:4px;bottom:4px;background:#0009;pointer-events:none}.clip-sel{position:absolute;top:0;bottom:0;border:3px solid var(--brand);border-radius:8px;pointer-events:none}.clip-handle{position:absolute;top:0;bottom:0;width:14px;margin-left:-7px;border-radius:6px;background:var(--brand);cursor:ew-resize;touch-action:none}.clip-handle:after{content:"";position:absolute;inset:35% 5px;border-left:2px solid var(--text-on-brand)}.clip-handle:focus-visible{outline:2px solid var(--text);outline-offset:1px}.clip-playhead{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:var(--danger);pointer-events:none}.clip-side{display:flex;flex-direction:column;gap:10px;padding:12px 16px 16px;border-left:1px solid var(--border);background:var(--sidebar);min-height:0;overflow-y:auto}.clip-side-top{display:flex;align-items:center;gap:4px}.clip-side-title{margin:6px 0 0;font-size:.8125rem;font-weight:700;color:var(--text-2)}.clip-info{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--radius-sm);background:var(--chat);min-width:0}.clip-info img,.clip-info-ph{flex:none;width:64px;aspect-ratio:16 / 9;border-radius:4px;object-fit:cover;background:var(--interactive)}.clip-info-names{display:grid;min-width:0}.clip-actions{display:grid;gap:6px}.clip-actions>.oc-btn{justify-content:flex-start}@media(max-width:860px){.clip-viewer{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.clip-side{border-left:0;border-top:1px solid var(--border)}}.share-clip{display:grid;gap:10px}.share-list{list-style:none;margin:0;padding:0;max-height:280px;overflow-y:auto;display:grid;gap:2px}.share-list button{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;border:0;border-radius:var(--radius-sm);background:none;color:var(--text);text-align:left}.share-list button:hover,.share-list button:focus-visible,.share-list li[aria-selected=true] button{background:var(--interactive)}.share-names{display:grid;flex:1;min-width:0}.share-server-icon{flex:none;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;overflow:hidden;background:var(--interactive);font-size:.5625rem;font-weight:700}.share-server-icon img{width:100%;height:100%;object-fit:cover}.share-progress{height:6px;border-radius:999px;background:var(--interactive);overflow:hidden}.share-progress>span{display:block;height:100%;background:var(--brand);transition:width var(--dur) var(--ease)}.clip-audio{list-style:none;margin:0;padding:6px;display:grid;gap:2px;border-radius:var(--radius-sm);background:var(--chat)}.clip-audio>li{display:flex;align-items:center;gap:8px;padding:4px 4px 4px 8px;min-width:0}.clip-audio>li>.truncate{flex:1}.clip-audio .icon-btn[aria-pressed=true]{color:var(--danger-text)}.clips-page-backdrop{position:fixed;inset:0;z-index:1350;display:grid;place-items:center;padding:32px;background:var(--overlay)}.clips-page{width:min(1120px,100%);height:min(860px,100%);display:grid;grid-template-columns:64px minmax(0,1fr);overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg, 12px);background:var(--chat);box-shadow:var(--shadow)}.clips-rail{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 0;overflow-y:auto;background:var(--rail)}.clips-rail-item{display:grid;place-items:center;flex:none;width:40px;height:40px;overflow:hidden;border:2px solid transparent;border-radius:var(--radius);background:var(--sidebar);color:var(--text-2);cursor:pointer}.clips-rail-item img{width:100%;height:100%;object-fit:cover}.clips-rail-item:hover,.clips-rail-item:focus-visible{color:var(--text);border-color:var(--text-muted)}.clips-rail-item[aria-pressed=true]{color:var(--text);border-color:var(--brand)}.clips-rail-sep{width:28px;height:2px;border-radius:1px;background:var(--interactive)}.clips-main{display:flex;flex-direction:column;min-width:0;min-height:0}.clips-head{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--border)}.clips-head h2{margin:0;font-size:1rem}.clips-scroll{flex:1;min-height:0;overflow-y:auto;padding:18px 22px 28px}.clips-title{margin:0 0 14px;font-size:1.25rem}.clips-empty{display:grid;justify-items:center;gap:6px;padding:60px 20px;text-align:center;color:var(--text-muted)}.clips-group{margin-bottom:18px;padding:14px;border-radius:var(--radius-lg, 12px);background:var(--sidebar)}.clips-group-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.clips-group-icon{display:grid;place-items:center;width:34px;height:34px;overflow:hidden;border-radius:var(--radius-sm);background:var(--rail)}.clips-group-icon img{width:100%;height:100%;object-fit:cover}.clips-group-names{display:grid;min-width:0}.clips-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.clips-card{position:relative;display:block;width:100%;aspect-ratio:16 / 9;padding:0;overflow:hidden;border:0;border-radius:var(--radius);background:#000;color:#fff;cursor:pointer}.clips-card img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur) var(--ease)}.clips-card:hover img,.clips-card:focus-visible img{transform:scale(1.04)}.clips-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.clips-card-empty{display:grid;place-items:center;height:100%;color:var(--text-muted)}.clips-card-info{position:absolute;inset:auto 0 0;display:grid;gap:2px;padding:24px 10px 8px;background:linear-gradient(to top,rgb(0 0 0 / .8),transparent);text-align:left}.clips-card-title{display:flex;align-items:center;gap:6px;font-weight:600;font-size:.8125rem}.clips-card-meta{display:flex;justify-content:space-between;font-size:.75rem;opacity:.85;font-variant-numeric:tabular-nums}.clips-more{display:flex;justify-content:center;margin-top:12px}@media(max-width:720px){.clips-page-backdrop{padding:0}.clips-page{border-radius:0;grid-template-columns:56px minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.clips-card img{transition:none}}html[data-layout=vidro]{--font-display: "Sora Variable", var(--font);--vidro-bg: #06080d;--aurora-b: #7b6cff;--aurora-c: #39c6ff;--vidro-glass: rgb(255 255 255 / .055);--vidro-tint: rgb(8 10 16 / .5);--vidro-glass-2: rgb(255 255 255 / .09);--vidro-glass-3: rgb(255 255 255 / .14);--vidro-line: rgb(255 255 255 / .1);--vidro-ink: rgb(10 12 18 / .72);--light-angle: 135deg;--vidro-glass-stack: linear-gradient(rgb(255 255 255 / .07), rgb(255 255 255 / .03)) padding-box, linear-gradient(var(--vidro-tint), var(--vidro-tint)) padding-box, linear-gradient( var(--light-angle), rgb(255 255 255 / .34), rgb(255 255 255 / .06) 32%, rgb(255 255 255 / .03) 62%, rgb(255 255 255 / .16) ) border-box;--shadow: 0 30px 70px -20px rgb(0 0 0 / .75);--rail-width: 64px}html[data-layout=vidro],html[data-layout=vidro][data-theme][data-palette],html[data-layout=vidro][data-theme][data-surface]{--rail: rgb(10 12 18 / .74);--sidebar: var(--vidro-ink);--chat: rgb(14 17 24 / .55);--elevated: rgb(22 26 36 / .82);--interactive: var(--vidro-glass-2);--interactive-hover: var(--vidro-glass-3);--border: var(--vidro-line)}html[data-layout=vidro][data-surface=midnight]{--vidro-bg: #05070f;--aurora-b: #4d56fd;--aurora-c: #39c6ff}html[data-layout=vidro][data-surface=oled]{--vidro-bg: #000000;--vidro-ink: rgb(0 0 0 / .72);--aurora-b: #39c6ff;--aurora-c: #7b6cff}html[data-layout=vidro][data-palette=artico]{--vidro-bg: #0b1019;--vidro-ink: rgb(14 19 28 / .72);--aurora-b: #5fa8d3;--aurora-c: #8fbcbb}html[data-layout=vidro][data-palette=oceano]{--vidro-bg: #040b0f;--vidro-ink: rgb(8 18 22 / .72);--aurora-b: #1fb2c9;--aurora-c: #3d6bff}html[data-layout=vidro][data-palette=floresta]{--vidro-bg: #060c08;--vidro-ink: rgb(10 18 13 / .72);--aurora-b: #2fa36a;--aurora-c: #a9d35a}html[data-layout=vidro][data-palette=lavanda]{--vidro-bg: #090611;--vidro-ink: rgb(16 12 24 / .72);--aurora-b: #9b7bff;--aurora-c: #ff7ad9}html[data-layout=vidro][data-palette=rose]{--vidro-bg: #0d060a;--vidro-ink: rgb(22 12 18 / .72);--aurora-b: #ff5fa2;--aurora-c: #ff9f6e}html[data-layout=vidro][data-palette=brasa]{--vidro-bg: #0c0705;--vidro-ink: rgb(22 13 10 / .72);--aurora-b: #ff6a3d;--aurora-c: #ffc14d}html[data-layout=vidro][data-palette=cafe]{--vidro-bg: #0a0705;--vidro-ink: rgb(20 15 11 / .72);--aurora-b: #c58a4a;--aurora-c: #7a5cff}html[data-layout=vidro][data-palette=neon]{--vidro-bg: #020203;--vidro-ink: rgb(4 4 6 / .74);--aurora-b: #2ee6a6;--aurora-c: #ff2e88}html[data-layout=vidro][data-theme=light],html[data-layout=vidro][data-theme=light][data-palette]{--sidebar: var(--vidro-ink);--interactive: var(--vidro-glass-2);--interactive-hover: var(--vidro-glass-3);--border: var(--vidro-line);--vidro-bg: #dfe3ea;--vidro-glass: rgb(255 255 255 / .42);--vidro-tint: rgb(255 255 255 / .4);--vidro-glass-2: rgb(0 0 0 / .05);--vidro-glass-3: rgb(0 0 0 / .09);--vidro-line: rgb(0 0 0 / .08);--vidro-ink: rgb(255 255 255 / .58);--vidro-glass-stack: linear-gradient(rgb(255 255 255 / .5), rgb(255 255 255 / .3)) padding-box, linear-gradient(var(--vidro-tint), var(--vidro-tint)) padding-box, linear-gradient( var(--light-angle), rgb(255 255 255 / .9), rgb(255 255 255 / .4) 32%, rgb(255 255 255 / .3) 62%, rgb(255 255 255 / .7) ) border-box;--rail: rgb(255 255 255 / .5);--chat: rgb(255 255 255 / .38);--elevated: rgb(255 255 255 / .88);--shadow: 0 30px 70px -20px rgb(30 40 60 / .35);--aurora-b: #6cc7ff;--aurora-c: #9b7bff}html[data-layout=vidro][data-theme=light][data-palette=papel]{--vidro-bg: #e9e3d8;--aurora-b: #f0b27a;--aurora-c: #e0559b}html[data-layout=vidro][data-theme=light][data-palette=nevoa]{--vidro-bg: #dfe6f0;--aurora-b: #6cc7ff;--aurora-c: #9b7bff}html[data-layout=vidro][data-theme=light][data-palette=menta]{--vidro-bg: #dbe9e1;--aurora-b: #3fb27f;--aurora-c: #6cc7ff}html[data-layout=vidro] .vidro-shell{position:relative;display:grid;grid-template-rows:32px minmax(0,1fr);grid-template-columns:calc(var(--sidebar-width, 300px) + var(--rail-width)) minmax(0,1fr) auto;gap:12px;height:100%;padding:0 12px 12px;background:radial-gradient(60% 50% at 20% 30%,color-mix(in srgb,var(--aurora-b) 35%,transparent),transparent 70%),radial-gradient(50% 45% at 80% 70%,color-mix(in srgb,var(--aurora-c) 28%,transparent),transparent 70%),var(--vidro-bg);overflow:hidden}html[data-layout=vidro] .vidro-backdrop-host{position:absolute;inset:0;z-index:0}html[data-layout=vidro] .vidro-backdrop{position:absolute;inset:0;width:100%;height:100%;display:block;transition:opacity .4s var(--ease);background:radial-gradient(60% 50% at 20% 30%,color-mix(in srgb,var(--aurora-b) 35%,transparent),transparent 70%),radial-gradient(50% 45% at 80% 70%,color-mix(in srgb,var(--aurora-c) 28%,transparent),transparent 70%),var(--vidro-bg)}html[data-layout=vidro] .titlebar{grid-column:1 / -1;position:relative;z-index:2;background:transparent}html[data-layout=vidro] .vidro-panel{position:relative;z-index:1;min-height:0;min-width:0;border:0;border-radius:20px;background:transparent;overflow:clip;isolation:isolate;animation:vidro-fade-in .48s var(--ease-out) backwards;animation-delay:calc(var(--i, 0) * 80ms)}html[data-layout=vidro] .vidro-panel:before,html[data-layout=vidro] .vidro-float:before{content:"";position:absolute;inset:0;z-index:-1;border:1px solid transparent;border-radius:inherit;background:var(--vidro-glass-stack);backdrop-filter:blur(28px) saturate(1.55);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #00000040,0 30px 60px -28px #000c;pointer-events:none}@keyframes vidro-fade-in{0%{opacity:0}}html[data-layout=vidro] .vidro-main{display:flex;flex-direction:column}html[data-layout=vidro] .vidro-view{display:flex;flex-direction:column;flex:1;min-height:0;animation:vidro-fade .2s var(--ease-out) backwards}@keyframes vidro-fade{0%{opacity:0;transform:translate3d(0,6px,0)}}html[data-layout=vidro] .vidro-side{display:flex;min-width:0}html[data-layout=vidro] .vidro-side>*{min-width:0}html[data-layout=vidro] .vidro-nav{grid-column:1;grid-row:2}html[data-layout=vidro] .vidro-main{grid-column:2;grid-row:2;border-top:1px solid transparent}html[data-layout=vidro] .vidro-side{grid-column:3;grid-row:2}html[data-layout=vidro] .vidro-nav{display:grid;grid-template-columns:var(--rail-width) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}html[data-layout=vidro] .vidro-nav>.rail{grid-column:1;grid-row:1 / 3;background:transparent;border-right:1px solid var(--vidro-line);padding:14px 0 12px}html[data-layout=vidro] .vidro-nav>.sidebar{grid-column:2;grid-row:1;background:transparent;border:0;border-radius:0}html[data-layout=vidro] .vidro-nav>.sidebar .sidebar-scroll{padding-bottom:8px}html[data-layout=vidro] .vidro-nav>.dock{position:static;grid-column:2;grid-row:2;width:auto;background:transparent;border:0;border-top:1px solid var(--vidro-line);border-radius:0;box-shadow:none}html[data-layout=vidro] .content{background:transparent}html[data-layout=vidro] .sidebar-header,html[data-layout=vidro] .chat-header{border-bottom:1px solid var(--vidro-line);background:transparent;box-shadow:none}html[data-layout=vidro] .members{background:transparent;width:var(--members-width, 260px)}html[data-layout=vidro] .thread-panel{width:340px}html[data-layout=vidro] .chat-header h2,html[data-layout=vidro] .server-name,html[data-layout=vidro] .chat-start h3,html[data-layout=vidro] .stage-idle h2,html[data-layout=vidro] .home h1,html[data-layout=vidro] .home h2,html[data-layout=vidro] .dialog h2,html[data-layout=vidro] .settings-section-title,html[data-layout=vidro] .event-title,html[data-layout=vidro] .user-dock-names strong{font-family:var(--font-display);letter-spacing:-.012em}html[data-layout=vidro] .chat-header h2{font-weight:600;font-size:1.0625rem}html[data-layout=vidro] .cat-header,html[data-layout=vidro] .members-title,html[data-layout=vidro] .friends-panel-title{font-family:var(--font-display);letter-spacing:.02em}html[data-layout=vidro] .rail-item{background:var(--vidro-glass-2);box-shadow:inset 0 1px #ffffff1f;transition:border-radius var(--dur) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}html[data-layout=vidro] .rail-item:hover{background:var(--vidro-glass-3)}html[data-layout=vidro] .rail-item[aria-current=page]{box-shadow:inset 0 1px #ffffff2e,0 0 0 2px color-mix(in srgb,var(--brand) 70%,transparent),0 0 24px color-mix(in srgb,var(--brand) 45%,transparent)}html[data-layout=vidro] .channel-row:hover{background:var(--vidro-glass-2)}html[data-layout=vidro] .channel-row[aria-current=page]{background:var(--vidro-glass-3);box-shadow:inset 0 1px #ffffff1f}html[data-layout=vidro] .composer{background:var(--vidro-glass-2);border:1px solid var(--vidro-line);box-shadow:inset 0 1px #ffffff14;border-radius:min(calc(14px * var(--radius-scale, 1)),18px)}html[data-layout=vidro] .composer:focus-within{border-color:color-mix(in srgb,var(--brand) 60%,var(--vidro-line));box-shadow:inset 0 1px #ffffff1a,0 0 0 1px color-mix(in srgb,var(--brand) 35%,transparent)}html[data-layout=vidro] .msg:hover{background:#ffffff09}html[data-layout=vidro] .icon-btn:hover{background:var(--vidro-glass-2)}html[data-layout=vidro] .oc-btn-secondary{background:var(--vidro-glass-2);border:1px solid var(--vidro-line);box-shadow:inset 0 1px #ffffff1a}html[data-layout=vidro] .oc-btn-secondary:hover:not(:disabled){background:var(--vidro-glass-3)}html[data-layout=vidro] .oc-btn-primary{box-shadow:inset 0 1px #ffffff38,0 8px 24px -8px color-mix(in srgb,var(--brand) 70%,transparent)}html[data-layout=vidro] .menu,html[data-layout=vidro] .pins-panel,html[data-layout=vidro] .tooltip,html[data-layout=vidro] .toast,html[data-layout=vidro] .gif-picker,html[data-layout=vidro] .emoji-panel,html[data-layout=vidro] .oc-color-panel,html[data-layout=vidro] .clips-page,html[data-layout=vidro] .dock-card{background:var(--elevated);backdrop-filter:blur(30px) saturate(1.5);border:1px solid var(--vidro-line);box-shadow:inset 0 1px #ffffff1a,0 30px 70px -20px #000000bf}html[data-layout=vidro] .dialog-body,html[data-layout=vidro] .context-menu,html[data-layout=vidro] .clip-viewer,html[data-layout=vidro] .profile-card,html[data-layout=vidro] .soundboard,html[data-layout=vidro] .music-player{isolation:isolate;background:transparent;border:1px solid var(--vidro-line);box-shadow:0 30px 70px -20px #000c}html[data-layout=vidro] .dialog-body,html[data-layout=vidro] .clip-viewer{position:relative}html[data-layout=vidro] .dialog-body:before,html[data-layout=vidro] .context-menu:before,html[data-layout=vidro] .clip-viewer:before,html[data-layout=vidro] .profile-card:before,html[data-layout=vidro] .soundboard:before,html[data-layout=vidro] .music-player:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--elevated);backdrop-filter:blur(30px) saturate(1.5);box-shadow:inset 0 1px #ffffff1a;pointer-events:none}html[data-layout=vidro] .dialog-backdrop{background:#00000059;backdrop-filter:blur(6px)}html[data-layout=vidro] .tile{background:var(--vidro-glass);border:1px solid var(--vidro-line)}html[data-layout=vidro] .tile[data-speaking=true]{outline:none;box-shadow:inset 0 0 0 2px var(--speaking),0 0 32px color-mix(in srgb,var(--speaking) 45%,transparent)}html[data-layout=vidro] .tile[data-speaking=true]:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 2px var(--speaking),inset 0 0 28px color-mix(in srgb,var(--speaking) 30%,transparent);animation:vidro-speaking 1.6s ease-in-out infinite}html[data-layout=vidro] .auth{background:radial-gradient(60% 50% at 20% 30%,color-mix(in srgb,var(--aurora-b) 35%,transparent),transparent 70%),radial-gradient(50% 45% at 80% 70%,color-mix(in srgb,var(--aurora-c) 28%,transparent),transparent 70%),var(--vidro-bg)}html[data-layout=vidro] .auth-card{background:var(--vidro-glass);backdrop-filter:blur(28px) saturate(1.5);border:1px solid var(--vidro-line);box-shadow:inset 0 1px #ffffff1f,0 30px 70px -20px #000c;border-radius:20px}html[data-layout=vidro] ::-webkit-scrollbar{width:8px;height:8px}html[data-layout=vidro] ::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:8px;border:2px solid transparent;background-clip:padding-box}html[data-layout=vidro] ::-webkit-scrollbar-track{background:transparent}@media(prefers-reduced-motion:reduce){html[data-layout=vidro] .vidro-panel,html[data-layout=vidro] .vidro-view{animation:none}html[data-layout=vidro] .vidro-panel:before,html[data-layout=vidro] .vidro-float:before{backdrop-filter:none}}html[data-layout=vidro]{--vidro-card: linear-gradient(rgb(255 255 255 / .07), rgb(255 255 255 / .035)) padding-box, linear-gradient(var(--vidro-tint), var(--vidro-tint)) padding-box;--vidro-card-edge: inset 0 1px 0 rgb(255 255 255 / .12), 0 10px 30px -18px rgb(0 0 0 / .7)}html[data-layout=vidro] .home,html[data-layout=vidro] .home-body,html[data-layout=vidro] .activity,html[data-layout=vidro] .friends-panel,html[data-layout=vidro] .dm-profile,html[data-layout=vidro] .settings-nav,html[data-layout=vidro] .settings-panel,html[data-layout=vidro] .stage,html[data-layout=vidro] .chat-scroll{background:transparent}html[data-layout=vidro] .activity{border-left:1px solid var(--vidro-line)}html[data-layout=vidro] .now-card,html[data-layout=vidro] .timeline-card,html[data-layout=vidro] .event-card,html[data-layout=vidro] .pin-item,html[data-layout=vidro] .webhook-item,html[data-layout=vidro] .highlight-card,html[data-layout=vidro] .attachment-file,html[data-layout=vidro] .voice-note,html[data-layout=vidro] .upload-chip,html[data-layout=vidro] .clip-card,html[data-layout=vidro] .invite-card,html[data-layout=vidro] .dm-profile-section{padding:10px 12px;border-radius:var(--radius);background:var(--vidro-card);border:1px solid var(--vidro-line);box-shadow:var(--vidro-card-edge)}html[data-layout=vidro] .now-card:hover,html[data-layout=vidro] .now-card:focus-within,html[data-layout=vidro] .highlight-card:hover{border-color:color-mix(in srgb,var(--brand) 55%,var(--vidro-line));box-shadow:var(--vidro-card-edge),0 0 24px -8px color-mix(in srgb,var(--brand) 50%,transparent)}html[data-layout=vidro] .tabs{padding:3px;gap:2px;border-radius:min(calc(12px * var(--radius-scale, 1)),16px);background:#00000038;box-shadow:inset 0 1px #0000004d}html[data-layout=vidro] .tab{border-radius:min(calc(9px * var(--radius-scale, 1)),13px)}html[data-layout=vidro] .tab:hover{background:var(--vidro-glass-2)}html[data-layout=vidro] .tab[aria-selected=true]{background:var(--vidro-glass-3);box-shadow:inset 0 1px #ffffff29;color:var(--text)}html[data-layout=vidro] .tab-accent{box-shadow:inset 0 1px #ffffff40}html[data-layout=vidro] .settings-tab[aria-selected=true],html[data-layout=vidro] .settings-tab[aria-current=page]{background:var(--vidro-glass-3);box-shadow:inset 0 1px #ffffff1f}html[data-layout=vidro] .friend-row{border-top:1px solid var(--vidro-line)}html[data-layout=vidro] .friend-row:hover,html[data-layout=vidro] .member-row:hover,html[data-layout=vidro] .dm-row:hover,html[data-layout=vidro] .friends-panel-row:hover{background:var(--vidro-glass-2)}html[data-layout=vidro] .dm-row[aria-current=page],html[data-layout=vidro] .member-row[aria-current=page]{background:var(--vidro-glass-3);box-shadow:inset 0 1px #ffffff1f}html[data-layout=vidro] .search-trigger,html[data-layout=vidro] .oc-input,html[data-layout=vidro] .oc-textarea,html[data-layout=vidro] .oc-select-trigger,html[data-layout=vidro] .keybind-capture{background:#0000003d;border:1px solid var(--vidro-line);box-shadow:inset 0 1px #00000040}html[data-layout=vidro] .search-trigger:hover{background:#0000004d;border-color:#ffffff2e}html[data-layout=vidro] .round-btn,html[data-layout=vidro] .call-btn,html[data-layout=vidro] .reaction,html[data-layout=vidro] .chip{background:var(--vidro-glass-2);border:1px solid var(--vidro-line);box-shadow:inset 0 1px #ffffff1a}html[data-layout=vidro] .round-btn:hover,html[data-layout=vidro] .call-btn:hover:not(:disabled),html[data-layout=vidro] .reaction:hover{background:var(--vidro-glass-3)}html[data-layout=vidro] .reaction[aria-pressed=true]{background:color-mix(in srgb,var(--brand) 35%,var(--vidro-glass-2));border-color:color-mix(in srgb,var(--brand) 60%,transparent)}html[data-layout=vidro] .call-btn[aria-pressed=true]:not([data-off]){background:var(--vidro-glass-3)}html[data-layout=vidro] .live-pill{box-shadow:0 0 14px color-mix(in srgb,var(--danger) 60%,transparent)}html[data-layout=vidro] .oc-listbox,html[data-layout=vidro] .popover,html[data-layout=vidro] .emoji-picker{background:var(--elevated);backdrop-filter:blur(30px) saturate(1.5);border:1px solid var(--vidro-line);box-shadow:inset 0 1px #ffffff1f,0 30px 70px -20px #000c}html[data-layout=vidro] .dialog-header{border-bottom:1px solid var(--vidro-line)}html[data-layout=vidro] .dialog-actions{border-top:1px solid var(--vidro-line)}html[data-layout=vidro] .menu button:hover,html[data-layout=vidro] .menu button:focus-visible{background:color-mix(in srgb,var(--brand) 70%,transparent)}html[data-layout=vidro] .context-menu{padding:6px;border-radius:calc(12px * var(--radius-scale, 1))}html[data-layout=vidro] .context-item{border-radius:calc(8px * var(--radius-scale, 1));transition:background var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}html[data-layout=vidro] .context-item:hover:not(:disabled),html[data-layout=vidro] .context-item:focus-visible{background:color-mix(in srgb,var(--brand) 18%,rgb(255 255 255 / .08));box-shadow:inset 0 0 0 1px #ffffff1a;color:var(--text)}html[data-layout=vidro] .context-danger:hover:not(:disabled),html[data-layout=vidro] .context-danger:focus-visible{background:color-mix(in srgb,var(--danger) 30%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--danger) 45%,transparent);color:#fff}html[data-layout=vidro] .context-menu [role=separator]{background:var(--vidro-line)}html[data-layout=vidro] [aria-checked=true]>.context-check{background:color-mix(in srgb,var(--brand) 75%,transparent)}html[data-layout=vidro] .voice-dock{border-bottom:1px solid var(--vidro-line)}html[data-layout=vidro] .stage-idle:before,html[data-layout=vidro] .stage-idle:after{opacity:.5}html[data-layout=vidro] .header-divider,html[data-layout=vidro] .friends-panel-head,html[data-layout=vidro] .members-title{border-color:var(--vidro-line)}html[data-layout=vidro] .list-title,html[data-layout=vidro] .activity h2,html[data-layout=vidro] .friend-title{font-family:var(--font-display)}html[data-layout=vidro] .dialog-fullscreen::backdrop{background:#06080d4d}html[data-layout=vidro] .dialog-fullscreen .dialog-body,html[data-layout=vidro] .fullscreen-body{background:transparent;box-shadow:none}html[data-layout=vidro] .settings-tab:hover{background:var(--vidro-glass-2)}html[data-layout=vidro] .oc-option{border-radius:min(calc(8px * var(--radius-scale, 1)),12px);transition:background var(--dur-fast) var(--ease)}html[data-layout=vidro] .oc-option:hover,html[data-layout=vidro] .oc-option-active{background:var(--vidro-glass-2)}html[data-layout=vidro] .oc-option[aria-selected=true]{background:color-mix(in srgb,var(--brand) 32%,var(--vidro-glass-2))}html[data-layout=vidro] .oc-slider-track,html[data-layout=vidro] .oc-switch-track{background:#0000004d}html[data-layout=vidro] .dialog-fullscreen{background:#06080d66;backdrop-filter:blur(14px) saturate(1.3)}html[data-layout=vidro] .oc-radiogroup-cards .oc-radio{background:var(--vidro-card);border:1px solid var(--vidro-line);box-shadow:var(--vidro-card-edge)}html[data-layout=vidro] .oc-radiogroup-cards .oc-radio:has(input:checked){border-color:color-mix(in srgb,var(--brand) 65%,var(--vidro-line));box-shadow:var(--vidro-card-edge),0 0 20px -6px color-mix(in srgb,var(--brand) 55%,transparent)}html[data-layout=vidro][data-wallpaper=true] .vidro-main:before{background:var(--vidro-glass-stack),var(--wallpaper) center / cover no-repeat padding-box}html[data-layout=vidro][data-wallpaper=true] .chat-scroll{background:transparent}html[data-layout=vidro] .webhook-item,html[data-layout=vidro] .pin-item,html[data-layout=vidro] .event-card,html[data-layout=vidro] .highlight-card,html[data-layout=vidro] .timeline-card,html[data-layout=vidro] .now-card{border-radius:min(calc(10px * var(--radius-scale, 1)),16px)}html[data-layout=vidro] .call-controls{gap:10px;padding:8px;border-radius:999px;background:linear-gradient(#ffffff14,#ffffff08) padding-box,linear-gradient(#080a109e,#080a109e) padding-box,linear-gradient(var(--light-angle),rgb(255 255 255 / .32),rgb(255 255 255 / .05) 40%,rgb(255 255 255 / .14)) border-box;border:1px solid transparent;backdrop-filter:blur(24px) saturate(1.5);box-shadow:inset 0 1px #ffffff1a,0 24px 50px -24px #000000e6}html[data-layout=vidro] .call-group{gap:6px;padding:0;border:0;background:transparent}html[data-layout=vidro] .call-group+.call-group{padding-left:10px;border-left:1px solid var(--vidro-line)}html[data-layout=vidro] .call-btn{width:44px;height:44px;min-width:44px;padding:0;border-radius:50%;background:var(--vidro-glass-2);border:1px solid var(--vidro-line);box-shadow:inset 0 1px #ffffff1f;transition:background var(--dur-fast) var(--ease),box-shadow var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}html[data-layout=vidro] .call-btn:hover:not(:disabled){background:var(--vidro-glass-3);transform:translateY(-1px)}html[data-layout=vidro] .call-btn.call-chevron{width:26px;min-width:26px;margin-left:-6px;border-radius:0 999px 999px 0;border-left:0}html[data-layout=vidro] .call-btn:has(+.call-chevron){border-radius:999px 0 0 999px}html[data-layout=vidro] .call-btn[data-off=true]{background:color-mix(in srgb,var(--danger) 32%,var(--vidro-glass-2));border-color:color-mix(in srgb,var(--danger) 55%,transparent);color:#fff}html[data-layout=vidro] .call-btn[aria-pressed=true]:not([data-off]){background:color-mix(in srgb,var(--brand) 42%,var(--vidro-glass-2));border-color:color-mix(in srgb,var(--brand) 65%,transparent);color:#fff;box-shadow:inset 0 1px #fff3,0 0 18px -4px color-mix(in srgb,var(--brand) 60%,transparent)}html[data-layout=vidro] .call-btn.call-hangup{width:auto;min-width:64px;padding:0 18px;border-radius:999px;background:color-mix(in srgb,var(--danger) 78%,transparent);border-color:color-mix(in srgb,var(--danger) 80%,#fff 10%);box-shadow:inset 0 1px #ffffff40,0 0 22px -4px color-mix(in srgb,var(--danger) 70%,transparent)}html[data-layout=vidro] .call-btn.call-hangup:hover:not(:disabled){background:var(--danger)}html[data-layout=vidro] .call-btn.call-fullscreen{background:var(--vidro-glass-2);border:1px solid var(--vidro-line);backdrop-filter:blur(16px)}html[data-layout=vidro] .music-pill{border-radius:999px;background:#080a109e;backdrop-filter:blur(24px) saturate(1.5);border:1px solid var(--vidro-line);box-shadow:inset 0 1px #ffffff1a,0 24px 50px -24px #000000e6}html[data-layout=vidro] .music-pill .oc-btn{border-radius:999px}html[data-layout=vidro],html[data-layout=vidro] body,html[data-layout=vidro] #root{height:100%;overflow:hidden}html[data-layout=vidro]{--vidro-spring: cubic-bezier(.2, .9, .25, 1.15)}@keyframes vidro-pop{0%{opacity:0;transform:translateY(-6px) scale(.94)}}@keyframes vidro-pop-up{0%{opacity:0;transform:translateY(8px) scale(.94)}}@keyframes vidro-dialog{0%{opacity:0;transform:translateY(10px) scale(.965)}}@keyframes vidro-toast{0%{opacity:0;transform:translate(24px)}}@keyframes vidro-msg{0%{opacity:0;transform:translateY(6px)}}@keyframes vidro-tile{0%{opacity:0;transform:scale(.96)}}@keyframes vidro-glow{0%,to{box-shadow:0 0 color-mix(in srgb,var(--danger) 55%,transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb,var(--danger) 0%,transparent)}}@keyframes vidro-speaking{0%,to{opacity:.3}50%{opacity:1}}html[data-layout=vidro] .context-menu{transform-origin:top left;animation:vidro-pop .18s var(--vidro-spring) backwards}html[data-layout=vidro] .context-menu[data-side=left]{transform-origin:top right}html[data-layout=vidro] .pins-panel,html[data-layout=vidro] .oc-listbox,html[data-layout=vidro] .profile-card,html[data-layout=vidro] .tooltip{transform-origin:top center;animation:vidro-pop .18s var(--vidro-spring) backwards}html[data-layout=vidro] .menu-up,html[data-layout=vidro] .music-player,html[data-layout=vidro] .soundboard{transform-origin:bottom center;animation:vidro-pop-up .2s var(--vidro-spring) backwards}html[data-layout=vidro] .dialog:not(.dialog-fullscreen) .dialog-body{animation:vidro-dialog .24s var(--vidro-spring) backwards}html[data-layout=vidro] .dialog-fullscreen .fullscreen-body{animation:vidro-msg .22s var(--ease-out) backwards}html[data-layout=vidro] .toast{animation:vidro-toast .26s var(--vidro-spring) backwards}html[data-layout=vidro] .msg{animation:vidro-msg .2s var(--ease-out) backwards}html[data-layout=vidro] .tile,html[data-layout=vidro] .now-card,html[data-layout=vidro] .event-card,html[data-layout=vidro] .highlight-card,html[data-layout=vidro] .timeline-card{animation:vidro-tile .26s var(--ease-out) backwards}html[data-layout=vidro] .rail-item{transition:transform var(--dur) var(--vidro-spring),border-radius var(--dur) var(--ease),background var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}html[data-layout=vidro] .rail-item:hover{transform:scale(1.08)}html[data-layout=vidro] .rail-item:active{transform:scale(.96)}html[data-layout=vidro] .channel-row,html[data-layout=vidro] .member-row,html[data-layout=vidro] .friend-row,html[data-layout=vidro] .dm-row,html[data-layout=vidro] .friends-panel-row{transition:background var(--dur-fast) var(--ease),transform var(--dur) var(--vidro-spring)}html[data-layout=vidro] .channel-row:hover,html[data-layout=vidro] .member-row:hover,html[data-layout=vidro] .friend-row:hover,html[data-layout=vidro] .dm-row:hover,html[data-layout=vidro] .friends-panel-row:hover{transform:translate(3px)}html[data-layout=vidro] .icon-btn,html[data-layout=vidro] .oc-btn,html[data-layout=vidro] .round-btn,html[data-layout=vidro] .tab,html[data-layout=vidro] .reaction{transition:background var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),transform var(--dur) var(--vidro-spring),box-shadow var(--dur) var(--ease)}html[data-layout=vidro] .icon-btn:active,html[data-layout=vidro] .oc-btn:active:not(:disabled),html[data-layout=vidro] .round-btn:active,html[data-layout=vidro] .call-btn:active:not(:disabled),html[data-layout=vidro] .reaction:active{transform:scale(.94)}html[data-layout=vidro] .oc-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px #ffffff40,0 10px 28px -8px color-mix(in srgb,var(--brand) 80%,transparent)}html[data-layout=vidro] .live-pill{animation:vidro-glow 2.4s ease-in-out infinite}html[data-layout=vidro] .composer,html[data-layout=vidro] .oc-input,html[data-layout=vidro] .oc-textarea{transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease),background var(--dur) var(--ease)}html[data-layout=vidro] .cat-toggle .oc-icon{transition:transform var(--dur) var(--vidro-spring)}@media(prefers-reduced-motion:reduce){html[data-layout=vidro] .context-menu,html[data-layout=vidro] .pins-panel,html[data-layout=vidro] .oc-listbox,html[data-layout=vidro] .profile-card,html[data-layout=vidro] .tooltip,html[data-layout=vidro] .menu-up,html[data-layout=vidro] .music-player,html[data-layout=vidro] .soundboard,html[data-layout=vidro] .dialog-body,html[data-layout=vidro] .fullscreen-body,html[data-layout=vidro] .toast,html[data-layout=vidro] .msg,html[data-layout=vidro] .tile,html[data-layout=vidro] .now-card,html[data-layout=vidro] .event-card,html[data-layout=vidro] .highlight-card,html[data-layout=vidro] .timeline-card,html[data-layout=vidro] .live-pill,html[data-layout=vidro] .tile[data-speaking=true]:after{animation:none}html[data-layout=vidro] .rail-item:hover,html[data-layout=vidro] .channel-row:hover,html[data-layout=vidro] .member-row:hover,html[data-layout=vidro] .friend-row:hover,html[data-layout=vidro] .dm-row:hover,html[data-layout=vidro] .friends-panel-row:hover{transform:none}}html[data-layout=vidro] .settings-panel{padding:4px 4px 24px 20px;display:flex;flex-direction:column;gap:12px}html[data-layout=vidro] .settings-section,html[data-layout=vidro] .settings-section:first-child,html[data-layout=vidro] .settings-section:last-child{padding:16px 18px;border:1px solid var(--vidro-line);border-radius:min(calc(14px * var(--radius-scale, 1)),18px);background:var(--vidro-card);box-shadow:var(--vidro-card-edge)}html[data-layout=vidro] .settings-section-title{font-family:var(--font-display);font-size:.8125rem;letter-spacing:.04em;color:var(--text-2)}html[data-layout=vidro] .settings-kv{padding:10px 12px;border-radius:min(calc(10px * var(--radius-scale, 1)),14px);background:#0000002e;border:1px solid rgb(255 255 255 / .06)}html[data-layout=vidro] .keybind{padding:8px 0;border-top:1px solid var(--vidro-line)}html[data-layout=vidro] .keybind:first-of-type{border-top:0}html[data-layout=vidro] .keybind-capture{border-radius:999px;padding:6px 14px;background:#0000003d;border:1px solid var(--vidro-line);box-shadow:inset 0 1px #00000040}html[data-layout=vidro] .keybind-capture:hover{border-color:#fff3}html[data-layout=vidro] .mic-test,html[data-layout=vidro] .font-importer{background:transparent;border:0;box-shadow:none;padding:0}html[data-layout=vidro] .mic-meter{border-radius:999px;background:#0000004d}html[data-layout=vidro] .settings-tab[aria-selected=true],html[data-layout=vidro] .settings-tab[aria-current=page]{border-radius:min(calc(10px * var(--radius-scale, 1)),14px)}html[data-layout=vidro] .home-header,html[data-layout=vidro] .chat-header.home-header{background:transparent;border-bottom:1px solid var(--vidro-line)}html[data-layout=vidro] .home .oc-input{background:#0003}html[data-layout=vidro] .list-title{color:var(--text-2)}html[data-layout=vidro] .dialog[open]:not(:modal){position:fixed;inset:0;margin:auto;z-index:1000}html[data-layout=vidro] .embed{background:var(--vidro-card);border:1px solid var(--vidro-line);border-left:4px solid var(--embed-color);box-shadow:var(--vidro-card-edge)}html[data-layout=vidro] .profile-card[data-themed=true]:before{background:linear-gradient(180deg,color-mix(in srgb,var(--pc-a) 88%,transparent),color-mix(in srgb,var(--pc-b) 88%,transparent))}html[data-layout=vidro] .clips-page-backdrop,html[data-layout=vidro] .clip-viewer-backdrop{backdrop-filter:blur(6px)}html[data-layout=vidro] .vidro-shell[data-channels=hidden]{grid-template-columns:var(--rail-width) minmax(0,1fr) auto}html[data-layout=vidro] .vidro-shell[data-channels=hidden] .vidro-nav{grid-template-columns:var(--rail-width)}html[data-layout=vidro] .vidro-shell[data-channels=hidden] .vidro-nav>.rail{border-right:0}html[data-layout=vidro]{--liquid-sheen: linear-gradient( 150deg, rgb(255 255 255 / .13), rgb(255 255 255 / .04) 28%, rgb(255 255 255 / 0) 55%, rgb(255 255 255 / .05) 100% );--liquid-tint: rgb(16 19 27 / .5);--liquid-float: rgb(18 21 30 / .62);--liquid-rim: inset 0 1px 0 rgb(255 255 255 / .28), inset 1px 0 0 rgb(255 255 255 / .1), inset 0 -1px 0 rgb(255 255 255 / .07), inset -1px 0 0 rgb(255 255 255 / .04), inset 0 0 24px rgb(255 255 255 / .035);--liquid-line: rgb(255 255 255 / .14);--liquid-field: rgb(255 255 255 / .045);--liquid-field-edge: inset 0 1px 2px rgb(0 0 0 / .25), inset 0 -1px 0 rgb(255 255 255 / .06)}html[data-layout=vidro][data-theme=light],html[data-layout=vidro][data-theme=light][data-palette]{--liquid-sheen: linear-gradient( 150deg, rgb(255 255 255 / .7), rgb(255 255 255 / .25) 30%, rgb(255 255 255 / .1) 60%, rgb(255 255 255 / .35) );--liquid-tint: rgb(255 255 255 / .35);--liquid-float: rgb(255 255 255 / .62);--liquid-rim: inset 0 1px 0 rgb(255 255 255 / .9), inset 1px 0 0 rgb(255 255 255 / .5), inset 0 -1px 0 rgb(0 0 0 / .05), inset 0 0 24px rgb(255 255 255 / .25);--liquid-line: rgb(0 0 0 / .08);--liquid-field: rgb(255 255 255 / .45);--liquid-field-edge: inset 0 1px 2px rgb(0 0 0 / .08)}html[data-layout=vidro] .settings-section,html[data-layout=vidro] .settings-section:first-child,html[data-layout=vidro] .settings-section:last-child{background:var(--liquid-sheen),var(--liquid-tint);border-color:var(--liquid-line);box-shadow:var(--liquid-rim),0 14px 34px -20px #000000bf}html[data-layout=vidro] .settings-section :is(.oc-input,.oc-textarea,.oc-select-trigger),html[data-layout=vidro] .settings-kv,html[data-layout=vidro] .security-devices li{background:var(--liquid-field);border-color:var(--liquid-line);box-shadow:var(--liquid-field-edge)}html[data-layout=vidro] .settings-section :is(.oc-input,.oc-textarea):focus{background:color-mix(in srgb,var(--brand) 6%,var(--liquid-field))}html[data-layout=vidro] :is(.dialog-body,.context-menu,.profile-card):before{background:var(--liquid-sheen),var(--liquid-float);backdrop-filter:blur(28px) saturate(1.8) brightness(1.05);box-shadow:var(--liquid-rim)}html[data-layout=vidro] :is(.dialog-body,.context-menu,.profile-card){border-color:var(--liquid-line)}html[data-layout=vidro] :is(.menu,.tooltip,.toast,.pins-panel,.oc-listbox){background:var(--liquid-sheen),var(--liquid-float);backdrop-filter:blur(28px) saturate(1.8) brightness(1.05);border:1px solid var(--liquid-line);box-shadow:var(--liquid-rim),0 18px 44px -18px #000000b3}html[data-layout=vidro] .tooltip{border-radius:calc(10px * var(--radius-scale, 1))}html[data-layout=vidro] .panel-resizer[data-panel=channels]{left:calc(12px + var(--rail-width) + var(--sidebar-width, 300px) + 1px);bottom:12px;width:10px}html[data-layout=vidro] .panel-resizer[data-panel=members]{right:calc(12px + var(--members-width, 260px) + 1px);bottom:12px;width:10px}html[data-layout=vidro] :is(.tooltip-left,.tooltip-right):before{display:none}.forum{flex:1;display:flex;flex-direction:column;min-height:0}.forum-body{flex:1;min-height:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.forum-new{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;background:var(--bg-2, var(--interactive));border:1px solid var(--border, transparent)}.forum-new .form-actions{display:flex;justify-content:flex-end;gap:8px}.forum-slowmode{display:inline-flex;align-items:center;gap:6px;margin:0}.forum-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.forum-post{width:100%;display:flex;flex-direction:column;gap:4px;text-align:start;padding:12px 14px;border-radius:12px;border:1px solid var(--border, transparent);background:var(--bg-2, var(--interactive));color:var(--text);font:inherit;cursor:pointer;transition:background-color var(--dur-fast, .15s) var(--ease, ease)}.forum-post:hover,.forum-post[aria-current=true]{background:var(--interactive)}.forum-post:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.forum-post-title{font-weight:700;font-size:1rem;overflow-wrap:anywhere}.forum-post-excerpt{color:var(--text-2, var(--text-muted));font-size:.875rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.forum-post-meta{display:flex;align-items:center;gap:6px;min-width:0;font-size:.75rem;color:var(--text-muted)}.forum-post-meta>span{display:inline-flex;align-items:center;gap:4px}.forum-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 16px;color:var(--text-muted);text-align:center}.forum-more{display:flex;justify-content:center}@media(prefers-reduced-motion:reduce){.forum-post{transition:none}}.settings-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:0;min-height:min(560px,70vh);max-height:75vh;margin:-4px -4px 0}.settings-nav{display:flex;flex-direction:column;justify-content:space-between;gap:8px;padding:4px 8px 4px 4px;border-right:1px solid var(--border);overflow-y:auto}.settings-nav [role=tablist]{display:flex;flex-direction:column;gap:2px}.settings-group{margin:14px 10px 4px;font-size:.6875rem;font-weight:700;letter-spacing:.02em;color:var(--text-muted)}.settings-group:first-child{margin-top:4px}.settings-tab{all:unset;box-sizing:border-box;display:block;width:100%;padding:6px 10px;border-radius:var(--radius-sm, 4px);color:var(--text-2);font-size:.875rem;line-height:1.3;cursor:pointer;transition:background-color var(--dur) ease,color var(--dur) ease}.settings-tab:hover{background:var(--interactive);color:var(--text)}.settings-tab[aria-selected=true]{background:var(--interactive);color:var(--text);font-weight:600}.settings-tab:focus-visible{outline:2px solid var(--focus-ring, var(--brand));outline-offset:-2px}.settings-panel{min-width:0;overflow-y:auto;padding:4px 4px 16px 20px}.settings-panel:focus-visible{outline:2px solid var(--focus-ring, var(--brand));outline-offset:-2px}.settings-section{padding:12px 0;border-bottom:1px solid var(--border)}.settings-section:first-child{padding-top:0}.settings-section:last-child{border-bottom:0}.settings-section>*+*{margin-top:8px}.settings-section-title{margin:0 0 8px;font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text-2)}.settings-desc{margin:0 0 8px}.settings-panel .sr-only,.settings-layout .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.settings-kv{display:grid;grid-template-columns:max-content 1fr;gap:4px 16px;margin:0 0 12px;font-size:.875rem}.settings-kv dt{color:var(--text-muted)}.settings-kv dd{margin:0;color:var(--text);overflow-wrap:anywhere}.mic-test-row{display:flex;align-items:center;gap:12px}.mic-meter{position:relative;flex:1;height:8px;border-radius:calc(4px * var(--radius-scale, 1));background:var(--interactive);overflow:hidden}.mic-meter-bar{height:100%;width:0%;background:var(--text-muted)}.mic-meter-bar[data-active=true]{background:var(--success, var(--brand))}.mic-meter-threshold{position:absolute;top:-2px;bottom:-2px;width:2px;margin-left:-1px;background:var(--text)}.mic-meter-value{min-width:52px;text-align:right;font-variant-numeric:tabular-nums}.keybind{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:6px 0}.keybind-label{font-size:.875rem}.keybind-controls{display:flex;align-items:center;gap:8px}.keybind .form-error{grid-column:1 / -1;margin:0}.keybind-capture{min-width:180px;padding:5px 10px;border:1px solid var(--border);border-radius:var(--radius-sm, 4px);background:var(--sidebar);color:var(--text);font:inherit;text-align:left;cursor:pointer}.keybind-capture kbd{font-family:var(--font-mono, monospace);font-size:.8125rem}.keybind-capture[data-recording=true]{border-color:var(--danger);color:var(--danger-text, var(--text))}.inline-form{display:flex;align-items:flex-end;gap:8px}.inline-form .oc-field{flex:1;min-width:0}.split{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;min-height:100%}.split-list{display:flex;flex-direction:column;gap:8px;min-width:0}.split-list .inline-form{align-items:center}.split-detail{min-width:0}.pick-list,.admin-list{list-style:none;margin:0;padding:0}.pick-item{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:8px;width:100%;padding:5px 8px;border-radius:var(--radius-sm, 4px);color:var(--text-2);font-size:.875rem;cursor:pointer}.pick-item:hover,.pick-item[aria-pressed=true]{background:var(--interactive);color:var(--text)}.pick-item:focus-visible{outline:2px solid var(--focus-ring, var(--brand));outline-offset:-2px}.role-dot{flex:none;width:10px;height:10px;border-radius:50%}.truncate{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perm-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2px 16px;margin:0;padding:8px 0 0;border:0;border-top:1px solid var(--border)}.perm-list legend{padding:0 0 4px;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-2)}.admin-row{padding:6px 0;border-bottom:1px solid var(--border)}.admin-row:last-child{border-bottom:0}.admin-row-main{display:flex;align-items:center;gap:12px}.admin-row-text{display:flex;flex-direction:column;min-width:0;flex:0 1 200px}.admin-row-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.admin-row-text.ban-meta{flex:1 1 240px}.chips{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-width:0}.chip{display:inline-flex;align-items:center;gap:4px;padding:1px 8px 1px 6px;border-radius:calc(10px * var(--radius-scale, 1));background:var(--interactive);color:var(--text-2);font-size:.75rem}.role-check-label{display:inline-flex;align-items:center;gap:8px}.role-checks{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0 16px;margin:6px 0 2px;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm, 4px);background:var(--sidebar)}.icon-btn.danger:hover,.icon-btn.danger:focus-visible{color:var(--danger-text, var(--danger))}.channel-form{display:flex;align-items:center;gap:8px}.channel-form>.oc-icon{color:var(--text-muted);flex:none}.channel-form .oc-field{flex:0 1 200px;min-width:0}.channel-form .channel-topic{flex:1 1 auto}.invite-created{display:flex;align-items:center;gap:8px}.invite-created .invite-code{padding:5px 10px;border-radius:var(--radius-sm, 4px);background:var(--sidebar);border:1px solid var(--border);font-family:var(--font-mono, monospace);user-select:all}.invite-created .btn{display:inline-flex;align-items:center;gap:4px}.admin-table{width:100%;border-collapse:collapse;font-size:.8125rem}.admin-table th{padding:4px 8px;text-align:left;font-size:.6875rem;font-weight:700;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border)}.admin-table td{padding:5px 8px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.admin-table tr:last-child td{border-bottom:0}.admin-table .cell-actions{text-align:right}.admin-table .nowrap{white-space:nowrap}@media(max-width:720px){.settings-layout,.split{grid-template-columns:1fr}.settings-nav{border-right:0;border-bottom:1px solid var(--border)}.settings-panel{padding-left:4px}}.font-importer{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.font-import-form{align-self:stretch;display:flex;flex-direction:column;gap:8px}.font-import-actions{display:flex;justify-content:flex-end;gap:8px}.font-list{align-self:stretch;margin:0;padding:0;list-style:none;border:1px solid var(--border);border-radius:var(--radius)}.font-list li{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 12px;min-height:44px}.font-list li+li{border-top:1px solid var(--border)}.font-list li>:first-child{flex:1;font-size:16px}.sound-volume{display:flex;align-items:flex-end;gap:12px}.sound-volume>:first-child{flex:1}.update-check{display:grid;justify-items:start;gap:8px;margin-top:16px}.update-check p{margin:0}.avatar-picker{display:flex;align-items:center;gap:16px;margin-bottom:16px}.avatar-picker-actions{display:grid;gap:6px;min-width:0}.avatar-picker-buttons{display:flex;gap:8px}.avatar-picker .form-error{margin:0}.settings-restart{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding:10px 12px;border-radius:calc(8px * var(--radius-scale, 1));background:color-mix(in srgb,var(--brand) 12%,transparent)}.games-now{display:flex;align-items:center;gap:8px;margin:8px 0 0;color:var(--text-2)}.games-custom{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:4px}.games-custom>li{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--radius-sm);background:var(--sidebar);min-width:0}.games-custom>li>.truncate{flex:1}.games-add{display:grid;gap:10px}.games-add-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.games-outputs{display:grid;gap:8px;margin:10px 0 0;padding:0;border:0;min-width:0}.games-outputs legend{padding:0;font-weight:600;margin-bottom:4px}.games-clip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:10px 0}.games-folder{display:flex;align-items:flex-end;gap:8px;margin-top:10px}.games-folder>:first-child{flex:1;min-width:0}.theme-gallery{display:grid;gap:14px}.theme-group{display:grid;gap:8px}.theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:10px}.theme-card{display:grid;gap:8px;padding:6px 6px 8px;border:1px solid var(--border);border-radius:calc(10px * var(--radius-scale, 1));background:var(--sidebar);color:var(--text-2);text-align:left;cursor:pointer;transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.theme-card:hover{border-color:var(--text-muted);transform:translateY(-1px)}.theme-card[aria-checked=true]{border-color:var(--brand);color:var(--text);box-shadow:0 0 0 1px var(--brand)}.theme-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.theme-preview{display:grid;grid-template-columns:22% 1fr;height:64px;border-radius:calc(7px * var(--radius-scale, 1));overflow:hidden;background:var(--p-chat);position:relative}.theme-preview:after{content:"";position:absolute;inset:0;background:radial-gradient(70% 70% at 85% 20%,color-mix(in srgb,var(--p-glow) 55%,transparent),transparent 70%);pointer-events:none}.theme-preview-rail{background:var(--p-rail)}.theme-preview-chat{display:grid;align-content:end;gap:5px;padding:8px;position:relative;z-index:1}.theme-preview-line{height:5px;width:80%;border-radius:3px;background:color-mix(in srgb,var(--p-text) 55%,transparent)}.theme-preview-line.short{width:50%;background:color-mix(in srgb,var(--p-text) 30%,transparent)}.theme-preview-btn{height:9px;width:34%;border-radius:4px;background:var(--p-accent)}.theme-card-text{display:grid;gap:1px;padding:0 2px}.theme-card-name{font-weight:600;font-size:.875rem}.bots-toolbar{display:flex;align-items:center;gap:12px}.bots-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.bots-item{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--chat);border:1px solid var(--border);border-radius:var(--radius-sm)}.bots-main{flex:1;min-width:0;display:grid;gap:2px}.bots-meta{display:flex;flex-wrap:wrap;gap:4px 10px}.bots-tag{padding:0 6px;border-radius:999px;border:1px solid var(--border);background:var(--elevated)}.bots-warning{display:flex;align-items:center;gap:6px;margin:0;color:var(--warning, #f0b232);font-weight:600}.bots-secret{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.bots-token,.bots-id{flex:1;min-width:0;padding:8px 10px;background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-mono, ui-monospace, monospace);font-size:.8125rem;overflow-wrap:anywhere;user-select:all}.bots-id{flex-basis:100%}.bots-dir{max-height:40vh;overflow-y:auto}.bots-byid{display:flex;align-items:flex-end;gap:8px;padding-top:8px;border-top:1px solid var(--border)}.bots-byid>.oc-field{flex:1;min-width:0}.mod-cases{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}.mod-case{display:grid;gap:8px;padding:12px;border:1px solid var(--border);border-radius:calc(10px * var(--radius-scale, 1));background:var(--elevated)}.mod-case-head{display:flex;align-items:center;gap:10px;min-width:0}.mod-badge{flex:none;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;background:var(--interactive);color:var(--text-2)}.mod-badge[data-kind=pending]{background:color-mix(in srgb,#e3b341 22%,transparent);color:#e3b341}.mod-badge[data-kind=blocked],.mod-badge[data-kind=rejected]{background:color-mix(in srgb,var(--danger, #e5484d) 18%,transparent);color:var(--danger, #e5484d)}.mod-badge[data-kind=approved]{background:color-mix(in srgb,#3fb27f 18%,transparent);color:#3fb27f}.mod-case-reason{margin:0;display:flex;gap:6px;align-items:flex-start;color:var(--text-2);font-size:.875rem}.mod-case-body{margin:0;padding:8px 10px;border-left:3px solid var(--border);white-space:pre-wrap;word-break:break-word;max-height:160px;overflow:auto}.mod-thumbs{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.mod-thumbs img,.mod-thumbs video{display:block;max-width:220px;max-height:160px;border-radius:calc(6px * var(--radius-scale, 1));object-fit:cover}.mod-file{display:inline-flex;align-items:center;gap:4px}.mod-case-actions{justify-content:flex-start}.mod-reject{gap:8px}.sound-previews{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.badge-pick{list-style:none;margin:0;padding:0;display:grid;gap:6px}.badge-form{display:grid;gap:14px}.badge-preview{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius);background:var(--sidebar);font-weight:600}.badge-icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:6px}.badge-icon-option{display:grid;place-items:center;height:40px;border:1px solid var(--border);border-radius:var(--radius);background:var(--sidebar);color:var(--text-2);cursor:pointer}.badge-icon-option:hover,.badge-icon-option:focus-visible{color:var(--text);border-color:var(--text-muted)}.badge-icon-option[aria-checked=true]{color:var(--text);border-color:var(--brand);background:color-mix(in srgb,var(--brand) 16%,var(--sidebar))}.badge-upload{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.badge-pick-label{display:inline-flex;align-items:center;gap:8px}.admin-notice-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.875rem}.security-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.security-status{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--text-muted)}.security-status[data-on=true]{color:var(--success, #3fb27f)}.security-qr{display:grid;place-items:center;padding:12px;border-radius:var(--radius);background:#fff;width:fit-content;margin:0 auto}.security-secret{user-select:all;word-break:break-all}.security-codes{list-style:none;margin:0;padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px;border-radius:var(--radius);background:var(--sidebar);font-family:var(--font-mono)}.security-devices{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}.security-devices li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius);background:var(--sidebar)}.security-device-names{display:grid;min-width:0}.security-device-names strong{display:flex;align-items:center;gap:8px}.profile-editor{display:grid;grid-template-columns:240px minmax(0,360px);gap:24px;align-items:start}.profile-editor-controls{display:grid;gap:20px;min-width:0}.profile-editor-controls h3{margin:0 0 8px;font-size:.875rem}.profile-editor-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px}.profile-hex{width:150px}.profile-recent{display:grid;gap:6px;margin-top:8px}.profile-recent>div{display:flex;flex-wrap:wrap;gap:6px}.profile-recent-item{padding:2px;border:2px solid transparent;border-radius:50%;background:none;cursor:pointer}.profile-recent-item:hover,.profile-recent-item:focus-visible{border-color:var(--text-muted)}.profile-recent-item[aria-pressed=true]{border-color:var(--brand)}.profile-bio-count{display:block;text-align:right}.profile-editor-preview{position:sticky;top:0;display:grid;gap:6px}.profile-preview{padding:16px;border-radius:var(--radius);background:var(--rail);box-shadow:var(--shadow);overflow:hidden}.profile-editor-bar{position:sticky;bottom:12px;grid-column:1 / -1;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius);background:var(--elevated);box-shadow:var(--shadow);animation:oc-pop var(--dur) var(--ease-out)}@media(max-width:860px){.profile-editor{grid-template-columns:minmax(0,1fr)}.profile-editor-preview{position:static;order:-1}}@media(prefers-reduced-motion:reduce){.profile-editor-bar{animation:none}}.profile-tile{position:relative;display:grid;place-items:center;width:100%;border:1px solid var(--border);border-radius:var(--radius);background:var(--sidebar);color:inherit;cursor:pointer;overflow:hidden}.profile-tile-avatar{height:104px}.profile-tile-banner{height:80px;background:var(--pc-a, var(--sidebar))}.profile-tile-banner img{width:100%;height:100%;object-fit:cover}.profile-tile-edit{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#0009;color:#fff}.profile-tile:hover,.profile-tile:focus-visible{border-color:var(--text-muted)}.image-source{display:grid;gap:18px}.image-source-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.image-source-tile{display:grid;justify-items:center;align-content:center;gap:6px;min-height:150px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--sidebar);color:inherit;text-align:center;cursor:pointer}.image-source-tile:hover,.image-source-tile:focus-visible{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,var(--sidebar))}.image-source-gif .gif-btn-label{height:26px;padding:0 7px;font-size:.8125rem}.image-source-recent{display:grid;gap:2px}.image-source-recent>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.profile-colors{display:grid;gap:10px;margin-bottom:6px}.profile-featured{display:grid;gap:4px;margin-top:6px}.profile-featured-item{display:flex;align-items:center;gap:8px;min-width:0;padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--sidebar);color:inherit;text-align:left;cursor:pointer}.profile-featured-item[aria-pressed=true]{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 14%,var(--sidebar))}.profile-featured-item:disabled{opacity:.5;cursor:not-allowed}.admin-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px;margin-bottom:8px}.admin-filters>*{min-width:180px}.admin-filters>.admin-filter-grow{flex:1;min-width:220px}.admin-table-wrap{overflow-x:auto}.admin-cell-user{display:flex;align-items:center;gap:8px;min-width:0}.admin-cell-names{display:flex;flex-direction:column;min-width:0}.admin-table tr[data-spent=true] td{color:var(--text-muted)}.members-table .chips{flex-wrap:wrap}.admin-pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px}.keyword-add{display:flex;align-items:flex-end;gap:8px}.keyword-add>:first-child{flex:1}.keyword-list{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:10px 0 0;padding:0}.keyword-chip{display:inline-flex;align-items:center;gap:2px;padding:2px 2px 2px 10px;border-radius:999px;background:var(--interactive);font-size:.8125rem}.keyword-chip .icon-btn{width:22px;height:22px}.settings-rows{list-style:none;margin:0;padding:0;display:grid;gap:6px}.settings-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;background:var(--bg-secondary, rgb(255 255 255 / .03))}.settings-row-main{flex:1;min-width:0;display:flex;flex-direction:column}.adm-dialog .fullscreen-body{display:flex}.adm-shell{flex:1;display:grid;grid-template-columns:248px minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;height:100%;overflow:hidden;position:relative}.adm-side{display:flex;flex-direction:column;gap:16px;min-height:0;padding:18px 12px 12px;background:var(--sidebar);border-right:1px solid var(--border)}.adm-brand{display:flex;align-items:center;gap:10px;padding:2px 8px 6px}.adm-brand-text{display:grid;line-height:1.2}.adm-brand-text strong{color:var(--text);font-size:.9375rem}.adm-brand-text span{color:var(--text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.adm-nav{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:grid;align-content:start;gap:14px;scrollbar-width:thin}.adm-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}.adm-nav-label{margin:0 0 4px;padding:0 10px;color:var(--text-muted);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.adm-nav-item{display:flex;align-items:center;gap:10px;width:100%;height:36px;padding:0 10px;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-2);font:inherit;font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.adm-nav-item:hover{background:var(--interactive);color:var(--text)}.adm-nav-item[aria-current=page]{background:color-mix(in srgb,var(--brand) 18%,transparent);color:var(--text);font-weight:650}.adm-nav-item[aria-current=page] .oc-icon{color:var(--brand-text)}.adm-nav-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.adm-nav-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-nav-count{min-width:22px;padding:1px 7px;border-radius:999px;background:var(--interactive);color:var(--text-2);font-size:.6875rem;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}.adm-nav-count[data-tone=warning]{background:var(--warning);color:#1a1204}.adm-side-foot{display:grid;gap:10px;padding-top:12px;border-top:1px solid var(--border)}.adm-side-status{display:flex;align-items:center;gap:8px;margin:0;padding:0 8px;color:var(--text-2);font-size:.75rem;font-weight:600;font-variant-numeric:tabular-nums}.adm-me{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--radius-sm);background:var(--interactive);min-width:0}.adm-me-text{display:grid;min-width:0;line-height:1.25}.adm-me-text strong{color:var(--text);font-size:.8125rem}.adm-main{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--chat)}.adm-top{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px clamp(16px,3vw,32px) 16px;border-bottom:1px solid var(--border)}.adm-top-titles{min-width:0}.adm-crumb{margin:0 0 2px;color:var(--text-muted);font-size:.75rem;font-weight:600}.adm-top h2{margin:0;color:var(--text);font-size:1.5rem;font-weight:800;line-height:1.2;letter-spacing:-.01em}.adm-top-desc{margin:4px 0 0;max-width:72ch}.adm-top-actions{display:flex;align-items:center;gap:10px}.adm-close{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid var(--border);border-radius:50%;background:transparent;color:var(--text-2);cursor:pointer;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.adm-close:hover{background:var(--interactive);color:var(--text)}.adm-close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.adm-content{position:relative;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;container-type:inline-size}.adm-content-inner{max-width:1440px;margin:0 auto;padding:20px clamp(16px,3vw,32px) 48px}.adm-stack{display:grid;gap:16px;align-content:start;min-width:0}.adm-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.adm-grid>*{grid-column:span 12;min-width:0}.adm-grid>.adm-span-3{grid-column:span 3}.adm-grid>.adm-span-4{grid-column:span 4}.adm-grid>.adm-span-6{grid-column:span 6}.adm-grid>.adm-span-8{grid-column:span 8}@container (max-width: 1100px){.adm-grid>.adm-span-3{grid-column:span 6}.adm-grid>.adm-span-4{grid-column:span 6}.adm-grid>.adm-span-8,.adm-grid>.adm-span-6{grid-column:span 12}}@container (max-width: 680px){.adm-grid>.adm-span-3,.adm-grid>.adm-span-4{grid-column:span 12}}.adm-card{display:flex;flex-direction:column;gap:14px;min-width:0;padding:16px 18px;border:1px solid var(--border);border-radius:calc(12px * var(--radius-scale, 1));background:var(--elevated)}.adm-card-flush{padding:0;gap:0;overflow:hidden}.adm-card-flush>.adm-card-head{padding:14px 18px 12px;border-bottom:1px solid var(--border)}.adm-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.adm-card-titles{flex:1;min-width:0}.adm-card-titles h3{margin:0;color:var(--text);font-size:.9375rem;font-weight:700}.adm-card-titles p{margin:2px 0 0}.adm-card-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.adm-pad{padding:16px 18px}.adm-kpis{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}@container (min-width: 1000px){.adm-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.adm-kpis:has(>:nth-child(5):last-child){grid-template-columns:repeat(5,minmax(0,1fr))}.adm-kpis:has(>:nth-child(6):last-child){grid-template-columns:repeat(6,minmax(0,1fr))}}@container (min-width: 1000px) and (max-width: 1240px){.adm-kpis:has(>:nth-child(6):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}.adm-kpi-li{display:flex;min-width:0}.adm-kpi{display:grid;gap:6px;align-content:start;width:100%;min-width:0;padding:14px 16px;border:1px solid var(--border);border-radius:calc(12px * var(--radius-scale, 1));background:var(--elevated);color:inherit;font:inherit;text-align:left}button.adm-kpi{cursor:pointer;transition:background-color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}button.adm-kpi:hover{border-color:color-mix(in srgb,var(--brand) 45%,var(--border));background:color-mix(in srgb,var(--interactive) 60%,var(--elevated))}button.adm-kpi:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.adm-kpi-top{display:flex;align-items:center;gap:8px;min-width:0}.adm-kpi-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;background:color-mix(in srgb,var(--brand) 18%,transparent);color:var(--brand-text)}.adm-kpi-icon[data-tone=success]{background:color-mix(in srgb,var(--success) 18%,transparent);color:var(--success)}.adm-kpi-icon[data-tone=warning]{background:color-mix(in srgb,var(--warning) 20%,transparent);color:var(--warning)}.adm-kpi-icon[data-tone=danger]{background:color-mix(in srgb,var(--danger) 20%,transparent);color:var(--danger-text)}.adm-kpi-icon[data-tone=neutral]{background:var(--interactive);color:var(--text-2)}.adm-kpi-label{flex:1;min-width:0;color:var(--text-2);font-size:.8125rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-live{display:inline-flex}.adm-kpi-value{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;color:var(--text);font-size:1.75rem;font-weight:800;line-height:1.1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}.adm-kpi-suffix{color:var(--text-muted);font-size:1rem;font-weight:600}.adm-kpi-foot{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;min-height:18px}.adm-miniline{flex:none}.adm-miniline-area{fill:color-mix(in srgb,var(--brand) 16%,transparent);stroke:none}.adm-miniline-stroke{fill:none;stroke:var(--brand);stroke-width:1.75;stroke-linejoin:round;stroke-linecap:round}.adm-dot{display:inline-block;width:8px;height:8px;flex:none;border-radius:50%;background:var(--status-offline)}.adm-dot[data-on]{background:var(--status-online)}.adm-live .adm-dot,.adm-side-status .adm-dot{animation:adm-pulse 2s var(--ease) infinite}@keyframes adm-pulse{50%{opacity:.35}}.adm-trend{font-size:.75rem;font-weight:700;white-space:nowrap;color:var(--text-muted);letter-spacing:0}.adm-trend[data-tone=up],.adm-up{color:var(--success)}.adm-trend[data-tone=down]{color:var(--danger-text)}.adm-up{margin-left:4px;font-weight:700}.adm-bars{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:5px;padding-bottom:20px}.adm-bar{position:relative;display:flex;align-items:flex-end;height:100%;border-radius:4px;outline:none}.adm-bar:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.adm-bar-fill{width:100%;border-radius:4px 4px 1px 1px;background:color-mix(in srgb,var(--brand) 50%,transparent);transition:background-color var(--dur-fast) var(--ease)}.adm-bar-fill[data-today]{background:var(--brand)}.adm-bar-fill[data-zero]{background:var(--interactive)}.adm-bar:hover .adm-bar-fill,.adm-bar:focus-visible .adm-bar-fill{background:var(--brand-hover)}.adm-bar-day{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:5px;color:var(--text-muted);font-size:.625rem;white-space:nowrap;font-variant-numeric:tabular-nums}.adm-spark{display:inline-flex;border-radius:3px;outline:none}.adm-spark:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.adm-spark rect{fill:color-mix(in srgb,var(--brand) 40%,transparent)}.adm-spark rect[data-recent]{fill:var(--brand)}.adm-spark rect[data-zero]{fill:var(--interactive-hover, var(--interactive))}.adm-rank,.adm-people,.adm-timeline,.adm-rows,.adm-notices,.adm-badge-grid{list-style:none;margin:0;padding:0}.adm-rank{display:grid;gap:12px}.adm-rank li{display:flex;align-items:center;gap:10px;min-width:0}.adm-rank-icon,.adm-srv-icon{flex:none;display:grid;place-items:center;width:28px;height:28px;overflow:hidden;border-radius:30%;background:var(--brand);color:var(--text-on-brand);font-size:.6875rem;font-weight:700}.adm-srv-icon{width:34px;height:34px;font-size:.75rem}.adm-rank-icon>img,.adm-srv-icon>img{width:100%;height:100%;object-fit:cover}.adm-rank-body{display:grid;gap:5px;flex:1;min-width:0;font-size:.8125rem;color:var(--text-2)}.adm-rank-line{display:flex;justify-content:space-between;gap:8px;min-width:0}.adm-rank-bar{height:4px;border-radius:2px;background:var(--interactive);overflow:hidden}.adm-rank-bar>span{display:block;height:100%;border-radius:inherit;background:var(--brand)}.adm-people{display:grid;gap:10px}.adm-people li{display:flex;align-items:center;gap:10px;min-width:0}.adm-people-names{display:grid;flex:1;min-width:0;line-height:1.25}.adm-people-names strong{color:var(--text);font-size:.8125rem}.adm-timeline{display:grid}.adm-timeline li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;border-top:1px solid color-mix(in srgb,var(--border) 60%,transparent);font-size:.8125rem;color:var(--text-2)}.adm-timeline li:first-child{border-top:0;padding-top:0}.adm-timeline strong{color:var(--text);font-weight:650}.adm-timeline-dot{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--interactive);color:var(--text-2)}.adm-timeline-body{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;flex:1;min-width:0;padding-top:3px}.adm-timeline time{padding-top:4px}.adm-facts{margin:0;display:grid;gap:10px}.adm-facts>div{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-size:.8125rem}.adm-facts dt{color:var(--text-2)}.adm-facts dd{margin:0;color:var(--text);font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.adm-facts dd[data-tone=success]{color:var(--success)}.adm-facts dd[data-tone=warning]{color:var(--warning)}.adm-facts dd[data-tone=danger]{color:var(--danger-text)}.adm-facts dd[data-tone=brand]{color:var(--brand-text)}.adm-rows li{display:flex;align-items:center;gap:12px;padding:10px 18px;border-top:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.adm-rows li:first-child{border-top:0}.adm-rows-text{display:grid;flex:1;min-width:0;font-size:.8125rem}.adm-switches{display:grid;gap:14px}.adm-notices li{display:flex;gap:12px;padding:14px 18px;border-top:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.adm-notices li:first-child{border-top:0}.adm-notice-gone{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--interactive);color:var(--text-muted);font-weight:700}.adm-notice-main{display:grid;gap:6px;flex:1;min-width:0}.adm-notice-main header{display:flex;align-items:baseline;gap:8px;min-width:0}.adm-notice-main header strong{color:var(--text);font-size:.875rem}.adm-notice-main header time{margin-left:auto;flex-shrink:0}.adm-badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.adm-badge-card{display:flex;align-items:center;gap:12px;min-width:0;padding:14px;border:1px solid var(--border);border-radius:calc(12px * var(--radius-scale, 1));background:var(--elevated)}.adm-badge-glyph{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:12px;background:var(--interactive)}.adm-badge-text{display:grid;flex:1;min-width:0;line-height:1.3}.adm-badge-text strong{color:var(--text)}.adm-badge-text .small{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.adm-badge-actions{display:flex;gap:2px;flex:none}.adm-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.adm-toolbar .adm-search{flex:1 1 260px;margin:0}.adm-toolbar-text{flex:1;margin:0}.adm-sort{flex:0 0 220px}.adm-chips{display:flex;flex-wrap:wrap;gap:4px}.adm-toolbar>.adm-chips{flex-basis:100%}.adm-toolbar>.adm-chips:first-child{flex-basis:auto}.adm-chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:transparent;color:var(--text-2);font:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.adm-chip:hover{background:var(--interactive);color:var(--text)}.adm-chip[aria-pressed=true]{border-color:transparent;background:color-mix(in srgb,var(--brand) 22%,transparent);color:var(--brand-text)}.adm-chip:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.adm-chip-n{font-size:.75rem;font-variant-numeric:tabular-nums;opacity:.75}.adm-more-row{display:flex;justify-content:center}.adm-table-wrap{overflow-x:auto}.adm-table{width:100%;border-collapse:collapse;font-size:.8125rem;color:var(--text-2)}.adm-table thead th{padding:9px 12px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--interactive) 35%,transparent);color:var(--text-muted);font-size:.6875rem;font-weight:700;text-align:left;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.adm-table tbody th,.adm-table tbody td{padding:9px 12px;border-bottom:1px solid color-mix(in srgb,var(--border) 60%,transparent);text-align:left;font-weight:inherit;vertical-align:middle;text-transform:none;letter-spacing:normal}.adm-table tbody tr:last-child>*{border-bottom:0}.adm-table tbody tr{transition:background-color var(--dur-fast) var(--ease)}.adm-table tbody tr:hover,.adm-table tbody tr:focus-within{background:color-mix(in srgb,var(--interactive) 70%,transparent)}.adm-table tbody th{width:100%;max-width:0}.adm-table tr[data-dim] .adm-srv-icon,.adm-table tr[data-dim] .adm-person-names{opacity:.6}.adm-table .adm-num-col{text-align:right;white-space:nowrap}.adm-nowrap{white-space:nowrap}.adm-wrap{white-space:normal;min-width:180px}.adm-ellipsis{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-num{font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}.adm-person{display:flex;align-items:center;gap:10px;min-width:180px}.adm-person-names{display:grid;min-width:0;line-height:1.3}.adm-person-name{display:flex;align-items:center;gap:5px;min-width:0}.adm-person-name strong{color:var(--text);font-size:.875rem}.adm-who{display:inline-flex;align-items:center;gap:8px;max-width:200px;white-space:nowrap}.adm-inline{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.adm-inline-item{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted)}.adm-inline-item .adm-num{color:var(--text-2);font-weight:500}.adm-inline-item[data-on],.adm-inline-item[data-on] .adm-num{color:var(--text);font-weight:650}.adm-stacked{display:grid;justify-items:start;min-width:48px;line-height:1.2}.adm-pills{display:inline-flex;flex-wrap:wrap;gap:4px}.adm-row-actions{text-align:right;white-space:nowrap}.adm-row-actions>*+*{margin-left:4px}.adm-row-actions>*{vertical-align:middle}@container (max-width: 1100px){.adm-table .adm-hide-lg{display:none}}@container (max-width: 900px){.adm-table .adm-hide-md{display:none}}@container (max-width: 640px){.adm-table .adm-hide-sm{display:none}}.adm-pill{display:inline-flex;align-items:center;flex:none;padding:1px 7px;border-radius:999px;background:var(--interactive);color:var(--text-2);font-size:.625rem;font-weight:800;line-height:1.6;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.adm-pill[data-tone=brand]{background:color-mix(in srgb,var(--brand) 22%,transparent);color:var(--brand-text)}.adm-pill[data-tone=success]{background:color-mix(in srgb,var(--success) 20%,transparent);color:var(--success)}.adm-pill[data-tone=warning]{background:color-mix(in srgb,var(--warning) 22%,transparent);color:var(--warning)}.adm-pill[data-tone=danger]{background:color-mix(in srgb,var(--danger) 22%,transparent);color:var(--danger-text)}.adm-icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-2);cursor:pointer;transition:background-color var(--dur-fast) var(--ease),color var(--dur-fast) var(--ease)}.adm-icon-btn:hover,.adm-icon-btn[aria-expanded=true]{background:var(--interactive-hover, var(--interactive));color:var(--text)}.adm-icon-btn[data-danger]:hover{color:var(--danger-text)}.adm-icon-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.adm-icon-btn:disabled{opacity:.5;cursor:default}.adm-empty{margin:0}.adm-empty-state{display:grid;justify-items:center;gap:8px;padding:36px 16px;color:var(--text-muted);text-align:center}.adm-empty-state p{margin:0}.adm-loading{display:grid;gap:10px}.adm-skel{display:block;height:14px;border-radius:6px;background:linear-gradient(90deg,var(--interactive) 0%,color-mix(in srgb,var(--interactive) 40%,transparent) 50%,var(--interactive) 100%);background-size:200% 100%;animation:adm-shimmer 1.4s linear infinite}.adm-skel:nth-child(3n+2){width:80%}.adm-skel:nth-child(3n+3){width:60%}@keyframes adm-shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.adm-live .adm-dot,.adm-side-status .adm-dot,.adm-skel{animation:none}}@media(max-width:820px){.adm-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.adm-side{flex-direction:row;align-items:center;gap:8px;padding:8px 12px;border-right:0;border-bottom:1px solid var(--border)}.adm-brand-text,.adm-side-foot,.adm-nav-label{display:none}.adm-brand{padding:0}.adm-nav{display:flex;gap:2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.adm-nav ul{display:flex}.adm-nav-item{width:auto;white-space:nowrap}.adm-top-actions .adm-updated{display:none}}html[data-layout=vidro] .adm-side,html[data-layout=vidro] .adm-main{background:transparent}html[data-layout=vidro] .adm-side{border-color:var(--vidro-line);background:#0000002e}html[data-layout=vidro] .adm-top,html[data-layout=vidro] .adm-side-foot{border-color:var(--vidro-line)}html[data-layout=vidro] .adm-card,html[data-layout=vidro] .adm-kpi,html[data-layout=vidro] .adm-badge-card{border-color:var(--vidro-line);background:var(--vidro-card);box-shadow:var(--vidro-card-edge)}html[data-layout=vidro] .adm-nav-item:hover,html[data-layout=vidro] .adm-me{background:var(--vidro-glass-2)}html[data-layout=vidro] .adm-table thead th{background:#ffffff08}html[data-layout=vidro] .adm-card-flush>.adm-card-head,html[data-layout=vidro] .adm-table thead th{border-color:var(--vidro-line)}.srv-brand-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;overflow:hidden;border-radius:calc(10px * var(--radius-scale, 1));background:var(--brand);color:#fff;font-size:.8125rem;font-weight:700}.srv-brand-icon img{width:100%;height:100%;object-fit:cover}.srv-dialog .adm-brand,.srv-dialog .adm-brand-text{min-width:0}.srv-content{display:grid;gap:16px;align-content:start;max-width:880px}.srv-content[data-wide=true]{max-width:1280px}.srv-content>*{min-width:0}.srv-content .settings-section{display:flex;flex-direction:column;gap:10px;min-width:0;margin:0;padding:16px 18px;border:1px solid var(--border);border-radius:calc(12px * var(--radius-scale, 1));background:var(--elevated)}.srv-content .settings-section:first-child{padding-top:16px}.srv-content .settings-section:last-child{border-bottom:1px solid var(--border)}.srv-content .settings-section>*+*{margin-top:0}.srv-content .settings-section-title{margin:0;color:var(--text);font-size:.9375rem;font-weight:700;letter-spacing:normal;text-transform:none}.srv-content .settings-desc{margin:-6px 0 0}.srv-content .settings-section .settings-section{padding:0;border:0;background:none}.srv-content .admin-table-wrap{border:1px solid var(--border);border-radius:calc(12px * var(--radius-scale, 1));background:var(--elevated)}.srv-content .admin-table th{padding:9px 12px;background:color-mix(in srgb,var(--interactive) 35%,transparent);letter-spacing:.04em}.srv-content .admin-table td{padding:8px 12px;border-bottom-color:color-mix(in srgb,var(--border) 60%,transparent)}.srv-content .admin-table tbody tr:hover{background:color-mix(in srgb,var(--interactive) 70%,transparent)}.srv-content .admin-filters{margin-bottom:0}.srv-content>.muted.small{margin:-6px 0 0}.srv-content>.admin-list,.srv-content .split-list,.srv-content .split-detail,.srv-content .ch-list,.srv-content .ch-editor,.srv-content .ch-newcat{border:1px solid var(--border);border-radius:calc(12px * var(--radius-scale, 1));background:var(--elevated)}.srv-content>.admin-list{padding:4px 8px}.srv-content .split{grid-template-columns:minmax(220px,280px) minmax(0,1fr);align-items:start}.srv-content .split-list{padding:10px}.srv-content .split-detail{padding:16px 18px}.srv-content .ch-list{padding:8px}@media(max-width:860px){.srv-content .split{grid-template-columns:minmax(0,1fr)}}html[data-layout=vidro] .srv-content .settings-section,html[data-layout=vidro] .srv-content .admin-table-wrap,html[data-layout=vidro] .srv-content>.admin-list,html[data-layout=vidro] .srv-content .split-list,html[data-layout=vidro] .srv-content .split-detail,html[data-layout=vidro] .srv-content .ch-list,html[data-layout=vidro] .srv-content .ch-editor{border-color:var(--vidro-line);background:var(--vidro-card);box-shadow:var(--vidro-card-edge)}.usr-hero{position:relative;display:flex;align-items:center;gap:10px;min-width:0;padding:12px;border:1px solid var(--border);border-radius:calc(12px * var(--radius-scale, 1));background:radial-gradient(120% 140% at 0% 0%,color-mix(in srgb,var(--brand) 28%,transparent),transparent 60%),var(--elevated);overflow:hidden}.usr-hero-text{flex:1;display:grid;min-width:0;line-height:1.25}.usr-hero-text strong{color:var(--text);font-size:.9375rem}.usr-search{width:100%}.usr-empty{margin:4px 8px}.usr-foot{display:flex;align-items:center;justify-content:space-between;padding-left:8px}.usr-logout{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:0;border-radius:var(--radius-sm, 6px);background:none;color:var(--danger);font:inherit;font-size:.8125rem;font-weight:600;cursor:pointer}.usr-logout:hover,.usr-logout:focus-visible{background:color-mix(in srgb,var(--danger) 14%,transparent)}html[data-layout=vidro] .usr-hero{border-color:var(--vidro-line);background-color:var(--vidro-card)}.sp-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}@media(max-width:860px){.sp-layout{grid-template-columns:minmax(0,1fr)}}.sp-form{display:flex;flex-direction:column;gap:20px;min-width:0}.sp-field{display:flex;flex-direction:column;gap:8px}.sp-swatches{display:flex;flex-wrap:wrap;gap:8px}.sp-swatch{width:40px;height:28px;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;display:grid;place-items:center;color:var(--text-muted);transition:border-color var(--dur) var(--ease),transform var(--dur) var(--ease)}.sp-swatch-none{background:var(--elevated);border-color:var(--border)}.sp-swatch:hover{transform:translateY(-1px)}.sp-swatch[aria-checked=true]{border-color:var(--text);box-shadow:0 0 0 2px var(--brand)}.sp-swatch:focus-visible{outline:none;box-shadow:var(--focus-ring)}.sp-traits{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.sp-trait-row{display:flex;align-items:center;gap:8px}.sp-trait-emoji{width:64px;flex:none}.sp-trait-emoji input{text-align:center}.sp-trait-label{flex:1;min-width:0}.sp-preview{margin:0;position:sticky;top:0;display:flex;flex-direction:column;gap:6px}.sp-preview>figcaption{text-align:center}.sp-preview-banner{height:96px;border-radius:var(--radius) var(--radius) 0 0;background:var(--elevated);margin-bottom:-6px}.sp-preview-banner[data-empty=true]{height:40px}.sp-preview-body{background:var(--sidebar);border:1px solid var(--border);border-top:0;border-radius:0 0 var(--radius) var(--radius);padding:0 16px 16px;display:flex;flex-direction:column;gap:4px}.sp-preview-icon{width:64px;height:64px;margin-top:-32px;border-radius:18px;border:4px solid var(--sidebar);overflow:hidden}.sp-preview-icon{display:grid;place-items:center;color:#fff;font-weight:700;font-size:1.25rem;background:var(--brand)}.sp-preview-icon>img{width:100%;height:100%;object-fit:cover;border-radius:14px}.sp-field .form-actions,.sp-form>.form-actions{justify-content:flex-start;flex-wrap:wrap}.sp-preview-name{font-size:1.05rem;overflow-wrap:anywhere}.sp-preview-desc{margin:6px 0 0;color:var(--text-2);font-size:.875rem;white-space:pre-wrap;overflow-wrap:anywhere}.sp-preview-traits{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.sp-preview-traits li{font-size:.8125rem;padding:3px 8px;border-radius:999px;background:var(--elevated);color:var(--text-2)}@media(prefers-reduced-motion:reduce){.sp-swatch{transition:none}.sp-swatch:hover{transform:none}}.ch-admin{display:flex;flex-direction:column;gap:12px;min-width:0}.ch-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.ch-toolbar-title{display:flex;flex-direction:column;margin-right:auto}.ch-toolbar-title h3{margin:0;font-size:1.125rem}.ch-search{width:260px;max-width:100%}.ch-toolbar-actions,.ch-newcat{display:flex;align-items:center;gap:8px}.ch-newcat{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--sidebar)}.ch-split{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:16px;align-items:start}@media(max-width:860px){.ch-split{grid-template-columns:minmax(0,1fr)}}.ch-list{border:1px solid var(--border);border-radius:var(--radius);background:var(--sidebar);padding:6px;max-height:calc(100vh - 220px);overflow-y:auto}.ch-empty{padding:12px}.ch-group+.ch-group{margin-top:6px}.ch-group ul{list-style:none;margin:0;padding:0}.ch-group-head{display:flex;align-items:center;gap:6px;width:100%;padding:8px 8px 4px;border:0;border-radius:var(--radius-sm);background:none;color:var(--text-muted);font-size:.6875rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;text-align:left;cursor:pointer}.ch-group-static{cursor:default}.ch-group-head:not(.ch-group-static):hover,.ch-group-head[aria-current=true]{color:var(--text)}.ch-group-head[aria-current=true]{background:var(--interactive)}.ch-count{padding:0 6px;border-radius:999px;background:var(--elevated);font-size:.625rem;line-height:1.5}.ch-group-edit{margin-left:auto;opacity:0;transition:opacity var(--dur) var(--ease)}.ch-group-head:hover .ch-group-edit,.ch-group-head:focus-visible .ch-group-edit,.ch-group-head[aria-current=true] .ch-group-edit{opacity:1}.ch-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:0;border-radius:var(--radius-sm);background:none;color:var(--text-2);text-align:left;cursor:pointer;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}.ch-item:hover{background:var(--interactive);color:var(--text)}.ch-item[aria-current=true]{background:color-mix(in srgb,var(--brand) 18%,transparent);color:var(--text);box-shadow:inset 2px 0 0 var(--brand)}.ch-item:focus-visible,.ch-group-head:focus-visible{outline:none;box-shadow:var(--focus-ring)}.ch-item-icon{flex:none;color:var(--text-muted)}.ch-item-text{display:flex;flex-direction:column;min-width:0;flex:1}.ch-item-name{font-weight:600;font-size:.875rem}.ch-item-topic{font-size:.75rem;color:var(--text-muted)}.ch-item-flags{display:flex;gap:2px;flex:none}.ch-flag{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--elevated);color:var(--text-muted)}.ch-detail{position:sticky;top:0;min-width:0}.ch-placeholder{display:grid;place-items:center;gap:8px;padding:48px 16px;border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);text-align:center}.ch-editor{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);background:var(--sidebar);overflow:hidden}.ch-editor-head{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border)}.ch-editor-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:12px;background:color-mix(in srgb,var(--brand) 22%,var(--elevated));color:var(--text)}.ch-editor-names{display:flex;flex-direction:column;min-width:0}.ch-editor-names strong{font-size:1.05rem}.ch-editor-body{display:flex;flex-direction:column;gap:14px;padding:16px}.ch-editor-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:start;gap:12px}.ch-editor-hint{margin:-4px 0 0}.ch-editor-switches{display:flex;flex-direction:column;gap:8px;padding-top:4px;border-top:1px solid var(--border)}.ch-editor-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:10px 16px;border-top:1px solid var(--border);background:var(--chat)}.ch-editor-foot>.muted{margin-right:auto}.ch-editor-foot button,.ch-danger button,.ch-toolbar-actions button{white-space:nowrap}.ch-editor-foot[data-dirty=true]>.muted{color:var(--warning, var(--text))}.ch-danger{display:flex;align-items:center;gap:12px;margin:12px 16px 16px;padding:12px;border:1px solid color-mix(in srgb,var(--danger) 45%,transparent);border-radius:var(--radius-sm)}.ch-danger-text{display:flex;flex-direction:column;margin-right:auto;min-width:0}@media(prefers-reduced-motion:reduce){.ch-item,.ch-group-edit{transition:none}}