:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0f1e;--bg-2:#0c1428;--surface:#111a2e;--surface-2:#16203a;--surface-3:#1d2a49;--border:#263453;--border-strong:#35476e;--text:#eaf0ff;--text-muted:#9db0d4;--text-faint:#6f83a8;--accent:#6d8cff;--accent-strong:#7f9bff;--accent-soft:#6d8cff24;--accent-ring:#6d8cff73;--joy:#8b7bff;--good:#47d3a0;--good-soft:#47d3a024;--warn:#ffc861;--warn-soft:#ffc86124;--bad:#ff7c8e;--bad-soft:#ff7c8e24;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:22px;--r-pill:999px;--font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--fs-display:28px;--fs-h1:22px;--fs-h2:18px;--fs-body:15px;--fs-sm:13px;--fs-xs:12px;--lh:1.5;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 24px #00000047;--shadow-lg:0 24px 60px #00000073;--ease:cubic-bezier(.22, .61, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-1:.12s;--dur-2:.2s;--dur-3:.32s;--sidebar-w:248px;--header-h:60px;--content-max:900px}*{box-sizing:border-box}html,body,#root{min-width:0;height:100%;margin:0}html{background:var(--bg)}body{color:var(--text);background:radial-gradient(900px 480px at 10% -12%, #6d8cff21, transparent 65%), radial-gradient(720px 420px at 105% 8%, #8b7bff17, transparent 60%), var(--bg);font:var(--fs-body) / var(--lh) var(--font);-webkit-font-smoothing:antialiased;overflow:hidden}button,input,textarea,select{color:inherit;font:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:default}a{color:var(--accent-strong)}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px;border-radius:var(--r-sm)}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.good-text{color:var(--good)}.danger-text{color:var(--bad)!important}.h1{font-size:var(--fs-h1);letter-spacing:-.015em;font-weight:720}.h2{font-size:var(--fs-h2);font-weight:680}.display{font-size:var(--fs-display);letter-spacing:-.025em;font-weight:760}.sm{font-size:var(--fs-sm)}.xs{font-size:var(--fs-xs)}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.proto{grid-template-rows:auto minmax(0,1fr);min-width:0;height:100dvh;display:grid;overflow:hidden}.proto-topbar{z-index:100;align-items:center;gap:var(--sp-3);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0f1ee6;min-width:0;padding:10px 16px;display:flex}.proto-brand{white-space:nowrap;font-weight:720}.proto-brand span{color:var(--text-faint);font-weight:500}.proto-seg{border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface);gap:2px;padding:3px;display:inline-flex}.proto-seg button{border-radius:var(--r-pill);min-height:36px;color:var(--text-muted);font-size:var(--fs-sm);padding:6px 12px}.proto-seg button.on{color:var(--text);background:var(--surface-3)}.proto-stage{min-width:0;min-height:0;padding:var(--sp-4);place-items:center;display:grid;overflow:hidden}.device{background:var(--bg);border:1px solid var(--border);min-width:0;min-height:0;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.device.responsive{border-radius:var(--r-lg);width:100%;max-width:1480px;height:100%}.device.direct-app{max-width:none;box-shadow:none;border:0;border-radius:0}.device.desktop{border-radius:var(--r-lg);width:min(1180px,100%);height:min(760px,100%)}.device.mobile{border-radius:28px;width:min(390px,100%);height:min(844px,100%)}.device.compact{border-radius:24px;width:min(320px,100%);height:min(700px,100%)}.device.mobile .app{border-radius:28px}.device.compact .app{border-radius:24px}.app{isolation:isolate;width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.app.desktop,.app.responsive{grid-template-columns:var(--sidebar-w) minmax(0, 1fr)}.app.mobile{grid-template-rows:minmax(0,1fr) auto}.app-main{min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.screen{grid-template-rows:auto minmax(0,1fr);min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.screen.chat-screen{grid-template-rows:auto minmax(0,1fr) auto}.project-detail-screen{grid-template-rows:auto auto minmax(0,1fr)}.screen-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;min-width:0;min-height:0;overflow:hidden auto}.page{width:min(100%, var(--content-max));margin:0 auto;padding:clamp(18px,3vw,32px)}.page-mobile{padding:16px}.content-narrow{width:min(100%,720px);margin-inline:auto}@keyframes riseIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=720px){:root{--fs-display:25px;--fs-h1:20px}.proto-stage{padding:0}.device.responsive{border:0;border-radius:0}.app.responsive{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr}.app.responsive .sidebar,.proto-brand span{display:none}.proto-topbar{gap:6px;padding:8px}.proto-topbar>.btn{display:none}.proto-seg button{min-height:40px;padding-inline:9px}}@media (width>=721px){.app.responsive .tabbar{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.btn{border-radius:var(--r-md);min-height:44px;transition:background var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease), transform var(--dur-1) var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-weight:650;display:inline-flex}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.48}.btn-primary{color:#071020;background:var(--accent);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-ghost{color:var(--text);border-color:var(--border);background:var(--surface-2)}.btn-quiet{color:var(--text-muted)}.btn-quiet:hover:not(:disabled){color:var(--text);background:var(--surface-2)}.btn-danger{color:var(--bad);background:var(--bad-soft);border-color:#ff7c8e7a}.btn-sm{min-height:44px;font-size:var(--fs-sm);padding:7px 11px}.btn-block{width:100%}.align-start{align-self:start}.align-end{align-self:end}.icon-button{border-radius:var(--r-md);width:44px;height:44px;color:var(--text-muted);flex:none;place-items:center;display:inline-grid}.icon-button:hover:not(:disabled){color:var(--text);background:var(--surface-2)}.icon-button.compact{width:44px;min-width:44px;height:44px}.card{border:1px solid var(--border);border-radius:var(--r-lg);min-width:0;box-shadow:var(--shadow-sm);background:#111a2ee0;padding:18px}.card-hover{transition:transform var(--dur-2) var(--ease), border-color var(--dur-2) var(--ease)}.card-hover:hover{border-color:var(--border-strong);transform:translateY(-2px)}.stack{gap:12px;min-width:0;display:grid}.stack-sm{gap:6px;min-width:0;display:grid}.row{flex-wrap:wrap;align-items:center;gap:12px;min-width:0;display:flex}.row-between{justify-content:space-between;align-items:center;gap:12px;min-width:0;display:flex}.spacer{flex:auto}.grid-2,.metric-grid,.settings-grid,.usage-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.usage-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.badge{border:1px solid var(--border);border-radius:var(--r-pill);width:max-content;max-width:100%;min-height:24px;color:var(--text-muted);background:var(--surface-2);font-size:var(--fs-xs);align-items:center;gap:6px;padding:3px 9px;font-weight:650;display:inline-flex}.badge .dot,.status-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.badge.good{color:var(--good);background:var(--good-soft);border-color:#0000}.badge.warn{color:var(--warn);background:var(--warn-soft);border-color:#0000}.badge.bad{color:var(--bad);background:var(--bad-soft);border-color:#0000}.badge.accent{color:var(--accent-strong);background:var(--accent-soft);border-color:#0000}.status-dot{margin-right:6px;display:inline-block}.status-dot.good{color:var(--good);background:var(--good)}.status-dot.warn{color:var(--warn);background:var(--warn)}.chip,.routing-chip{border:1px solid var(--border);border-radius:var(--r-pill);max-width:100%;min-height:34px;color:var(--text-muted);background:var(--surface-2);font-size:var(--fs-sm);align-items:center;gap:6px;padding:5px 10px;display:inline-flex}.chip.clickable{min-height:40px}.chip.clickable:hover{color:var(--text);border-color:var(--border-strong)}.field{gap:7px;display:grid}.field>.label{color:var(--text-muted);font-size:var(--fs-sm);font-weight:600}.input,.textarea,.select,.mobile-section-select select{border:1px solid var(--border);border-radius:var(--r-md);width:100%;min-height:46px;color:var(--text);background:var(--bg-2);padding:11px 12px}.input:focus,.textarea:focus,.select:focus,.mobile-section-select select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:0}.textarea{resize:vertical;min-height:76px;line-height:1.5}.textarea.tall{min-height:150px}.hint{color:var(--text-faint);font-size:var(--fs-xs)}.inline-error,.composer-error{border-radius:var(--r-md);color:var(--bad);background:var(--bad-soft);font-size:var(--fs-sm);border:1px solid #ff7c8e73;padding:10px 12px}.inline-status{border:1px solid var(--border);border-radius:var(--r-md);color:var(--muted);background:var(--surface-raised);font-size:var(--fs-sm);padding:10px 12px}.device-login-code{border:1px solid var(--border-strong);border-radius:var(--r-lg);background:var(--surface-raised);text-align:center;gap:6px;padding:16px;display:grid}.device-login-code strong{color:var(--text);font-family:var(--font-mono);letter-spacing:.12em;overflow-wrap:anywhere;font-size:clamp(1.3rem,5vw,1.8rem)}.sidebar{border-right:1px solid var(--border);background:#0d142894;flex-direction:column;gap:4px;min-width:0;min-height:0;padding:16px 12px;display:flex;overflow-y:auto}.side-brand{align-items:center;gap:10px;padding:8px 8px 18px;display:flex}.side-brand .logo{color:#071020;background:linear-gradient(135deg,var(--accent),var(--joy));border-radius:10px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.nav-item{border-radius:var(--r-md);min-height:46px;color:var(--text-muted);text-align:left;align-items:center;gap:12px;padding:10px 12px;font-weight:600;display:flex}.nav-item:hover{color:var(--text);background:var(--surface-2)}.nav-item.on{color:var(--text);background:var(--surface-3)}.nav-item .count{border-radius:var(--r-pill);color:#071020;background:var(--accent);font-size:var(--fs-xs);margin-left:auto;padding:1px 7px}.nav-sep{background:var(--border);height:1px;margin:8px}.tabbar{z-index:20;padding:7px 6px max(7px, env(safe-area-inset-bottom));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0f1ef5;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.tab{border-radius:var(--r-md);min-width:0;min-height:56px;color:var(--text-faint);align-content:center;place-items:center;gap:2px;font-size:11px;display:grid;position:relative}.tab.on{color:var(--accent-strong);background:#6d8cff12}.tab .pip{border:2px solid var(--bg);background:var(--bad);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:calc(50% - 17px)}.appbar{z-index:10;min-width:0;min-height:var(--header-h);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0f1edb;align-items:center;gap:10px;padding:9px 16px;display:flex}.appbar-title{gap:0}.ctx,.conversation-chip{border:1px solid var(--border);border-radius:var(--r-md);min-width:0;min-height:44px;color:var(--text);background:var(--surface-2);align-items:center;gap:8px;padding:5px 9px;display:inline-flex}.ctx:hover,.conversation-chip:hover{border-color:var(--border-strong)}.ctx .swatch{border-radius:8px;flex:none;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.context-label{text-align:left;gap:0}.conversation-chip{max-width:min(280px,30vw);color:var(--text-muted)}.conversation-chip>.truncate{max-width:190px}.chat-page{min-height:100%;padding-bottom:26px}.daily-start{align-content:center;gap:26px;min-height:100%;padding-block:20px;display:grid}.hero-copy{gap:8px;width:min(100%,720px);display:grid}.hero-copy h1{letter-spacing:-.035em;max-width:680px;font-size:clamp(28px,5vw,44px);line-height:1.08}.hero-copy p{max-width:680px;color:var(--text-muted)}.eyebrow,.section-heading,.section-title{color:var(--text-faint);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:750}.attention-card{border-radius:var(--r-lg);width:100%;min-height:64px;color:var(--text);background:linear-gradient(90deg,var(--warn-soft),transparent),var(--surface);text-align:left;border:1px solid #ffc86152;align-items:center;gap:12px;padding:12px 14px;display:flex}.attention-icon{color:#261b00;background:var(--warn);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.start-section{gap:10px;display:grid}.resume-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.resume-card,.settings-card{border:1px solid var(--border);border-radius:var(--r-lg);min-width:0;min-height:72px;color:var(--text);background:var(--surface);text-align:left;align-items:center;gap:10px;padding:12px;display:flex}.resume-card:hover,.settings-card:hover{border-color:var(--border-strong);background:var(--surface-2)}.resume-icon{background:var(--surface-3);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.resume-copy,.settings-copy{flex:1;min-width:0}.project-shortcuts{flex-wrap:wrap;gap:8px;padding-bottom:3px;display:flex}.project-shortcut{border:1px solid var(--border);border-radius:var(--r-pill);min-height:44px;color:var(--text);background:var(--surface);white-space:nowrap;align-items:center;gap:8px;padding:6px 10px;display:inline-flex}.thread{flex-direction:column;gap:14px;display:flex}.bubble{border-radius:var(--r-lg);white-space:pre-wrap;overflow-wrap:anywhere;max-width:min(78%,720px);animation:riseIn var(--dur-2) var(--ease-out);padding:12px 15px}.bubble.user{color:#071020;background:var(--accent);border-bottom-right-radius:6px;align-self:flex-end}.bubble.agent{border:1px solid var(--border);background:var(--surface-2);border-bottom-left-radius:6px;align-self:flex-start}.assistant-result{align-self:flex-start;gap:6px;max-width:min(78%,720px);display:grid}.assistant-result .bubble{max-width:100%}.routing-chip{color:var(--accent-strong);background:var(--accent-soft);align-self:flex-start}.attachment-history{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.attachment-history .chip{color:#071020;background:#0710201f;border-color:#07102040}.agent-progress{border:1px solid var(--border);border-radius:var(--r-lg);background:#111a2eb3;align-self:flex-start;width:min(88%,720px);overflow:hidden}.agent-progress>summary{cursor:pointer;align-items:center;gap:10px;min-height:54px;padding:10px 12px;list-style:none;display:flex}.agent-progress>summary::-webkit-details-marker{display:none}.progress-icon,.tl-ic,.audit-icon{width:28px;height:28px;color:var(--accent-strong);background:var(--accent-soft);border-radius:50%;flex:none;place-items:center;display:grid}.progress-icon.active svg,.tl-row.active svg{animation:.9s linear infinite spin}.progress-icon.done,.tl-row.done .tl-ic{color:var(--good);background:var(--good-soft)}.progress-copy{text-align:left;flex:1;gap:0}.timeline{gap:2px;padding:0 12px 12px 50px;display:grid}.tl-row{min-width:0;min-height:34px;color:var(--text-muted);font-size:var(--fs-sm);align-items:center;gap:8px;display:flex}.tl-row .tl-ic{width:22px;height:22px;margin-left:-38px}.tl-row code,.technical-details code{color:var(--accent-strong);background:var(--accent-soft);font-size:var(--fs-xs);overflow-wrap:anywhere;border-radius:6px;padding:2px 6px}.technical-details{border-top:1px solid var(--border);gap:5px;margin-top:6px;padding-top:10px;display:grid}.technical-details code{width:max-content;max-width:100%}.usage-row{color:var(--text-faint);font-size:var(--fs-xs);margin-left:6px}.usage-row summary{cursor:pointer;min-height:32px}.usage-details{flex-wrap:wrap;gap:10px;padding:4px 0 0 14px;display:flex}.status-card{border:1px solid var(--border);border-radius:var(--r-md);max-width:min(88%,720px);color:var(--text-muted);background:var(--surface);font-size:var(--fs-sm);flex-wrap:wrap;align-self:flex-start;align-items:center;gap:9px;padding:10px 12px;display:flex}.status-card strong{color:var(--text)}.handoff-history{flex-direction:column;align-items:flex-start}.handoff-diagnostics{border-top:1px solid var(--border);grid-template-columns:max-content minmax(0,1fr);gap:5px 12px;width:100%;margin:2px 0 0;padding-top:8px;display:grid}.handoff-diagnostics dt{color:var(--text-muted);font-size:var(--fs-xs);font-weight:650}.handoff-diagnostics dd{min-width:0;color:var(--text);overflow-wrap:anywhere;margin:0}.handoff-diagnostics code{max-width:100%;color:var(--text-muted);background:var(--surface-3);overflow-wrap:anywhere;border-radius:5px;margin:0 6px 3px 0;padding:1px 5px;font-size:.78rem;display:inline-block}.checkpoint-result{background:var(--good-soft);border-color:#47d3a047}.error-status,.handoff-expired,.handoff-unavailable{color:var(--bad);background:var(--bad-soft);border-color:#ff7c8e59}.new-activity{z-index:9;border:1px solid var(--accent-ring);border-radius:var(--r-pill);min-height:44px;color:var(--text);background:var(--surface-3);box-shadow:var(--shadow-md);padding:8px 13px;position:absolute;bottom:112px;right:24px}.approval{border:1px solid var(--accent-ring);border-radius:var(--r-lg);background:linear-gradient(180deg,var(--accent-soft),transparent),var(--surface);width:min(88%,720px);box-shadow:var(--shadow-md);align-self:flex-start;gap:12px;padding:16px;display:grid}.approval .who{align-items:center;gap:8px;font-weight:680;display:flex}.approval .action{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-2);padding:11px 12px}.approval .scope{color:var(--text-faint);font-size:var(--fs-xs)}.approval .inline-note{border-radius:var(--r-md);background:#ffbe5214;border:1px solid #ffbe5259;gap:4px;padding:11px 12px;display:grid}.composer{z-index:11;padding:10px 16px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0f1ef0;gap:8px;display:grid}.composer-box{width:min(100%,var(--content-max));border:1px solid var(--border);background:var(--bg-2);border-radius:18px;align-items:flex-end;gap:5px;min-width:0;margin:0 auto;padding:5px 5px 5px 7px;display:flex}.composer-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.composer-box textarea{resize:none;min-width:0;min-height:44px;max-height:160px;color:var(--text);background:0 0;border:0;outline:0;flex:1;padding:11px 6px 9px;overflow-y:auto}.composer-action{flex:none;min-height:44px}.suggests,.attachment-chips{width:min(100%,var(--content-max));gap:7px;margin:0 auto;padding:2px;display:flex;overflow-x:auto}.suggests>button{white-space:normal;text-align:left;flex:none;max-width:min(260px,78vw);min-height:44px}.attachment-chip{flex:0 auto;min-width:0}.composer-error{width:min(100%,var(--content-max));margin:0 auto}.continuation-target{width:min(100%,var(--content-max));gap:5px;margin:0 auto;display:grid}.continuation-target select{min-height:44px}.proj-swatch{border-radius:var(--r-md);flex:none;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.proj-swatch.small{border-radius:9px;width:30px;height:30px;font-size:14px}.context-row,.conversation-row{border:1px solid var(--border);border-radius:var(--r-md);width:100%;min-height:56px;color:var(--text);text-align:left;align-items:center;gap:10px;padding:9px 10px;display:flex}.context-row:hover,.conversation-row:hover{background:var(--surface-2)}.context-icon{background:var(--surface-3);border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.context-copy{flex:1;gap:0;min-width:0}.search-field{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-2);align-items:center;gap:8px;min-height:46px;padding:0 12px;display:flex}.search-field input{background:0 0;border:0;outline:0;flex:1;min-width:0}.conversation-list{max-height:min(420px,50vh);overflow-y:auto}.empty-compact{color:var(--text-faint);text-align:center;padding:24px 14px}.overlay{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn var(--dur-2) var(--ease);background:#04070eb8;padding:20px;display:grid;position:fixed;inset:0}.overlay.center{place-items:center}.overlay.bottom{align-items:end;padding:0}.sheet{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);width:min(520px,100%);max-height:min(760px,100dvh - 32px);box-shadow:var(--shadow-lg);animation:riseIn var(--dur-3) var(--ease-out);padding:20px;overflow-y:auto}.overlay.bottom .sheet{width:100%;max-height:min(86dvh,760px);padding:20px 16px calc(20px + env(safe-area-inset-bottom));border-radius:var(--r-xl) var(--r-xl) 0 0}.sheet-footer{border-top:1px solid var(--border);background:var(--surface);margin:4px -20px -20px;padding:14px 20px 20px;position:sticky;bottom:-20px}.step-progress{gap:5px;display:flex}.step-progress span{background:var(--surface-3);border-radius:3px;width:24px;height:4px}.step-progress span.on{background:var(--accent)}.source-option{border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;align-items:center;gap:10px;min-height:64px;padding:10px 12px;display:flex}.source-option.selected{border-color:var(--accent);background:var(--accent-soft)}.file-drop{border:1px dashed var(--border-strong);border-radius:var(--r-lg);text-align:center;cursor:pointer;align-content:center;place-items:center;gap:5px;min-height:112px;padding:16px;display:grid}.file-drop input{max-width:100%}.handoff{z-index:100;min-width:0;min-height:0;animation:fadeIn var(--dur-2) var(--ease);background:#070b16;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0}.handoff-hero{border-bottom:1px solid var(--border);gap:8px;padding:18px clamp(16px,3vw,28px) 14px;display:grid}.handoff-badge{align-self:start}.handoff-title-row{align-items:start}.handoff-stage{background:#000;min-width:0;min-height:0;margin:0;overflow:hidden}.handoff-actions{padding:12px clamp(16px,3vw,28px) max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:var(--surface);gap:10px;display:flex}.expiry-badge{border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-muted);background:var(--surface-2);font-variant-numeric:tabular-nums;flex:none;padding:6px 9px}.live-takeover{background:#05070b;grid-template-rows:auto auto minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid}.live-toolbar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:8px;min-height:44px;padding:7px 10px;display:flex}.browser-tabs{border-bottom:1px solid var(--border);align-items:center;gap:6px;min-height:44px;padding:6px 10px;display:flex;overflow-x:auto}.live-canvas{background:#000;place-items:center;min-width:0;min-height:0;display:grid;position:relative}.live-frame{border:0;width:100%;height:100%}.control-hint{border:1px solid var(--border);border-radius:var(--r-pill);max-width:calc(100% - 24px);color:var(--text-muted);font-size:var(--fs-xs);white-space:nowrap;background:#111a2ee0;padding:7px 10px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.manual-browser-frame{border:1px solid var(--border);border-radius:var(--r-md);height:min(360px,45dvh);overflow:hidden}.sheet.live-view-sheet{width:min(1180px,100vw - 32px);max-height:calc(100dvh - 32px)}.sheet.live-view-sheet .manual-browser-frame{height:min(720px,100dvh - 190px)}.overlay.bottom .sheet.live-view-sheet{max-height:94dvh}.overlay.bottom .sheet.live-view-sheet .manual-browser-frame{height:calc(94dvh - 190px);min-height:320px}.toasts{z-index:120;pointer-events:none;gap:8px;max-width:min(420px,100vw - 32px);display:grid;position:fixed;bottom:18px;right:18px}.toast{border:1px solid var(--border-strong);border-radius:var(--r-pill);background:var(--surface-3);min-height:44px;box-shadow:var(--shadow-md);pointer-events:auto;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.toast.good svg{color:var(--good)}.empty{color:var(--text-muted);text-align:center;justify-items:center;gap:10px;padding:48px 20px;display:grid}.empty .art{border:1px solid var(--border);border-radius:var(--r-lg);width:56px;height:56px;color:var(--accent-strong);background:var(--surface-2);place-items:center;display:grid}.tabs{border-bottom:1px solid var(--border);gap:4px;min-width:0;padding:0 16px;display:flex;overflow:hidden}.tabs button{min-height:44px;color:var(--text-muted);font-size:var(--fs-sm);white-space:nowrap;border-bottom:2px solid #0000;padding:8px 11px;font-weight:650}.tabs button.on{color:var(--text);border-bottom-color:var(--accent)}.mobile-section-select{border-bottom:1px solid var(--border);padding:10px 16px;display:block}.mobile-section-select select{appearance:auto}.meter{border-radius:var(--r-pill);background:var(--surface-2);height:8px;overflow:hidden}.meter>i{border-radius:inherit;background:linear-gradient(90deg,var(--good),var(--accent));height:100%;display:block}.lrow{border-radius:var(--r-md);align-items:center;gap:12px;min-width:0;min-height:56px;padding:10px 12px;display:flex}.lrow:hover{background:var(--surface-2)}.divide>*+*{border-top:1px solid var(--border)}.switch{border:1px solid var(--border);border-radius:var(--r-pill);background:var(--surface-3);flex:none;width:48px;height:32px;position:relative}.switch.on{background:var(--accent);border-color:#0000}.switch i{width:20px;height:20px;transition:left var(--dur-1) var(--ease);background:#fff;border-radius:50%;position:absolute;top:5px;left:5px}.switch.on i{left:21px}.mono{max-width:100%;color:var(--text-faint);font:var(--fs-xs)/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.readiness-card{border-radius:var(--r-xl);background:linear-gradient(135deg,#6d8cff29,#8b7bff0f),var(--surface);border:1px solid #6d8cff4d;grid-template-columns:1.3fr 1fr;gap:24px;padding:24px;display:grid}.readiness-grid{color:var(--text-muted);font-size:var(--fs-sm);align-content:center;gap:9px;display:grid}.settings-card{min-height:92px}.settings-icon{width:40px;height:40px;color:var(--accent-strong);background:var(--accent-soft);border-radius:12px;flex:none;place-items:center;font-size:19px;display:grid}.shared-session-note,.admin-note{border-radius:var(--r-lg);color:var(--text-muted);background:var(--accent-soft);font-size:var(--fs-sm);border:1px solid #6d8cff47;align-items:center;gap:10px;padding:13px 14px;display:flex}.connection-list{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);display:grid;overflow:hidden}.connection-row{grid-template-columns:auto minmax(140px,1fr) auto auto;align-items:center;gap:10px;min-height:68px;padding:10px 12px;display:grid}.connection-row+.connection-row,.add-row{border-top:1px solid var(--border)}.connection-icon{width:36px;height:36px;color:var(--accent-strong);background:var(--surface-2);border-radius:10px;place-items:center;display:grid}.connection-copy{gap:0}.connection-actions{gap:5px;display:flex}.add-row{min-height:50px;color:var(--accent-strong)}.quick-sites{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.quick-site{border:1px solid var(--border);border-radius:var(--r-md);min-height:48px;color:var(--text);background:var(--surface-2);text-align:left;padding:9px 11px}.model-ladder{gap:0;margin:0;padding:0;list-style:none;display:grid}.model-ladder li{align-items:center;gap:12px;min-height:64px;padding:9px 0;display:flex}.model-ladder li+li{border-top:1px solid var(--border)}.ladder-number{width:30px;height:30px;color:var(--accent-strong);background:var(--accent-soft);border-radius:50%;flex:none;place-items:center;font-weight:750;display:grid}.metric-card{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);gap:4px;min-width:0;padding:16px;display:grid}.metric-value{letter-spacing:-.02em;font-size:24px}.danger-card{border-color:#ff7c8e59}.admin-user-row{align-items:center;gap:10px;min-width:0;min-height:68px;padding:10px 0;display:flex}.avatar{border:1px solid var(--border);background:var(--surface-2);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid}.admin-user-copy{flex:1;gap:0;min-width:0}.audit-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:50px;padding:8px 0;display:grid}.audit-icon.good{color:var(--good);background:var(--good-soft)}.audit-icon.bad{color:var(--bad);background:var(--bad-soft)}.table-wrap{max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}th,td{border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;padding:10px}th{color:var(--text-faint);font-size:var(--fs-xs);text-transform:uppercase}.composer-options{justify-content:space-between;align-items:center;gap:12px;padding:0 4px 6px;display:flex}.mode-switch{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;grid-template-columns:1fr 1fr;padding:3px;display:inline-grid}.mode-switch button{min-width:64px;min-height:38px;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:9px}.mode-switch button.active{color:var(--text);background:var(--surface-3);box-shadow:0 1px 4px #0003}.task-budget{color:var(--text-muted);font-size:var(--fs-xs);align-items:center;gap:8px;display:flex}.budget-input{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;align-items:center;gap:2px;min-height:38px;padding:0 8px;display:inline-flex}.budget-input input{width:58px;color:var(--text);font:inherit;background:0 0;border:0;outline:0}.budget-input.large{width:fit-content;min-height:44px}.budget-input.large input{width:88px}.status-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.inline-budget{color:var(--text-muted);font-size:var(--fs-xs);align-items:center;gap:6px;display:flex}.inline-budget input{border:1px solid var(--border);width:76px;min-height:44px;color:var(--text);background:var(--surface-2);border-radius:9px;padding:0 8px}.plan-text{white-space:pre-wrap;line-height:1.55}.question-card fieldset{border:0;gap:8px;min-width:0;margin:8px 0;padding:0;display:grid}.question-card legend{margin-bottom:8px;font-weight:650}.question-option{border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;min-height:44px;padding:9px;display:flex}.question-option span{gap:2px;display:grid}.question-option small{color:var(--text-muted)}.knowledge-entry{gap:10px}.handoff-resume-dock{z-index:80;border:1px solid var(--accent);background:var(--surface);width:min(640px,100% - 36px);box-shadow:var(--shadow-lg);border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex;position:absolute;bottom:18px;right:18px}.handoff-resume-dock>span{flex:1;min-width:0;display:grid}.handoff-resume-dock small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.login-screen{place-items:center;width:100%;height:100%;padding:20px;display:grid;overflow-y:auto}.login-card{border:1px solid var(--border);border-radius:var(--r-xl);background:var(--surface);width:min(420px,100%);box-shadow:var(--shadow-lg);gap:16px;padding:24px;display:grid}.login-brand{padding:0 0 8px}.login-help{color:var(--text-muted);font-size:var(--fs-sm)}.login-help summary{cursor:pointer;min-height:40px}.device.desktop .overlay,.device.mobile .overlay,.device.compact .overlay,.device.desktop .handoff,.device.mobile .handoff,.device.compact .handoff,.device.desktop .toasts,.device.mobile .toasts,.device.compact .toasts{position:absolute}.app.mobile .appbar{gap:5px;min-height:58px;padding-inline:10px}.app.mobile .ctx{max-width:46px;padding:5px}.app.mobile .ctx .context-label{display:none}.app.mobile .conversation-chip{flex:1;max-width:none}.app.mobile .conversation-chip>.truncate{max-width:155px}.app.mobile .desktop-label{display:none}.app.mobile .page{padding:16px}.app.mobile .grid-2,.app.mobile .settings-grid,.app.mobile .usage-summary-grid,.app.mobile .metric-grid{grid-template-columns:1fr}.app.mobile .readiness-card{grid-template-columns:1fr;gap:16px;padding:18px}.app.mobile .daily-start{align-content:start;gap:22px;padding-top:24px}.app.mobile .resume-grid{grid-template-columns:1fr}.app.mobile .bubble,.app.mobile .assistant-result{max-width:92%}.app.mobile .agent-progress,.app.mobile .approval,.app.mobile .status-card{width:96%;max-width:96%}.app.mobile .composer{padding-inline:8px}.app.mobile .suggests{scrollbar-width:none}.app.mobile .project-shortcuts{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.app.mobile .new-activity{bottom:104px;right:12px}.app.mobile .tabs{display:none}.app.mobile .connection-row{grid-template-columns:auto minmax(0,1fr) auto}.app.mobile .connection-row>.badge{grid-column:2}.app.mobile .connection-actions{grid-column:1/-1}.app.mobile .connection-actions .btn{flex:1}.app.mobile .handoff-hero{padding:12px}.app.mobile .handoff-actions{padding:10px 12px max(10px,env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;display:grid}.app.mobile .handoff-actions .spacer{display:none}.app.mobile .handoff-actions .btn-danger{grid-column:1/-1}.app.mobile .quick-sites{grid-template-columns:1fr}.app.mobile .toasts{bottom:74px;right:8px}@media (width<=980px){.metric-grid,.usage-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resume-grid{grid-template-columns:1fr 1fr}}@media (width<=720px){.appbar{min-height:58px;padding-inline:12px}.chat-appbar{gap:6px}.ctx{max-width:46px;padding:5px}.ctx .context-label{display:none}.conversation-chip{flex:1;max-width:none}.desktop-label{display:none}.page{padding:16px}.grid-2,.settings-grid,.usage-summary-grid,.metric-grid{grid-template-columns:1fr}.readiness-card{grid-template-columns:1fr;gap:16px;padding:18px}.daily-start{align-content:start;gap:22px;padding-top:28px}.resume-grid{grid-template-columns:1fr}.bubble,.assistant-result{max-width:92%}.agent-progress,.approval,.status-card{width:96%;max-width:96%}.composer{padding-inline:8px}.suggests{scrollbar-width:none}.project-shortcuts{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.new-activity{bottom:104px;right:12px}.tabs{display:none}.connection-row{grid-template-columns:auto minmax(0,1fr) auto}.connection-row>.badge{grid-column:2}.connection-actions{grid-column:1/-1}.connection-actions .btn{flex:1}.handoff-hero{padding:12px}.handoff-title-row{display:flex}.handoff-actions{padding:10px 12px max(10px,env(safe-area-inset-bottom));grid-template-columns:1fr 1fr;display:grid}.handoff-actions .spacer{display:none}.handoff-actions .btn-danger{grid-column:1/-1}.sheet-footer{align-items:end}.quick-sites{grid-template-columns:1fr}.toasts{bottom:74px;right:8px}.composer-options{gap:6px}.task-budget>span:first-child{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.mode-switch button{min-width:58px;min-height:44px}.budget-input{min-height:44px}.handoff-resume-dock{right:8px;bottom:calc(72px + env(safe-area-inset-bottom));flex-wrap:wrap;width:calc(100% - 16px)}.handoff-resume-dock>span{flex-basis:100%}}@media (width<=380px){.proto-brand{display:none}.conversation-chip>.truncate{max-width:120px}.hero-copy h1{font-size:27px}.composer-box{border-radius:15px}.handoff-actions{grid-template-columns:1fr}.handoff-actions .btn-danger{grid-column:auto}}.knowledge-toolbar{align-items:end;gap:var(--sp-2);flex-wrap:wrap;display:flex}.knowledge-search{flex:240px}.knowledge-meta{gap:var(--sp-3);align-items:end}.knowledge-meta>.faint{overflow-wrap:anywhere;min-width:0}.knowledge-entry .textarea{min-height:112px}@media (width<=520px){.handoff-diagnostics{grid-template-columns:1fr;gap:2px}.handoff-diagnostics dt:not(:first-child){margin-top:5px}.knowledge-toolbar>.btn{flex:1}.knowledge-meta{flex-direction:column;align-items:stretch}.knowledge-meta>.row{width:100%}.knowledge-meta>.row .btn{flex:1}}