:root{color-scheme:light dark;--bg: #f7f7f5;--surface: #ffffff;--text: #1c1d1f;--muted: #6a6d73;--line: #dedfe2;--accent: #2f5fd0;--accent-text: #ffffff;--mine: #e6edfc;--ok: #1f8a4c;--warn: #9a5b00;--warn-bg: #fff4dc;--error: #b3261e;--radius: 10px;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #131416;--surface: #1c1e21;--text: #e8e9eb;--muted: #9a9da3;--line: #2e3136;--accent: #7ea2f5;--accent-text: #0e1320;--mine: #22304f;--ok: #5fcf8e;--warn: #f0c36a;--warn-bg: #3a2f14;--error: #ff8a80}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}h1{font-size:1.35rem;margin:0}h2{font-size:1.05rem;margin:0 0 .25rem}p{margin:.4rem 0}a{color:var(--accent)}code{font:.85em ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.muted{color:var(--muted);font-size:.875rem}.error{color:var(--error);font-size:.875rem}.grow{flex:1}.column{max-width:720px;margin:0 auto;padding:1.25rem 1rem 2rem;min-height:100dvh;display:flex;flex-direction:column;gap:.75rem}.screen{justify-content:center;gap:1rem}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}.top nav{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.pill{font-size:.8rem;padding:.2rem .65rem;border-radius:999px;border:1px solid var(--line);color:var(--muted);white-space:nowrap}.pill.live{color:var(--ok);border-color:currentColor}.banner{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.6rem .8rem;font-size:.9rem}.banner.warn{background:var(--warn-bg);color:var(--warn);border-color:transparent}button{font:inherit;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);border-radius:8px;padding:.45rem .95rem}button.secondary{background:transparent;color:var(--text);border-color:var(--line)}button.link{background:none;border:none;padding:0;color:var(--accent);text-decoration:underline}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,textarea{font:inherit;width:100%;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:.55rem .7rem}textarea{resize:vertical}label{display:grid;gap:.3rem;font-size:.9rem;margin:.6rem 0}.actions{display:flex;gap:.6rem;flex-wrap:wrap;margin:.8rem 0}.thread{list-style:none;margin:0;padding:.25rem 0;flex:1;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;min-height:8rem}.empty{color:var(--muted);text-align:center;padding:2rem 1rem;list-style:none}.bubble{max-width:85%;align-self:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.5rem .75rem}.bubble.mine{align-self:flex-end;background:var(--mine);border-color:transparent}.bubble .text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.bubble .meta{font-size:.75rem;color:var(--muted);margin:.25rem 0 0}.file,.attachments li{display:flex;gap:.6rem;align-items:baseline;flex-wrap:wrap;font-size:.9rem}.file-name{font-weight:600;overflow-wrap:anywhere}.attachments{list-style:none;margin:0;padding:0}.composer{display:grid;gap:.5rem}.composer-row{display:flex;gap:.6rem;align-items:center}.identity{border-top:1px solid var(--line);padding-top:.6rem}.dashboard{max-width:1080px;margin:0 auto;padding:1.25rem 1rem;min-height:100dvh;display:flex;flex-direction:column;gap:.75rem}.panes{display:grid;grid-template-columns:minmax(200px,300px) 1fr;gap:1rem;flex:1;min-height:0}@media(max-width:720px){.panes{grid-template-columns:1fr}}.threads{list-style:none;margin:0;padding:0;display:grid;gap:.35rem}.thread-row{width:100%;text-align:left;display:grid;grid-template-columns:1fr auto;gap:.1rem .5rem;background:var(--surface);color:var(--text);border:1px solid var(--line);padding:.55rem .7rem}.thread-row.selected{border-color:var(--accent)}.thread-name{font-weight:600;display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.preview{grid-column:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count{grid-row:1 / span 2;grid-column:2;align-self:center;background:var(--accent);color:var(--accent-text);border-radius:999px;font-size:.75rem;padding:0 .5rem}.dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--ok);display:inline-block}.badge{font-size:.7rem;font-weight:600;color:var(--ok);border:1px solid currentColor;border-radius:999px;padding:0 .4rem}.conversation{display:flex;flex-direction:column;gap:.75rem;min-height:60dvh}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1rem}.panel table{border-collapse:collapse;width:100%;font-size:.9rem;font-variant-numeric:tabular-nums}.panel th,.panel td{text-align:left;padding:.3rem .5rem .3rem 0;border-bottom:1px solid var(--line)}.code{font:.8rem ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:.6rem}.code.block{display:block;padding:.5rem;border:1px solid var(--line);border-radius:8px;margin:.5rem 0}.collect{margin:0 0 .5rem}label.check{display:flex;align-items:center;gap:.5rem}label.check input{width:auto}.progress{height:6px;border-radius:999px;background:var(--line);overflow:hidden;max-width:320px}.progress span{display:block;height:100%;background:var(--accent);transition:width .2s ease}.progress span.indeterminate{animation:slide 1.4s ease-in-out infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(340%)}}@media(prefers-reduced-motion:reduce){.progress span.indeterminate{animation:none}}.status-line{display:flex;gap:.5rem;flex-wrap:wrap;align-items:baseline}
