:root,[data-text-size]{--text-scale:1.25;--text-unit:calc(1rem * var(--text-scale,1.25))}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--page:#f4f2ee;--page-edge:#e4e0d8;--surface:#fffefc;--surface-sunken:#edeae4;--surface-raised:#fff;--ink:#131218;--ink-soft:#38353f;--ink-muted:#5a5764;--line:#d9d4cb;--line-strong:#b6b0a4;--accent:#3927b8;--accent-ink:#fff;--accent-soft:#e9e5ff;--accent-quiet:#372ba6;--idle-bg:#e2ded6;--idle-ink:#3d3a45;--working-bg:#d5e4fb;--working-ink:#0f3872;--blocked-bg:#fbdbd3;--blocked-ink:#7d2717;--done-bg:#d1ecd9;--done-ink:#0f5531;--terminal-bg:#1a1922;--terminal-ink:#ebe8f4;--radius:18px;--radius-small:12px;--radius-pill:999px;--lift:0 1px 2px #1312180f, 0 10px 24px -16px #1312184d;--font-sans:Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace;--gap:calc(var(--text-unit) * .8);--tap:48px;color:var(--ink);background:var(--page);font-family:var(--font-sans)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--page:#0d0d12;--page-edge:#08080b;--surface:#16161d;--surface-sunken:#101017;--surface-raised:#1d1d26;--ink:#f1eff8;--ink-soft:#cac7d7;--ink-muted:#a29fb0;--line:#2c2c37;--line-strong:#40404f;--accent:#c9b9ff;--accent-ink:#1d1638;--accent-soft:#262040;--accent-quiet:#d6cbff;--idle-bg:#2a2a34;--idle-ink:#d0cddb;--working-bg:#1c3c66;--working-ink:#b3d4fa;--blocked-bg:#612c22;--blocked-ink:#f8bdae;--done-bg:#1d4d36;--done-ink:#a6e4c0;--terminal-bg:#08080c;--terminal-ink:#e8e5f2;--lift:0 1px 0 #ffffff08, 0 12px 24px -18px #000c}}*{box-sizing:border-box;min-width:0}body{font-size:var(--text-unit);background:linear-gradient(var(--page), var(--page-edge) 70%);-webkit-text-size-adjust:none;background-attachment:fixed;min-height:100vh;margin:0;line-height:1.55}main{max-width:900px;padding:max(12px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));margin:auto}h1,h2,h3,p{overflow-wrap:anywhere;margin:0}h1{font-size:calc(var(--text-unit) * 1.9);letter-spacing:-.03em;font-weight:800;line-height:1.12}h2{font-size:calc(var(--text-unit) * 1.2);letter-spacing:-.015em}h3{font-size:calc(var(--text-unit) * 1.05);margin:0 0 var(--gap);letter-spacing:-.01em}section{margin-top:calc(var(--gap) * 2)}.eyebrow{color:var(--accent-quiet);text-transform:uppercase;letter-spacing:.14em;font-weight:800;font-size:calc(var(--text-unit) * .7);margin-bottom:var(--gap)}.subtitle{color:var(--ink-soft);margin-top:var(--gap);font-size:var(--text-unit);line-height:1.6}small,.empty{color:var(--ink-muted);font-size:calc(var(--text-unit) * .85);overflow-wrap:anywhere}.empty{padding:var(--gap) calc(var(--gap) * 1.2);background:var(--surface-sunken);border:1px dashed var(--line-strong);border-radius:var(--radius-small);line-height:1.55}p[role=status]{color:var(--ink-soft);font-size:calc(var(--text-unit) * .88);overflow-wrap:anywhere}button{font:inherit;font-size:var(--text-unit);border-radius:var(--radius-small);padding:calc(var(--text-unit) * .55) calc(var(--text-unit) * .9);min-height:var(--tap);background:var(--accent);color:var(--accent-ink);letter-spacing:-.01em;border:0;font-weight:700;transition:transform 80ms,background-color .12s,border-color .12s}button:active{transform:scale(.97)}button[disabled]{opacity:.5}:focus-visible{outline:3px solid var(--accent-quiet);outline-offset:2px}select,textarea{font:inherit;font-size:var(--text-unit);width:100%;min-height:var(--tap);background:var(--surface);color:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius-small);padding:calc(var(--text-unit) * .55) calc(var(--text-unit) * .6)}textarea{resize:vertical;line-height:1.6}.topbar{--text-unit:calc(1rem * 1.2);z-index:5;background:var(--page);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 0;display:flex;position:sticky;top:0;box-shadow:0 10px 16px -14px #1312188c}.topbar:after{content:"";background:linear-gradient(var(--page), transparent);pointer-events:none;height:0;position:absolute;top:100%;left:0;right:0}main:has(.projection) .topbar:after{height:calc(var(--text-unit) * 1.2)}.topbar select{flex:8ch;min-height:44px}.status-pill{padding:calc(var(--text-unit) * .35) calc(var(--text-unit) * .65);border-radius:var(--radius-pill);font-size:calc(var(--text-unit) * .78);letter-spacing:.02em;white-space:nowrap;flex:none;font-weight:800}.status-pill.live{background:var(--done-bg);color:var(--done-ink)}.status-pill.unavailable{background:var(--blocked-bg);color:var(--blocked-ink)}.text-size{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-pill);align-items:center;gap:2px;padding:2px;display:flex}.text-size button{color:var(--ink-soft);border-radius:var(--radius-pill);min-width:40px;min-height:40px;font-size:calc(var(--text-unit) * .85);background:0 0;padding:0 4px}.text-size button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.section-heading{margin-bottom:var(--gap);justify-content:space-between;align-items:baseline;gap:12px;display:flex}.section-heading>span{color:var(--ink-muted);font-size:calc(var(--text-unit) * .85);white-space:nowrap;font-weight:700}ul{gap:var(--gap);margin:0;padding:0;list-style:none;display:grid}li{border:1px solid var(--line);border-radius:var(--radius-small);padding:calc(var(--text-unit) * .7);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;display:flex}li div{gap:5px;display:grid}li strong{font-size:calc(var(--text-unit) * 1.02);overflow-wrap:anywhere}.status{text-transform:capitalize;padding:calc(var(--text-unit) * .28) calc(var(--text-unit) * .55);border-radius:var(--radius-pill);font-size:calc(var(--text-unit) * .76);white-space:nowrap;background:var(--idle-bg);color:var(--idle-ink);flex:none;font-weight:800}.status.working{background:var(--working-bg);color:var(--working-ink)}.status.blocked{background:var(--blocked-bg);color:var(--blocked-ink)}.status.done{background:var(--done-bg);color:var(--done-ink)}.create-workspace,.notification-setup{gap:var(--gap);padding:calc(var(--text-unit) * .85);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--lift);display:grid}.notification-setup p{color:var(--ink-soft);font-size:calc(var(--text-unit) * .88);line-height:1.55}.notification-setup .status-pill:not(.live):not(.unavailable){background:var(--idle-bg);color:var(--idle-ink)}.create-workspace label,.prompt-composer label{color:var(--ink-soft);font-weight:700;font-size:calc(var(--text-unit) * .85);gap:6px;display:grid}.workspace-grid{gap:var(--gap);display:grid}.workspace-row{align-items:stretch;gap:8px;display:flex}.workspace-row .workspace-card{flex:auto}.workspace-move{flex:none;gap:6px;display:grid}.workspace-move button{background:var(--surface);color:var(--ink-soft);border:1px solid var(--line);min-width:var(--tap);min-height:38px;font-size:calc(var(--text-unit) * .85);padding:0}.workspace-move button[disabled]{opacity:.35}.workspace-card{text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--ink);padding:calc(var(--text-unit) * .75);border-radius:var(--radius);box-shadow:var(--lift);justify-content:space-between;align-items:flex-start;gap:12px;font-weight:500;display:flex}.workspace-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft), var(--lift)}.workspace-card div{gap:6px;display:grid}.workspace-card strong{font-size:calc(var(--text-unit) * 1.05);letter-spacing:-.01em;overflow-wrap:anywhere}.workspace-card .activity{color:var(--ink-soft);font-size:calc(var(--text-unit) * .88);overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.workspace-screen{margin-top:var(--gap)}.screen-actions{--text-unit:calc(1rem * 1.2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.back-button{color:var(--accent-quiet);white-space:nowrap;background:0 0;min-height:44px;padding:8px 0;font-weight:800}.quiet-action{color:var(--ink-muted);border:1px solid var(--line);min-height:40px;padding:0 calc(var(--text-unit) * .6);font-weight:600;font-size:calc(var(--text-unit) * .9);white-space:nowrap;background:0 0}.detail{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:calc(var(--text-unit) * .85);box-shadow:var(--lift)}.agent-switcher{flex-wrap:wrap;gap:8px;display:flex}.agent-chip{color:var(--ink);background:var(--surface-sunken);border:1px solid var(--line);min-height:44px;padding:0 calc(var(--text-unit) * .55);align-items:center;gap:8px;font-weight:500;display:flex}.agent-chip strong{font-size:calc(var(--text-unit) * .92)}.agent-chip[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}details{margin-top:calc(var(--gap) * 1.4);color:var(--ink-soft)}summary{cursor:pointer;min-height:var(--tap);font-size:var(--text-unit);padding:12px 0;font-weight:700}details ul{margin-top:var(--gap)}.conversation{margin-top:calc(var(--gap) * 1.2);border-top:1px solid var(--line);padding-top:calc(var(--gap) * 1.2)}.conversation-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.conversation-heading h3{margin:0}.conversation-heading p,.read-note{color:var(--ink-muted);font-size:calc(var(--text-unit) * .85);overflow-wrap:anywhere;margin:6px 0 0;line-height:1.5}.conversation-actions{margin-top:var(--gap);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.view-toggle{background:var(--surface-sunken);border:1px solid var(--line);border-radius:var(--radius-small);flex-wrap:wrap;gap:2px;padding:2px;display:flex}.view-toggle button{color:var(--ink-soft);min-height:40px;font-size:calc(var(--text-unit) * .88);background:0 0;flex:12ch}.view-toggle button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.pin-toggle,.jump-to-newest{color:var(--ink-muted);border:1px solid var(--line);background:0 0;font-weight:600}.pin-toggle{min-height:40px;padding:0 calc(var(--text-unit) * .55);font-size:calc(var(--text-unit) * .78);margin-left:auto}.pin-toggle[aria-pressed=true]{color:var(--accent-quiet);border-color:var(--accent);background:var(--accent-soft)}.quiet{background:var(--surface-sunken);color:var(--ink-soft);border:1px solid var(--line)}.jump-to-newest{left:max(12px, env(safe-area-inset-left));bottom:max(12px, env(safe-area-inset-bottom));z-index:4;background:var(--surface-raised);color:var(--accent-quiet);font-size:calc(var(--text-unit) * .85);box-shadow:var(--lift);position:fixed}.projection{gap:calc(var(--gap) * 1.15);margin:var(--gap) 0 0;display:grid}.block-caption{font-size:calc(var(--text-unit) * .68);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-muted);margin-bottom:4px;font-weight:800;display:block}.owner-prompt{background:var(--accent-soft);border-left:4px solid var(--accent);border-radius:4px var(--radius-small) var(--radius-small) 4px;padding:calc(var(--text-unit) * .7) calc(var(--text-unit) * .8);color:var(--ink);font-weight:500;line-height:1.6}.owner-prompt p+p,.agent-prose p+p{margin-top:.75em}.agent-prose{color:var(--ink);max-width:62ch;padding:0 2px;line-height:1.72}.agent-prose p{overflow-wrap:break-word}.tool-activity{padding:calc(var(--text-unit) * .45) calc(var(--text-unit) * .6);background:var(--surface-sunken);border:1px solid var(--line);border-radius:var(--radius-small);flex-wrap:wrap;align-items:baseline;gap:6px 8px;display:flex}.tool-label{font-size:calc(var(--text-unit) * .66);text-transform:uppercase;letter-spacing:.09em;color:var(--ink-muted);background:var(--idle-bg);border-radius:var(--radius-pill);flex:none;padding:2px 8px;font-weight:800}.tool-detail{min-width:16ch;font-family:var(--font-mono);font-size:calc(var(--text-unit) * .78);color:var(--ink-soft);overflow-wrap:anywhere;word-break:break-word;flex:18ch;line-height:1.5}.tool-result{font-size:calc(var(--text-unit) * .76);color:var(--ink-muted);overflow-wrap:anywhere;flex:100%;line-height:1.5}.status-line{color:var(--ink-muted);font-size:calc(var(--text-unit) * .78);overflow-wrap:anywhere;padding:0 2px;line-height:1.5}pre{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:var(--gap) 0 0;padding:calc(var(--text-unit) * .6);background:var(--terminal-bg);color:var(--terminal-ink);border-radius:var(--radius-small);border:1px solid var(--line);font-family:var(--font-mono);font-size:calc(var(--text-unit) * .8);line-height:1.6}.prompt-composer{gap:var(--gap);margin-top:calc(var(--gap) * 1.6);flex-direction:column;display:flex}.prompt-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.prompt-actions button{flex:auto}.auth-gate{gap:calc(var(--gap) * 2);align-content:center;min-height:100vh;display:grid}.auth-card{gap:var(--gap);padding:calc(var(--text-unit) * 1);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);box-shadow:var(--lift);display:grid}.auth-card button{width:100%}.auth-card small{line-height:1.6}@media (width>=640px){main{padding:max(28px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(36px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left))}h1{font-size:calc(var(--text-unit) * 2.4)}.prompt-actions button{flex:none}}@media (prefers-reduced-motion:reduce){button{transition:none}button:active{transform:none}}