:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#f2f2f2;--accent:#7fd4ff;--muted:#a8b0b8;--focus:#fff;--warn:#ffd27f;background:#000;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:#000;width:100%;height:100%;margin:0;overflow:hidden}body{place-items:center;display:grid}#root{background:#000;grid-template-rows:auto auto minmax(0,1fr) auto;gap:8px;width:600px;height:600px;padding:16px 22px 10px;display:grid;overflow:hidden}@media (max-width:599px),(max-height:599px){body>#root{width:min(600px,100vw);height:min(600px,100dvh);padding:10px 12px 6px}}.bar{color:var(--muted);align-items:center;gap:10px;font-size:16px;display:flex}.brand{font-weight:600}.mode{margin-left:auto;font-size:14px}.mode.mock{border:1px solid var(--warn);color:var(--warn);letter-spacing:.04em;border-radius:6px;padding:1px 8px}#view{flex-direction:column;gap:8px;min-height:0;display:flex;overflow:hidden}h1{overflow-wrap:anywhere;margin:0;font-size:26px;font-weight:600;line-height:1.15}.meta,.recipient{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:16px}.recipient{color:var(--accent)}.warn{color:var(--warn)}.content{flex-direction:column;flex:auto;gap:8px;min-height:0;display:flex;overflow:hidden}.content.scroll{overflow-y:auto}.para{overflow-wrap:anywhere;margin:0;font-size:20px;line-height:1.3}.para.you,.para.meta{color:var(--muted);font-size:17px}.row,.chips{flex-wrap:wrap;gap:8px;display:flex}.chips button{flex:1 1 0;min-width:0;padding:0 8px;font-size:17px}.field-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.pager[hidden]{display:none}button,input,textarea{font:inherit;color:inherit;background:#000;border:2px solid #5a646e;border-radius:14px}button{cursor:pointer;min-height:52px;padding:0 16px;font-size:20px;font-weight:600}button.primary{border-color:var(--accent);color:var(--accent)}button[aria-busy=true]{opacity:.6}.agent-btn{text-align:left;flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-start;width:100%;min-height:60px;padding:6px 14px;display:flex}.agent-title{overflow-wrap:anywhere;font-size:19px}.agent-meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:15px;font-weight:400;overflow:hidden}input,textarea{width:100%;min-height:52px;padding:8px 12px;font-size:20px}textarea{resize:none;flex-shrink:0;height:150px}label{display:block}:focus{outline:none}:focus-visible,button:focus,input:focus,textarea:focus,.content.scroll:focus{border-color:var(--focus);box-shadow:0 0 0 3px var(--focus)}.status{min-height:20px;color:var(--muted);margin:0;font-size:15px}.status.error{color:var(--warn)}.pair-code{letter-spacing:.12em;text-align:center;color:var(--accent);font-variant-numeric:tabular-nums;margin:0;font-size:54px;font-weight:700}.nav-item{text-align:left;flex-direction:column;flex-shrink:0;justify-content:center;align-items:flex-start;width:100%;min-height:62px;padding:6px 16px;display:flex}.nav-label{font-size:22px}.nav-count{color:var(--muted);font-size:16px;font-weight:400}.chip{text-align:left;flex-shrink:0;width:100%}.para.section{letter-spacing:.06em;color:var(--accent);font-size:15px;font-weight:700}.para.fact{font-size:18px}#view input,#view textarea{flex-shrink:0}.nav-item.compact{flex-direction:row;justify-content:space-between;align-items:center;min-height:50px}.nav-item.compact .nav-count{color:var(--accent);font-size:22px;font-weight:600}.agent-btn.needs{border-color:var(--accent)}.para.draft{font-size:21px}.para.finding.guess{color:var(--muted)}.row.opts{flex-wrap:wrap}.row.opts button,#root[data-view=card] .row button{flex:auto;min-height:46px;padding:0 12px;font-size:18px}#root[data-view=card] h1{font-size:24px}#root>.bar{grid-row:1}#root>.banner{grid-row:2}#root>#view{grid-row:3}#root>.status{grid-row:4}.banner{border:2px solid var(--accent);color:var(--accent);white-space:nowrap;text-overflow:ellipsis;border-radius:10px;margin:0;padding:4px 12px;font-size:17px;font-weight:600;overflow:hidden}.banner[hidden]{display:none}.banner.alert{border-color:var(--warn);color:var(--warn)}h1.root-title{color:var(--muted);font-size:18px;font-weight:600}.row.tabs,.row.lanes{flex-wrap:nowrap;gap:6px}.row.tabs button,.row.lanes button{white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;min-height:44px;padding:0 6px;font-size:18px;overflow:hidden}.row.lanes button{min-height:40px;font-size:16px;font-weight:500}button.tab.on,button.lane.on,button.chip.on{border-color:var(--accent);color:var(--accent);background:#08202c}.row.root-actions button{flex:1 1 0;min-height:46px;font-size:18px}#root[data-view=field] .agent-btn,#root[data-view=todo] .agent-btn,#root[data-view=briefing] .agent-btn{min-height:54px}#root[data-view=field] .chip{min-height:44px}.agent-btn.alert{border-color:var(--warn)}.agent-btn.alert .agent-title{color:var(--warn)}.rcpt,.para.rcpt{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:15px}#root[data-view=more] .nav-item{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:2px 14px}#root[data-view=more] .nav-count{text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}#root[data-view=more] .nav-label{white-space:nowrap}#root[data-view=agent] .row.opts button{font-size:16px}