:root{color-scheme:light dark;--bg: #f4f3f0;--surface: #ffffff;--surface-2: #f7f6f3;--raised: #ffffff;--line: #e2dfd8;--line-soft: #edeae4;--text: #1b1d23;--muted: #6c7280;--accent: #b8641a;--accent-soft: #f6e5d3;--admin: #a8291f;--link: #1a56b8;--ok: #2f855a;--warn: #b45309;--shadow: 0 1px 2px rgb(0 0 0 / 6%), 0 8px 24px rgb(0 0 0 / 6%);--mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0d0f14;--surface: #14171e;--surface-2: #1a1e27;--raised: #1a1e27;--line: #262b36;--line-soft: #1e222b;--text: #e6e9f0;--muted: #8b93a5;--accent: #f0a04b;--accent-soft: #3a2a15;--admin: #ff9184;--link: #7fb4ff;--ok: #6fcf97;--warn: #f0b45b;--shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 12px 32px rgb(0 0 0 / 35%)}}:root[data-theme=dark]{--bg: #0d0f14;--surface: #14171e;--surface-2: #1a1e27;--raised: #1a1e27;--line: #262b36;--line-soft: #1e222b;--text: #e6e9f0;--muted: #8b93a5;--accent: #f0a04b;--accent-soft: #3a2a15;--admin: #ff9184;--link: #7fb4ff;--ok: #6fcf97;--warn: #f0b45b;--shadow: 0 1px 2px rgb(0 0 0 / 40%), 0 12px 32px rgb(0 0 0 / 35%)}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased}a{color:var(--link)}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,textarea{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:.4rem .55rem}input:focus-visible,textarea:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 35%,transparent);border-radius:6px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.muted{color:var(--muted)}.spacer{flex:1}.sprite{display:inline-block;background-repeat:no-repeat;image-rendering:pixelated;flex:none;vertical-align:middle}.icon-cell-fixed{display:inline-flex;align-items:center;justify-content:flex-end;flex:none}#root{display:flex;flex-direction:column;height:100dvh}.app{flex:1;min-height:0;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--surface);border-bottom:1px solid var(--line)}.server{display:flex;align-items:baseline;gap:.6rem;min-width:0;overflow:hidden}.server-name{font-weight:620;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subject{color:var(--muted);font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar button.ghost,.debug-bar button.ghost{padding:.3rem .6rem;border-radius:7px;border:1px solid var(--line);color:var(--muted);font-size:.82rem}.topbar button.ghost:hover,.debug-bar button.ghost:hover{background:var(--surface-2);color:var(--text)}.debug-bar button.ghost.on{border-color:var(--accent);color:var(--accent)}.identity{display:flex;align-items:center;gap:.45rem;padding:.2rem .5rem .2rem .3rem;border-radius:8px;border:1px solid transparent}.identity:hover{background:var(--surface-2);border-color:var(--line)}.identity .nick{font-weight:560}.people-toggle{display:none}.pill{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem .25rem .5rem;border-radius:999px;border:1px solid var(--line);font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}.pill:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--muted)}.pill.online:before{background:var(--ok)}.pill.reconnecting:before{background:var(--warn);animation:pulse 1s ease-in-out infinite}.pill.connecting:before{background:var(--warn)}@keyframes pulse{50%{opacity:.25}}.panes{flex:1;min-height:0;display:grid;grid-template-columns:13rem minmax(0,1fr) 17rem}.rail{border-right:1px solid var(--line);background:var(--surface);overflow-y:auto;padding:.5rem}.rail-head,.roster-head{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:.4rem .5rem .5rem}.roster-head{display:flex;align-items:center}.roster-close{display:none;font-size:1.15rem;line-height:1;color:var(--muted);padding:.05rem .4rem .2rem;border-radius:6px}.roster-close:hover{background:var(--surface-2);color:var(--text)}.scrim{display:none}.rail-item{display:flex;align-items:center;gap:.5rem;width:100%;padding:.35rem .5rem;border-radius:8px;text-align:left;color:var(--muted)}.rail-item:hover{background:var(--surface-2);color:var(--text)}.rail-item.on{background:var(--accent-soft);color:var(--text)}.rail-item.unread{color:var(--text);font-weight:560}.rail-glyph{color:var(--muted);width:16px;text-align:center}.rail-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-close{color:var(--muted);opacity:0;padding:0 .15rem}.rail-item:hover .rail-close{opacity:1}.rail-close:hover{color:var(--admin)}.badge{background:var(--accent);color:var(--bg);border-radius:999px;font-size:.68rem;font-weight:700;padding:.05rem .35rem;min-width:1.1rem;text-align:center}main{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--bg)}.callbar{display:flex;align-items:center;gap:.4rem;padding:.45rem .75rem;border-bottom:1px solid var(--line);background:var(--surface);flex-wrap:wrap}button.call{padding:.25rem .65rem;border-radius:999px;border:1px solid var(--line);font-size:.82rem;color:var(--muted)}button.call:hover:not(:disabled){color:var(--text);background:var(--surface-2)}button.call.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}button.call.suggest{border-color:var(--accent);color:var(--accent)}button.call:disabled{opacity:.45;cursor:default}.call-detail{font-size:.78rem;margin-left:.35rem}.call-detail.warn{color:var(--warn)}.tiles{display:flex;gap:.6rem;padding:.6rem .75rem 0;overflow-x:auto}.tile{margin:0}.tile video{width:17rem;aspect-ratio:16 / 9;object-fit:cover;background:#000;border-radius:10px;display:block;border:1px solid var(--line)}.tile figcaption{font-size:.72rem;color:var(--muted);padding-top:.25rem;max-width:17rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transcript{flex:1;min-height:0;overflow-y:auto;padding:.75rem .9rem 1rem;overflow-wrap:anywhere;display:flex;flex-direction:column}.transcript>:first-child{margin-top:auto}.line{display:grid;grid-template-columns:4.2rem 1.1rem 8.5rem minmax(0,1fr);gap:0 .5rem;padding:.09rem 0}.line.cont{padding-top:0}.line:not(.cont){margin-top:.35rem}.line .time{color:var(--muted);font-size:.72rem;font-variant-numeric:tabular-nums;text-align:right;padding-top:.22rem;opacity:.75;white-space:nowrap}.line .gutter{display:flex;align-items:center;justify-content:center}.line .name{text-align:right;font-weight:580;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line .text{min-width:0}.line.chat.mine .name{color:var(--accent)}.line.notice .text,.line.system .text{color:var(--muted);font-style:italic}.line.action .text{color:var(--accent);font-style:italic}.line.broadcast .name{color:var(--admin);font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;padding-top:.2rem}.line.broadcast .text{background:color-mix(in srgb,var(--admin) 13%,transparent);border-radius:5px;padding:.05rem .4rem;margin:0 -.4rem}.composer{display:flex;align-items:flex-end;gap:.6rem;padding:.6rem .9rem .75rem;border-top:1px solid var(--line);background:var(--surface)}.composer-input{flex:1;resize:none;max-height:10rem;line-height:1.45;background:var(--bg)}.composer-hint{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;padding-bottom:.55rem;white-space:nowrap}.roster{border-left:1px solid var(--line);background:var(--surface);overflow-y:auto;padding:.5rem}.person{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.55rem;padding:.25rem .4rem;border-radius:8px;cursor:default}.person:not(.me){cursor:pointer}.person:not(.me):hover{background:var(--surface-2)}.person .who{min-width:0;display:flex;flex-direction:column;line-height:1.25}.person .nick{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.person .status{font-size:.68rem;color:var(--muted)}.person.admin .nick{color:var(--admin);font-weight:620}.person.me .nick{font-weight:620}.person.away{opacity:.55}.marks{display:flex;gap:.2rem}.mark{font-size:.72rem;line-height:1;color:var(--muted)}.mark.mic:before{content:"●";color:var(--ok)}.mark.muted-mic:before{content:"○"}.mark.cam:before{content:"▣";color:var(--accent)}.mark.screen:before{content:"▤";color:var(--accent)}.mark.paused{opacity:.45}.connect{flex:1;display:grid;place-items:center;padding:2rem 1rem}.connect-card{width:min(26rem,100%);background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:1.5rem 1.5rem 1.25rem;display:flex;flex-direction:column;gap:.55rem}.connect-card h1{margin:0;font-size:1.5rem;letter-spacing:-.02em}.connect-card h1:after{content:"";display:block;width:2.2rem;height:3px;border-radius:2px;background:var(--accent);margin-top:.5rem}.connect-card>p{margin:0 0 .6rem;font-size:.85rem}.row{display:grid;grid-template-columns:5.5rem 1fr;align-items:center;gap:.6rem}.row>span{color:var(--muted);font-size:.82rem}.icon-button{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;border:1px solid var(--line);border-radius:7px;justify-self:start}.icon-button:hover{background:var(--surface-2)}button.primary{margin-top:.5rem;padding:.5rem .8rem;border-radius:8px;background:var(--accent);color:#fff;font-weight:600}:root[data-theme=dark] button.primary,:root:not([data-theme=light]) button.primary{color:#1a1206}@media (prefers-color-scheme: light){:root:not([data-theme=dark]) button.primary{color:#fff}}button.primary:disabled{opacity:.6;cursor:default}p.error{margin:0;color:var(--admin);font-size:.85rem}dialog.picker{width:min(46rem,92vw);max-height:80vh;padding:0;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);box-shadow:var(--shadow);display:flex;flex-direction:column}dialog.picker::backdrop{background:#00000073;backdrop-filter:blur(2px)}dialog.picker header,dialog.picker footer{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem}dialog.picker header{border-bottom:1px solid var(--line)}dialog.picker footer{border-top:1px solid var(--line);justify-content:flex-end}dialog.picker h2{margin:0;font-size:1rem}dialog.picker footer button.primary{margin-top:0}dialog.picker header input{width:9rem}.icon-grid{flex:1;overflow-y:auto;padding:.75rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(4rem,1fr));gap:.25rem}.icon-cell{display:grid;place-items:center;height:3.2rem;border-radius:8px;border:1px solid transparent}.icon-cell:hover{background:var(--surface-2)}.icon-cell.on{border-color:var(--accent);background:var(--accent-soft)}.debug{flex:none;height:min(22rem,45vh);display:flex;flex-direction:column;border-top:1px solid var(--line);background:var(--surface)}.debug-bar{display:flex;align-items:center;gap:.4rem;padding:.4rem .6rem;border-bottom:1px solid var(--line)}.debug-bar .tabs{display:flex;gap:.15rem}.debug-bar .tab{padding:.25rem .6rem;border-radius:7px;font-size:.8rem;color:var(--muted)}.debug-bar .tab:hover{background:var(--surface-2)}.debug-bar .tab.on{background:var(--accent-soft);color:var(--text)}.debug-bar .filter{width:12rem;font-size:.8rem;padding:.2rem .45rem}.debug-body{flex:1;min-height:0;display:grid}.debug-body>*{grid-area:1 / 1;overflow:auto}.trace{font:11.5px/1.55 var(--mono);padding:.4rem .6rem}.frame{display:grid;grid-template-columns:6.5rem 1rem 9rem minmax(0,1fr);gap:.5rem;padding:.05rem 0;border-radius:3px}.frame:hover{background:var(--surface-2)}.frame .stamp{color:var(--muted)}.frame .arrow{text-align:center}.frame.out .arrow,.frame.out .kind{color:var(--accent)}.frame.in .arrow,.frame.in .kind{color:var(--link)}.frame.bad .arrow,.frame.bad .kind,.frame.bad .raw{color:var(--admin)}.frame .raw{white-space:pre-wrap;overflow-wrap:anywhere}.facts{font:12px/1.7 var(--mono);padding:.5rem .7rem}.fact{display:grid;grid-template-columns:11rem minmax(0,1fr);gap:.75rem}.fact .k{color:var(--muted)}.fact .v{overflow-wrap:anywhere}@media (max-width: 60rem){.panes{grid-template-columns:minmax(0,1fr) 13rem}.rail{grid-column:1 / -1;grid-row:1;display:flex;gap:.35rem;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:.35rem .5rem}.panes{grid-template-rows:auto minmax(0,1fr)}main{grid-row:2}.roster{grid-row:2}.rail-head{display:none}.rail-item{width:auto}.line{grid-template-columns:4.2rem 1.1rem 6rem minmax(0,1fr)}}@media (max-width: 44rem){.panes{position:relative;grid-template-columns:minmax(0,1fr)}.people-toggle{display:inline-flex}.people-toggle.on{border-color:var(--accent);color:var(--accent)}.roster{position:absolute;inset:0 0 0 auto;width:min(17rem,78vw);z-index:20;box-shadow:var(--shadow);transform:translate(100%);transition:transform .18s ease}body.show-roster .roster{transform:none}.roster-close{display:inline-flex}.scrim{display:block;position:absolute;inset:0;z-index:19;background:#00000073;opacity:0;pointer-events:none;transition:opacity .18s ease}body.show-roster .scrim{opacity:1;pointer-events:auto}.line{display:block;padding:.12rem 0}.line .time{display:none}.line .gutter{display:inline-flex;margin-right:.3rem;vertical-align:-3px}.line .name{display:inline;text-align:left;margin-right:.4rem}.line .text{display:inline}.line.cont .gutter,.line.cont .name{display:none}.line.broadcast .name{display:inline;margin-right:.4rem}.topbar{gap:.35rem}.identity .nick,.subject{display:none}}