:root{--bg:#0e0f11;--surface:#141619;--surface-2:#1a1d21;--surface-3:#22262b;--line:#24272c;--line-strong:#32363d;--fg:#e7e9ec;--fg-muted:#9096a0;--fg-faint:#6a707a;--accent:#5fb8a4;--accent-soft:#5fb8a41f;--accent-fg:#06231d;--danger:#e3766f;--warn:#d9a441;--online:#5fb8a4;--idle:#d9a441;--offline:#545a63;--r-sm:5px;--r:8px;--r-lg:12px;--gap:12px;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--shadow:0 16px 40px #00000073, 0 2px 8px #0000004d}:root[data-theme=light]{--bg:#fbfbfa;--surface:#fff;--surface-2:#f3f3f1;--surface-3:#e9e9e6;--line:#e4e4e0;--line-strong:#cdcdc8;--fg:#1a1c1e;--fg-muted:#5f646c;--fg-faint:#6b7078;--accent:#0f7a68;--accent-soft:#0f7a6814;--accent-fg:#fff;--danger:#b3403a;--warn:#8a5f0f;--online:#0f7a68;--idle:#8a5f0f;--offline:#a8adb4;--shadow:0 16px 40px #1416191f, 0 2px 6px #14161914}@media (prefers-contrast:more){:root{--fg-muted:var(--fg);--fg-faint:var(--fg);--line:var(--line-strong)}}*{box-sizing:border-box}body{font-family:var(--font-ui);background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;margin:0;font-size:14.5px;line-height:1.5}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}::selection{background:var(--accent-soft)}.button{border:1px solid var(--line-strong);border-radius:var(--r-sm);color:var(--fg);font:inherit;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;padding:7px 13px;font-size:13.5px;transition:background .12s,border-color .12s;display:inline-flex}.button:hover:not(:disabled){background:var(--surface-3)}.button:disabled{opacity:.45;cursor:not-allowed}.button--primary{background:var(--accent);color:var(--accent-fg);border-color:#0000;font-weight:550}.button--primary:hover:not(:disabled){background:var(--accent);filter:brightness(1.08)}.button--danger{color:var(--danger);border-color:#0000}.button--danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 14%, transparent)}.button--link{color:var(--fg-muted);text-underline-offset:3px;background:0 0;border-color:#0000;text-decoration:underline}.button--link:hover:not(:disabled){color:var(--fg);background:0 0}.button--small{padding:3px 8px;font-size:12.5px}.field{flex-direction:column;gap:5px;display:flex}.field__label{letter-spacing:.07em;text-transform:uppercase;color:var(--fg-muted);font-size:11.5px;font-weight:600}.field__input{border:1px solid var(--line-strong);border-radius:var(--r-sm);background:var(--surface-2);color:var(--fg);font:inherit;padding:9px 11px;transition:border-color .12s}.field__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.splash{height:100vh;color:var(--fg-faint);font-family:var(--font-mono);letter-spacing:.04em;place-items:center;font-size:13px;display:grid}.auth{place-items:center;min-height:100vh;padding:24px;display:grid}.auth__card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);flex-direction:column;gap:16px;width:min(380px,100%);padding:32px;display:flex}.auth__title{letter-spacing:-.01em;margin:0;font-size:19px;font-weight:600}.auth__notice{border:1px solid var(--line);border-left:2px solid var(--accent);border-radius:var(--r-sm);background:var(--surface-2);color:var(--fg-muted);margin:0;padding:10px 12px;font-size:12.5px;line-height:1.55}.auth__error{color:var(--danger);margin:0;font-size:13px}.shell{background:var(--bg);grid-template-columns:60px 248px 1fr;height:100vh;display:grid}.shell.is-members-open{grid-template-columns:60px 248px 1fr 252px}@media (width<=1080px){.shell.is-members-open{grid-template-columns:60px 248px 1fr}.shell.is-members-open .members{z-index:4;width:252px;box-shadow:var(--shadow);position:fixed;inset:0 0 0 auto}}@media (width<=720px){.shell,.shell.is-members-open{grid-template-columns:52px 1fr}.sidebar{display:none}}.banner{z-index:5;text-align:center;background:var(--warn);color:#17190f;padding:7px;font-size:12.5px;font-weight:550;position:fixed;inset:auto 0 0}.rail{border-right:1px solid var(--line);background:var(--surface);scrollbar-width:none;flex-direction:column;align-items:center;gap:6px;padding:12px 0;display:flex;overflow-y:auto}.rail::-webkit-scrollbar{display:none}.rail__list,.rail__actions{flex-direction:column;align-items:center;gap:6px;margin:0;padding:0;list-style:none;display:flex}.rail__actions{border-top:1px solid var(--line);width:36px;margin-top:auto;padding-top:10px}.rail__item{border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2);width:36px;height:36px;color:var(--fg-muted);font-family:var(--font-mono);letter-spacing:.02em;cursor:pointer;place-items:center;font-size:12.5px;font-weight:600;transition:color .12s,background .12s,border-color .12s;display:grid;position:relative}.rail__item:hover{background:var(--surface-3);color:var(--fg)}.rail__item.is-active{border-color:var(--line-strong);background:var(--surface-3);color:var(--fg)}.rail__item.is-active:before{content:"";background:var(--accent);border-radius:0 2px 2px 0;width:2px;height:18px;position:absolute;left:-9px}.rail__prompt{z-index:6;border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface);width:268px;box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:16px;display:flex;position:absolute;bottom:16px;left:70px}.rail__prompt-actions{gap:8px;display:flex}.sidebar{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;gap:18px;padding:16px 12px;display:flex;overflow-y:auto}.sidebar__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.sidebar__title{letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14.5px;font-weight:600;overflow:hidden}.sidebar__invite{color:var(--fg-muted);word-break:break-all;margin:0;font-size:12px}.sidebar__invite code{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);font-family:var(--font-mono);color:var(--fg);margin-top:4px;padding:3px 6px;font-size:11.5px;display:inline-block}.channels__label{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-faint);justify-content:space-between;align-items:center;margin:0 0 8px;padding-left:8px;font-size:10.5px;font-weight:650;display:flex}.channels__add{width:20px;height:20px;color:var(--fg-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;font-size:15px;line-height:1;display:grid}.channels__add:hover{background:var(--surface-3);color:var(--fg)}.channels__list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.channels__item{border-radius:var(--r-sm);width:100%;color:var(--fg-muted);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;padding:6px 9px;font-size:13.5px;transition:background .1s,color .1s;display:flex;position:relative}.channels__item:hover:not(:disabled){background:var(--surface-2);color:var(--fg)}.channels__item.is-active{background:var(--surface-3);color:var(--fg);font-weight:550}.channels__item.is-active:before{content:"";background:var(--accent);border-radius:2px;width:2px;height:16px;margin-left:-2px;position:absolute;top:50%;left:0;translate:-100% -50%}.channels__unread{background:var(--accent);border-radius:50%;width:5px;height:5px;margin-left:auto}.channel{background:var(--bg);flex-direction:column;min-width:0;display:flex}.channel--empty{color:var(--fg-faint);place-items:center;display:grid}.channel__header{border-bottom:1px solid var(--line);background:var(--bg);align-items:center;gap:14px;height:52px;padding:0 18px;display:flex}.channel__title{align-items:baseline;gap:10px;min-width:0;display:flex}.channel__name{white-space:nowrap;align-items:baseline;gap:5px;margin:0;font-size:14.5px;font-weight:600;display:flex}.channel__name span[aria-hidden]{font-family:var(--font-mono);color:var(--fg-faint);font-weight:400}.channel__topic{color:var(--fg-faint);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12.5px;overflow:hidden}.channel__scroll{flex-direction:column;flex:1;padding:8px 0 4px;display:flex;overflow-y:auto}.channel__scroll>.messages{margin-top:auto}.channel__empty{text-align:center;max-width:340px;color:var(--fg-faint);margin:48px auto;font-size:13.5px}.messages{margin:0;padding:0 18px;list-style:none}.messages__day{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--fg-faint);align-items:center;gap:14px;margin:22px 0 14px;font-size:11px;display:flex}.messages__day:before,.messages__day:after{content:"";background:var(--line);flex:1;height:1px}.message{border-radius:var(--r-sm);padding:1px 8px 1px 68px;position:relative}.message:not(.is-grouped){margin-top:14px}.message:hover{background:var(--surface)}.message__meta{align-items:baseline;gap:8px;margin-bottom:1px;display:flex}.message__author{color:var(--fg);font-size:13.5px;font-weight:600}.message__time{text-align:right;width:48px;font-family:var(--font-mono);color:var(--fg-faint);font-variant-numeric:tabular-nums;font-size:11px;position:absolute;left:8px}.message__body{flex-wrap:wrap;align-items:baseline;gap:6px;display:flex;position:relative}.message__content{overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:14.5px;line-height:1.55}.message__content--muted{color:var(--fg-faint);font-style:italic}.message__content--failed{color:var(--danger);font-size:13px}.message__content-wrap{flex-direction:column;gap:6px;min-width:0;display:flex}.message__edited{color:var(--fg-faint);font-size:11px}.message__legacy{border:1px solid var(--line-strong);font-family:var(--font-mono);color:var(--warn);border-radius:3px;padding:1px 5px;font-size:10px}.message__reply-to{border-left:2px solid var(--line-strong);color:var(--fg-faint);text-overflow:ellipsis;white-space:nowrap;margin:0 0 3px;padding-left:9px;font-size:12.5px;overflow:hidden}.message__reply-to strong{color:var(--fg-muted);font-weight:600}.message__actions{border-radius:var(--r-sm);opacity:.28;border:1px solid #0000;gap:1px;padding:2px;transition:opacity .12s,background .12s,border-color .12s;display:flex;position:absolute;top:0;right:0}.message:hover .message__actions,.message__actions:focus-within{border-color:var(--line-strong);background:var(--surface);box-shadow:var(--shadow);opacity:1}.message__actions:has([aria-expanded=true]){border-color:var(--line-strong);background:var(--surface);box-shadow:var(--shadow);opacity:1}.message__action{width:26px;height:26px;color:var(--fg-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;place-items:center;font-size:13px;display:grid}.message__action:hover{background:var(--surface-3);color:var(--fg)}.reaction-picker{display:inline-flex;position:relative}.reaction-picker__menu{z-index:3;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow);gap:2px;padding:4px;display:flex;position:absolute;bottom:calc(100% + 5px);right:0}.reaction-picker__option{cursor:pointer;background:0 0;border:none;border-radius:5px;width:28px;height:28px;font-size:15px}.reaction-picker__option:hover{background:var(--surface-3)}.reactions{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.reactions__chip{border:1px solid var(--line);background:var(--surface-2);color:var(--fg-muted);font-variant-numeric:tabular-nums;cursor:pointer;border-radius:20px;align-items:center;gap:5px;padding:1px 7px;font-size:12px;display:inline-flex}.reactions__chip:hover{border-color:var(--line-strong)}.reactions__chip.is-mine{border-color:var(--accent);background:var(--accent-soft);color:var(--fg)}.attachment{border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2);max-width:320px;color:var(--fg);font:inherit;text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:1px;padding:8px 11px;display:inline-flex}.attachment:hover:not(:disabled){border-color:var(--line-strong)}.attachment__name{font-size:13px;font-weight:550}.attachment__meta{font-family:var(--font-mono);color:var(--fg-faint);font-size:11px}.typing{height:20px;color:var(--fg-faint);margin:0;padding:2px 18px 6px 68px;font-size:12px}.notice{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);color:var(--fg-muted);align-items:center;gap:8px;margin:10px 18px;padding:9px 12px;font-size:12.5px;display:flex}.notice--warning{border-left:2px solid var(--warn)}.composer{border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface);align-items:flex-end;gap:8px;margin:0 18px 18px;padding:8px;transition:border-color .12s;display:flex}.composer:focus-within{border-color:var(--accent)}.composer__reply{border:1px solid var(--line);border-radius:var(--r) var(--r) 0 0;background:var(--surface-2);color:var(--fg-muted);border-bottom:none;justify-content:space-between;align-items:center;gap:8px;margin:0 18px;padding:6px 12px;font-size:12.5px;display:flex}.composer__input{min-height:24px;max-height:180px;color:var(--fg);font:inherit;resize:none;background:0 0;border:none;flex:1;padding:5px 4px;line-height:1.5}.composer__input:focus{outline:none}.composer__input::placeholder{color:var(--fg-faint)}.composer__input:disabled{cursor:not-allowed}.composer__file{display:none}.members{border-left:1px solid var(--line);background:var(--surface);flex-direction:column;gap:10px;padding:16px 12px;display:flex;overflow-y:auto}.members__title{letter-spacing:.1em;text-transform:uppercase;color:var(--fg-faint);margin:0;padding-left:8px;font-size:10.5px;font-weight:650}.members__list{flex-direction:column;gap:1px;margin:0;padding:0;list-style:none;display:flex}.members__item{border-radius:var(--r-sm);color:var(--fg-muted);align-items:center;gap:8px;padding:5px 8px;font-size:13.5px;display:flex}.members__item:hover{background:var(--surface-2)}.members__dot{background:var(--offline);border-radius:50%;flex:none;width:6px;height:6px}.members__dot--online{background:var(--online)}.members__dot--idle{background:var(--idle)}.members__name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.members__verify{color:var(--fg-faint);cursor:pointer;opacity:0;background:0 0;border:none;margin-left:auto;font-size:12px}.members__item:hover .members__verify,.members__verify:focus-visible{opacity:1}.search{margin-left:auto;position:relative}.search__input{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);width:190px;color:var(--fg);font:inherit;padding:6px 10px;font-size:13px;transition:width .14s,border-color .12s}.search__input:focus{border-color:var(--accent);outline:none;width:240px}.search__results{z-index:4;border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface);width:380px;max-height:60vh;box-shadow:var(--shadow);padding:12px;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.search__note{border-bottom:1px solid var(--line);color:var(--fg-faint);margin:0 0 8px;padding-bottom:8px;font-size:11.5px}.search__count{font-family:var(--font-mono);color:var(--fg-faint);margin:0 0 6px;font-size:11px}.search__empty{color:var(--fg-faint);margin:0;font-size:13px}.search__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.search__hit{border-radius:var(--r-sm);color:var(--fg-muted);cursor:default;padding:7px 9px;font-size:13px}.search__hit:hover{background:var(--surface-2);color:var(--fg)}.voice{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);flex-direction:column;gap:12px;margin:14px 18px;padding:14px;display:flex}.voice__header{align-items:center;gap:9px;display:flex}.voice__icon{color:var(--fg-faint)}.voice__channel{font-size:13.5px;font-weight:600}.voice__status{font-family:var(--font-mono);letter-spacing:.04em;color:var(--fg-faint);font-size:11px}.voice__badge{border:1px solid var(--accent);background:var(--accent-soft);font-family:var(--font-mono);letter-spacing:.04em;color:var(--accent);border-radius:20px;align-items:center;gap:4px;margin-left:auto;padding:2px 7px;font-size:10.5px;display:inline-flex}.voice__error{border:1px solid var(--danger);border-radius:var(--r-sm);background:color-mix(in srgb, var(--danger) 10%, transparent);color:var(--danger);margin:0;padding:8px 11px;font-size:12.5px}.voice__hint{color:var(--fg-faint);margin:0;font-size:12px}.voice__peers{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.voice__peer{border:1px solid var(--line);background:var(--surface-2);border-radius:20px;align-items:center;gap:7px;padding:5px 10px;font-size:12.5px;transition:border-color .12s;display:flex}.voice__peer.is-speaking{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.voice__peer-name{color:var(--fg)}.voice__controls{flex-wrap:wrap;gap:7px;display:flex}.voice__volume-label{color:var(--fg-faint);align-items:center;gap:7px;font-size:12px;display:flex}.voice__audio{flex-direction:column;gap:6px;display:flex}.voice__volume{align-items:center;gap:8px;display:flex}.voice__volume input[type=range]{max-width:130px;accent-color:var(--accent);flex:1}.stage{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:0 18px 14px;display:grid}.stage.is-expanded{grid-template-columns:1fr}.stage__item{border:1px solid var(--line);border-radius:var(--r);background:#000;margin:0;overflow:hidden}.stage__video{aspect-ratio:16/9;object-fit:contain;background:#000;width:100%;display:block}.stage__item.is-expanded .stage__video{aspect-ratio:auto;max-height:70vh}.stage__caption{border-top:1px solid var(--line);background:var(--surface);align-items:center;gap:8px;padding:7px 10px;font-size:12.5px;display:flex}.stage__badge{font-family:var(--font-mono);color:var(--accent);font-size:10.5px}.overlay{z-index:10;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.overlay__card{border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface);width:min(520px,100%);max-height:86vh;box-shadow:var(--shadow);flex-direction:column;gap:16px;padding:28px;display:flex;overflow-y:auto}.overlay__title{margin:0;font-size:17px;font-weight:600}.overlay__body{color:var(--fg-muted);margin:0;font-size:13.5px;line-height:1.6}.overlay__actions{justify-content:flex-end;gap:8px;display:flex}.phrase{border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2);counter-reset:none;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:5px;margin:0;padding:14px;list-style:none;display:grid}.phrase__word{font-family:var(--font-mono);align-items:baseline;gap:7px;font-size:13px;display:flex}.phrase__index{text-align:right;min-width:16px;color:var(--fg-faint);font-variant-numeric:tabular-nums;font-size:11px}.safety-number{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);font-family:var(--font-mono);letter-spacing:.08em;word-break:break-all;margin:0;padding:9px 12px;font-size:13.5px}.channel__members-toggle{border:1px solid var(--line);border-radius:var(--r-sm);color:var(--fg-muted);font:inherit;cursor:pointer;background:0 0;align-items:center;gap:7px;padding:5px 10px;font-size:12.5px;transition:color .12s,border-color .12s;display:inline-flex}.channel__members-toggle:hover{border-color:var(--line-strong);color:var(--fg)}.channel__members-toggle[aria-expanded=true]{border-color:var(--line-strong);background:var(--surface-2);color:var(--fg)}.channel__members-count{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--fg);font-size:11.5px}