:root{--bg: #12161c;--bg-sunk: #0d1116;--bg-raise: #1a2028;--edge: #262e38;--edge-soft: #1d242c;--ink: #e9e5dc;--ink-mid: #97a1ad;--ink-low: #7a8898;--amber: #f0a830;--amber-tint: #f0a8300f;--cyan: #5fd0c8;--cyan-tint: #5fd0c81f;--red: #e2564d;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--radius: 6px;--rail: 288px;--sans: "Archivo", ui-sans-serif, system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;color-scheme:dark}@media(prefers-color-scheme:light){:root{--bg: #eceae4;--bg-sunk: #e0ddd5;--bg-raise: #f6f4f0;--edge: #c8c3b9;--edge-soft: #dad6ce;--ink: #171b21;--ink-mid: #4c555f;--ink-low: #5b626a;--amber: #98590a;--amber-tint: #98590a12;--cyan: #0d635d;--cyan-tint: #0d635d16;--red: #b22f29;color-scheme:light}}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{height:100%}body{margin:0;height:100dvh;height:var(--app-h, 100dvh);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px;border-radius:2px}.topbar{display:flex;align-items:center;gap:var(--s5);padding:var(--s3) var(--s5);background:var(--bg-sunk);border-bottom:1px solid var(--edge)}.brand{font-variation-settings:"wdth" 118,"wght" 700;letter-spacing:.14em;font-size:14px;white-space:nowrap;margin-right:auto}.brand em{font-style:normal;color:var(--amber)}.status{display:flex;align-items:center;gap:var(--s2);min-width:0}.lamp{width:8px;height:8px;border-radius:50%;background:var(--ink-low);flex:none}.lamp[data-state=live]{background:var(--cyan);box-shadow:0 0 0 3px var(--cyan-tint)}.lamp[data-state=working]{background:var(--amber);animation:pulse 1.2s ease-in-out infinite}.lamp[data-state=lost]{background:var(--red)}@keyframes pulse{50%{opacity:.3}}.status-text{font-family:var(--mono);font-size:12px;color:var(--ink-mid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.peers-toggle{display:none;align-items:center;gap:var(--s2);font:inherit;font-size:12px;font-family:var(--mono);padding:var(--s2) var(--s3);min-height:44px;background:transparent;color:var(--ink-mid);border:1px solid var(--edge);border-radius:var(--radius);cursor:pointer}.peers-toggle .dot{width:6px;height:6px;border-radius:50%;background:var(--cyan)}.stage{min-height:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) var(--rail)}.connect{grid-column:1 / -1;align-self:center;justify-self:center;width:min(100%,420px);max-height:100%;overflow-y:auto;padding:var(--s5)}.connect-card{background:var(--bg-sunk);border:1px solid var(--edge);border-radius:10px;padding:var(--s5)}.connect-card h1{margin:0 0 var(--s4);font-size:19px;letter-spacing:-.01em;font-variation-settings:"wdth" 104,"wght" 600}.btn{font:inherit;font-size:14px;font-variation-settings:"wdth" 96,"wght" 600;letter-spacing:.03em;padding:0 var(--s4);min-height:44px;border-radius:var(--radius);border:1px solid var(--edge);background:var(--bg-raise);color:var(--ink);cursor:pointer;transition:filter .15s ease,border-color .15s ease}.btn:hover:not(:disabled){border-color:var(--ink-low)}.btn.primary{background:var(--amber);border-color:var(--amber);color:#14181d}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn:disabled{opacity:.4;cursor:not-allowed}.choices{display:grid;gap:var(--s2)}.choice{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--s3);width:100%;text-align:left;font:inherit;padding:var(--s3) var(--s4);min-height:56px;background:var(--bg-raise);border:1px solid var(--edge);border-radius:var(--radius);color:var(--ink);cursor:pointer;transition:border-color .15s ease,background .15s ease}.choice:hover:not(:disabled){border-color:var(--amber);background:var(--amber-tint)}.choice:disabled{opacity:.4;cursor:not-allowed}.choice-name{font-size:16px;font-variation-settings:"wght" 600}.choice-hint{font-family:var(--mono);font-size:11px;color:var(--ink-low)}.alert{margin:var(--s4) 0 0;font-size:14px;color:var(--red)}.alert:empty{margin:0}.room{min-width:0;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr)}.thread{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--s4) 0;display:flex;flex-direction:column}.thread-empty{margin:auto;padding:var(--s5);font-family:var(--mono);font-size:12px;color:var(--ink-low);text-align:center}.msg{padding:var(--s2) var(--s5);border-left:3px solid transparent}.msg:hover{background:var(--edge-soft)}.msg+.msg{margin-top:1px}.msg-head{display:flex;align-items:baseline;gap:var(--s2);flex-wrap:wrap;font-family:var(--mono);font-size:11px;margin-bottom:1px}.msg-who{color:var(--cyan);font-weight:700}.msg-when{color:var(--ink-low)}.msg.grouped{padding-top:0}.msg.grouped .msg-head[hidden]{display:none}.msg.names-me{background:var(--cyan-tint);border-left-color:var(--cyan)}.msg.names-me:hover{background:color-mix(in srgb,var(--cyan) 12%,transparent)}.mention{font-weight:700}.mention.me{color:var(--cyan);background:color-mix(in srgb,var(--cyan) 18%,transparent);border-radius:3px;padding:0 3px}.msg-quote{display:flex;gap:var(--s2);margin-bottom:2px;padding-left:var(--s2);border-left:2px solid var(--edge);font-size:12px;color:var(--ink-mid);max-width:68ch}.quote-who{font-family:var(--mono);font-size:11px;font-weight:700;flex:none;max-width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quote-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quote-text.missing{font-style:italic;color:var(--ink-low)}.day-sep{display:flex;align-items:center;gap:var(--s3);margin:var(--s3) var(--s5) var(--s2);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-low)}.day-sep:before,.day-sep:after{content:"";flex:1;height:1px;background:var(--edge)}.day-sep:before{flex:0 0 var(--s3)}.jump{position:absolute;left:50%;transform:translate(-50%);bottom:calc(100% + var(--s2));font:inherit;font-size:12px;font-family:var(--mono);padding:var(--s2) var(--s4);background:var(--cyan);color:#0b0e13;border:0;border-radius:99px;cursor:pointer;box-shadow:0 6px 18px #0007}.msg-text{max-width:68ch;overflow-wrap:anywhere}.msg.mine{border-left-color:var(--amber);background:var(--amber-tint)}.msg.mine:hover{background:color-mix(in srgb,var(--amber) 9%,transparent)}.msg.mine .msg-who{color:var(--amber)}.msg.unacked{border-left-color:var(--red)}.msg{cursor:pointer}.msg-head .mark-relay{margin-left:var(--s1)}.mark-relay{color:var(--amber);font-weight:700;cursor:help}.mark-read{color:var(--cyan);font-weight:700;cursor:help;margin-left:calc(var(--s2) * -1 + 5px)}.mark-relay:empty,.mark-read:empty{display:none}.mark-read.waiting{font-weight:400;cursor:default}.mark-read.waiting{color:var(--ink-low)}.msg.unacked .mark-read.waiting{color:var(--red)}.composer{position:relative;min-width:0;padding:var(--s3) var(--s5) calc(var(--s3) + env(safe-area-inset-bottom));border-top:1px solid var(--edge);background:var(--bg-sunk)}.composer-line{display:flex;gap:var(--s2);align-items:stretch}.mention-list{position:absolute;left:var(--s5);right:var(--s5);bottom:calc(100% - var(--s3));margin:0;padding:var(--s1);list-style:none;max-height:40vh;overflow-y:auto;background:var(--bg-raise);border:1px solid var(--edge);border-radius:var(--radius);box-shadow:0 10px 30px #0009;z-index:5}.mention-choice{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s3);border-radius:var(--radius);font-size:14px;cursor:pointer}.mention-choice.on{background:var(--cyan-tint)}.choice-dot{width:8px;height:8px;border-radius:50%;flex:none}.reply-strip{display:flex;align-items:center;gap:var(--s2);min-width:0;margin-bottom:var(--s2);padding:var(--s2) var(--s3);border-left:2px solid var(--cyan);background:var(--bg-raise);border-radius:0 var(--radius) var(--radius) 0;font-size:12px;color:var(--ink-mid)}.reply-who{font-family:var(--mono);font-size:11px;font-weight:700;flex:none;max-width:40%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-text{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-cancel{flex:none;font:inherit;font-size:18px;line-height:1;width:44px;height:44px;background:transparent;border:0;border-radius:var(--radius);color:var(--ink-mid);cursor:pointer}.reply-cancel:hover{color:var(--ink);background:var(--edge-soft)}#text{flex:1;min-width:0;font:inherit;font-size:16px;padding:0 var(--s3);min-height:44px;background:var(--bg);border:1px solid var(--edge);border-radius:var(--radius);color:var(--ink)}#text::placeholder{color:var(--ink-low)}#text:focus{border-color:var(--ink-low)}.composer-meta{margin:var(--s2) 0 0;font-family:var(--mono);font-size:11px;color:var(--ink-low)}.composer-meta:has(#costText:empty){display:none}.composer-meta[data-state=cost]{color:var(--amber)}.composer-meta[data-state=over]{color:var(--red)}.panel{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--s4) var(--s4) var(--s5);background:var(--bg-sunk);border-left:1px solid var(--edge)}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel h2{margin:0 0 var(--s3);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-low);font-variation-settings:"wdth" 88,"wght" 600}.panel .panel-sub{margin-top:var(--s6);padding-top:var(--s4);border-top:1px solid var(--edge)}.panel-close{display:none;font:inherit;font-size:22px;line-height:1;width:44px;height:44px;background:none;border:0;color:var(--ink-mid);cursor:pointer}.roster{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s2)}.roster li{display:flex;align-items:center;gap:var(--s2);min-width:0;font-family:var(--mono);font-size:12px}.roster .dot{width:6px;height:6px;border-radius:50%;background:var(--cyan);flex:none}.roster .who{color:var(--ink);margin-right:auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.roster .meta{color:var(--ink-low);font-size:11px;white-space:nowrap}.roster .empty{color:var(--ink-low)}.roster li.quiet .dot{background:var(--ink-low)}.roster li.quiet .who{color:var(--ink-low)}.facts{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s1) var(--s3)}.facts dt{font-family:var(--mono);font-size:11px;color:var(--ink-low)}.facts dd{margin:0;font-family:var(--mono);font-size:11px;color:var(--ink-mid);text-align:right;overflow:hidden;text-overflow:ellipsis}.scrim{display:none}.thread,.panel{scrollbar-width:thin;scrollbar-color:var(--edge) transparent}.thread::-webkit-scrollbar,.panel::-webkit-scrollbar{width:10px}.thread::-webkit-scrollbar-track,.panel::-webkit-scrollbar-track{background:transparent}.thread::-webkit-scrollbar-thumb,.panel::-webkit-scrollbar-thumb{background:var(--edge);border-radius:99px;border:3px solid transparent;background-clip:content-box}.thread::-webkit-scrollbar-thumb:hover,.panel::-webkit-scrollbar-thumb:hover{background:var(--ink-low);background-clip:content-box}@media(max-width:900px){.topbar{gap:var(--s3);padding:var(--s3) var(--s4)}.peers-toggle{display:flex}.stage{grid-template-columns:minmax(0,1fr)}.msg,.composer{padding-left:var(--s4);padding-right:var(--s4)}.panel{position:fixed;inset:0 0 0 auto;width:min(320px,86vw);z-index:20;transform:translate(100%);transition:transform .22s ease;box-shadow:-12px 0 32px #0008}.panel[data-open=true]{transform:none}.panel-close{display:block}.scrim{display:block;position:fixed;inset:0;z-index:19;background:#0009;opacity:0;pointer-events:none;transition:opacity .22s ease}.scrim[data-open=true]{opacity:1;pointer-events:auto}}@media(max-width:420px){.brand{font-size:12px;letter-spacing:.1em}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.sheet-scrim{position:fixed;inset:0;z-index:40;background:#0009}.sheet{position:fixed;z-index:41;left:50%;bottom:0;transform:translate(-50%);width:min(440px,100%);padding:var(--s4) var(--s4) calc(var(--s4) + env(safe-area-inset-bottom));background:var(--bg-raise);border:1px solid var(--edge);border-radius:12px 12px 0 0;box-shadow:0 -12px 40px #000a}@media(min-width:640px){.sheet{top:50%;bottom:auto;transform:translate(-50%,-50%);border-radius:12px}}.sheet-head{display:flex;align-items:baseline;gap:var(--s2);font-size:14px}.sheet-who{font-family:var(--mono);font-size:12px;font-weight:700}.sheet-when{font-family:var(--mono);font-size:11px;color:var(--ink-low)}.sheet-text{margin:var(--s2) 0 0;max-height:30vh;overflow-y:auto;overflow-wrap:anywhere}.sheet-fate{margin:var(--s2) 0 var(--s4);font-family:var(--mono);font-size:11px;color:var(--ink-mid)}.sheet-acts{display:grid;gap:var(--s2)}.act{font:inherit;font-size:14px;text-align:left;padding:var(--s3) var(--s4);min-height:46px;background:var(--bg);color:var(--ink);border:1px solid var(--edge);border-radius:var(--radius);cursor:pointer}.act:hover{border-color:var(--ink-low)}.act.danger{color:var(--amber);border-color:color-mix(in srgb,var(--amber) 45%,var(--edge))}