:root{color-scheme:light dark;--font-ui: -apple-system, "SF Pro Text", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, "Cascadia Code", monospace;--bg: #faf9f5;--bg-raised: #ffffff;--bg-sunken: #f2f0e9;--border: #e5e2da;--border-soft: #eae7df;--text: #1f1e1d;--text-dim: #6b6862;--text-faint: #9a968d;--accent: #d97757;--accent-ink: #ffffff;--accent-soft-bg: #fcede7;--accent-soft-fg: #b4551f;--live: #1a8a73;--live-soft-bg: #e3f3ee;--live-soft-fg: #14705c;--transit: #8a7638;--transit-soft-bg: #f5efdc;--transit-soft-fg: #6e5c28;--danger: #c13b39;--danger-soft-bg: #fbe9e8;--danger-soft-fg: #97302e;--radius: 10px}@media(prefers-color-scheme:dark){:root{--bg: #262624;--bg-raised: #30302e;--bg-sunken: #1f1e1d;--border: #3d3d3a;--border-soft: #2f2f2d;--text: #f0eee6;--text-dim: #a3a099;--text-faint: #78756e;--accent: #d97757;--accent-ink: #1f1e1d;--accent-soft-bg: #40291f;--accent-soft-fg: #e89b79;--live: #4fd6c4;--live-soft-bg: #243830;--live-soft-fg: #7fd1b9;--transit: #c9b36b;--transit-soft-bg: #3a362c;--transit-soft-fg: #d6c68a;--danger: #e5484d;--danger-soft-bg: #4a2422;--danger-soft-fg: #f0928f}}:root{--bg-raised-2: var(--bg-sunken);--font-body: var(--font-ui);--amber: var(--accent);--amber-dim: var(--accent-soft-bg);--amber-ink: var(--accent-ink);--teal: var(--live);--teal-dim: var(--live-soft-bg);--red: var(--danger);--red-dim: var(--danger-soft-bg)}*{box-sizing:border-box}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}@media(display-mode:standalone){:root{--safe-top: max(env(safe-area-inset-top, 0px), 47px)}}html,body,#root{height:100%}html{overflow:hidden;overscroll-behavior:none}body{position:fixed;top:0;right:0;bottom:0;left:0;margin:0;font:16px/1.5 var(--font-body);background:var(--bg);color:var(--text);overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}button{-webkit-tap-highlight-color:transparent}h1{font:600 1.05rem/1.2 var(--font-ui);letter-spacing:.02em;margin:0}.app-shell{display:flex;flex-direction:column;height:100dvh}.topbar{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:max(.75rem,var(--safe-top)) max(1rem,var(--safe-right)) .75rem max(1rem,var(--safe-left));border-bottom:1px solid var(--border-soft);background:var(--bg)}.detail-topbar{gap:.5rem}.detail-topbar h1{font:500 .95rem/1.3 var(--font-body);color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1 1 auto;min-width:0}.scroll-area{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;padding:.75rem max(1rem,var(--safe-right)) max(1.25rem,var(--safe-bottom)) max(1rem,var(--safe-left))}main{min-height:100%}.center{display:grid;place-items:center;min-height:100dvh;padding:max(1.5rem,var(--safe-top)) max(1.5rem,var(--safe-right)) max(1.5rem,var(--safe-bottom)) max(1.5rem,var(--safe-left));background:radial-gradient(ellipse at 50% 35%,var(--bg-raised) 0%,var(--bg) 65%)}.primary{min-height:44px;padding:.7rem 1.25rem;font:600 .95rem/1 var(--font-ui);color:var(--accent-ink);background:var(--accent);border:none;border-radius:999px;transition:opacity .15s ease}.primary:active{opacity:.6}.back{min-height:44px;min-width:44px;display:inline-flex;align-items:center;background:none;border:0;color:var(--accent);font:500 .95rem/1 var(--font-ui);padding:0 .5rem 0 0;flex:0 0 auto}.back:active{opacity:.6}@keyframes alarm-pulse{0%,to{border-left-color:var(--danger)}50%{border-left-color:var(--danger-soft-bg)}}.banner{position:relative;display:flex;align-items:center;gap:.6rem;margin:0 0 .75rem;padding:.8rem .9rem .8rem 1rem;border-radius:8px;border-left:4px solid var(--accent);background:var(--accent-soft-bg);color:var(--accent-soft-fg);font:600 .82rem/1.4 var(--font-ui)}.banner:before{content:"";flex:0 0 auto;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid currentColor}.banner-error{border-left-color:var(--danger);background:var(--danger-soft-bg);color:var(--danger-soft-fg);animation:alarm-pulse 2.2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.banner-error{animation:none}}.empty{color:var(--text-faint);font:.9rem var(--font-ui);padding:.5rem .1rem}.list{display:grid;gap:0}.chips{display:flex;gap:.35rem;overflow-x:auto;padding:.1rem 0 .5rem;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{flex:none;font:600 .72rem/1 var(--font-ui);padding:.4rem .7rem;border-radius:999px;border:1px solid var(--border);background:var(--bg-sunken);color:var(--text-dim);cursor:pointer}.chip-on{background:var(--accent-soft-bg);border-color:var(--accent);color:var(--accent-soft-fg)}.section{font:700 .66rem/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);margin:.9rem 0 .15rem}.section-urgent{color:var(--accent-soft-fg)}.section-more{font:600 .78rem/1 var(--font-ui);color:var(--accent-soft-fg);background:none;border:none;padding:.5rem .2rem;text-align:left;cursor:pointer}.row{display:grid;grid-template-columns:1fr auto;grid-template-areas:"top time" "title title" "preview preview";gap:.12rem .5rem;width:100%;padding:.65rem .75rem;border:none;border-bottom:1px solid var(--border-soft);background:var(--bg-raised);color:inherit;text-align:left;font-family:var(--font-ui);cursor:pointer}.row:active{background:var(--bg-sunken)}.row-urgent{background:var(--accent-soft-bg);border-left:2px solid var(--accent);padding-left:calc(.75rem - 2px)}.row-top{grid-area:top;display:flex;align-items:center;gap:.4rem;min-width:0}.row-project{font:700 .62rem/1 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.row-title{grid-area:title;font:600 .92rem/1.3 var(--font-ui);color:var(--text);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.row-preview{grid-area:preview;font:.78rem/1.35 var(--font-ui);color:var(--text-dim);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.row-time{grid-area:time;font:.7rem/1 var(--font-ui);color:var(--text-faint);white-space:nowrap}.pill{flex:none;display:inline-flex;align-items:center;gap:.28rem;font:700 .6rem/1 var(--font-ui);letter-spacing:.05em;text-transform:uppercase;padding:.2rem .45rem;border-radius:999px}.pill-dot{width:5px;height:5px;border-radius:999px;background:currentColor}.pill-mac{background:var(--accent-soft-bg);color:var(--accent-soft-fg)}.pill-bridge{background:var(--live-soft-bg);color:var(--live-soft-fg)}.pill-releasing{background:var(--transit-soft-bg);color:var(--transit-soft-fg)}.pill-stale{background:var(--danger-soft-bg);color:var(--danger-soft-fg)}@keyframes pill-pulse{0%,to{opacity:1}50%{opacity:.25}}.pill-dot.pulsing{animation:pill-pulse 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.pill-dot.pulsing{animation:none}}.turns{display:grid;gap:.6rem}.turn{max-width:88%;padding:.75rem .85rem;border-radius:var(--radius);background:var(--bg-raised);border:1px solid var(--border-soft);border-left:3px solid var(--border)}.turn.assistant{margin-right:auto}.turn.user{margin-left:auto;background:var(--teal-dim);border-left-color:var(--teal)}.turn p{margin:0;font:.95rem/1.5 var(--font-body);white-space:pre-wrap;overflow-wrap:anywhere}.tool{display:block;font:.78rem/1.4 var(--font-mono);color:var(--text-dim);background:var(--bg-raised-2);border-radius:6px;padding:.35rem .5rem;margin-bottom:.4rem;overflow-wrap:anywhere}.tool:before{content:"▸";color:var(--text-faint)}.readonly{font:.78rem var(--font-ui);color:var(--text-faint);text-align:center;margin:1.5rem 0 .5rem}.readonly-urgent{color:var(--amber);text-align:left;line-height:1.45;padding:.75rem .85rem;border-radius:8px;border:1px solid var(--amber-dim);background:linear-gradient(90deg,#ffab2e1f,#ffab2e0a)}.scroll-anchor{height:1px;width:100%}.turn.pending{opacity:.55}.turn.pending:after{content:"enviando…";display:block;margin-top:.35rem;font:.7rem/1 var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint)}.composer{flex:0 0 auto;display:grid;gap:.55rem;padding:.65rem max(1rem,var(--safe-right)) max(.85rem,var(--safe-bottom)) max(1rem,var(--safe-left));border-top:1px solid var(--border-soft);background:var(--bg)}.composer-resume{min-height:40px;width:100%;padding:.55rem .9rem;font:600 .78rem/1 var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--amber);background:linear-gradient(90deg,#ffab2e1f,#ffab2e0a);border:1px solid var(--amber-dim);border-radius:999px}.composer-resume:active:not(:disabled){opacity:.65}.composer-resume:disabled,.composer-send:disabled{opacity:.4}.composer-error{margin:0;padding:.55rem .7rem;border-radius:8px;border-left:3px solid var(--red);background:#ff5a521f;color:#ffc9c5;font:.8rem/1.35 var(--font-ui)}.composer-row{display:flex;align-items:flex-end;gap:.55rem}.composer-input{flex:1 1 auto;min-width:0;min-height:44px;max-height:140px;resize:none;padding:.7rem .85rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-raised);color:var(--text);font:.95rem/1.4 var(--font-body);overflow-y:auto}.composer-input:focus{outline:none;border-color:var(--teal-dim);box-shadow:0 0 0 1px var(--teal-dim)}.composer-input::placeholder{color:var(--text-faint)}.composer-send{flex:0 0 auto;min-height:44px;min-width:44px;padding:.7rem 1rem;font:600 .78rem/1 var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--amber-ink);background:var(--amber);border:0;border-radius:999px}.composer-send:active:not(:disabled){opacity:.7}.permission-stack{display:grid;gap:.65rem;margin:0 0 .85rem}.permission-card{display:grid;gap:.55rem;padding:.9rem .95rem;border-radius:var(--radius);border:1px solid var(--amber-dim);border-left:4px solid var(--amber);background:linear-gradient(135deg,rgba(255,171,46,.14),var(--bg-raised) 60%);box-shadow:0 0 0 1px #ffab2e38,0 0 20px #ffab2e1a}.permission-label{margin:0;font:600 .7rem/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--amber)}.permission-title{margin:0;font:.9rem/1.35 var(--font-body);color:var(--text)}.permission-preview{display:block;margin:0;padding:.55rem .65rem;border-radius:6px;background:var(--bg);border:1px solid var(--border-soft);font:.82rem/1.45 var(--font-ui);color:#ffd9a0;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.permission-actions{display:flex;flex-wrap:wrap;gap:.5rem}.permission-allow,.permission-deny,.permission-deny-confirm,.permission-cancel{min-height:44px;padding:.65rem 1.1rem;font:600 .78rem/1 var(--font-ui);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;border:0}.permission-allow{color:var(--amber-ink);background:var(--amber)}.permission-deny,.permission-deny-confirm{color:#ffc9c5;background:var(--red-dim);border:1px solid rgba(255,90,82,.45)}.permission-cancel{color:var(--text-dim);background:transparent;border:1px solid var(--border)}.permission-allow:active:not(:disabled),.permission-deny:active:not(:disabled),.permission-deny-confirm:active:not(:disabled),.permission-cancel:active:not(:disabled){opacity:.7}.permission-allow:disabled,.permission-deny:disabled,.permission-deny-confirm:disabled,.permission-cancel:disabled{opacity:.4}.permission-deny-panel{display:grid;gap:.5rem}.permission-reason{width:100%;min-height:64px;resize:vertical;padding:.65rem .75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-raised-2);color:var(--text);font:.9rem/1.4 var(--font-body)}.permission-reason:focus{outline:none;border-color:var(--amber-dim);box-shadow:0 0 0 1px var(--amber-dim)}.permission-reason::placeholder{color:var(--text-faint)}.permission-decision-error{margin:0;padding:.55rem .7rem;border-radius:8px;border-left:3px solid var(--red);background:#ff5a521f;color:#ffc9c5;font:.8rem/1.35 var(--font-ui)}.permission-expired{margin:0 0 .75rem;padding:.65rem .8rem;border-radius:8px;border-left:3px solid var(--text-faint);background:#63666d26;color:var(--text-dim);font:.8rem/1.35 var(--font-ui)}.preview-toggle{width:100%;min-height:40px;margin-bottom:.75rem;padding:.5rem .9rem;font:500 .82rem/1 var(--font-ui);color:var(--text-dim);background:var(--bg-raised);border:1px solid var(--border-soft);border-radius:var(--radius)}.preview{margin-bottom:.9rem;padding:.75rem;background:var(--bg-raised);border:1px solid var(--border-soft);border-radius:var(--radius)}.preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.preview-title{font:600 .72rem/1 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.preview-close{padding:.25rem .5rem;font:500 .78rem/1 var(--font-ui);color:var(--text-dim);background:none;border:0}.preview-controls{display:flex;gap:.5rem}.preview-url{flex:1 1 auto;min-width:0;min-height:44px;padding:.5rem .7rem;font:400 16px/1.3 var(--font-mono);color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.preview-empty{margin:.7rem 0 0;font:400 .84rem/1.45 var(--font-body);color:var(--text-dim)}.preview-shot{margin:.7rem 0 0}.preview-shot img{display:block;width:100%;height:auto;background:var(--bg-sunken);border:1px solid var(--border);border-radius:var(--radius)}.preview-shot figcaption{margin-top:.4rem;font:400 .74rem/1.3 var(--font-mono);color:var(--text-faint);overflow-wrap:anywhere}.run{margin-top:.7rem;padding:.6rem .7rem;background:var(--bg-sunken);border:1px solid var(--border-soft);border-left:3px solid var(--border);border-radius:var(--radius)}.run-running{border-left-color:var(--transit)}.run-done{border-left-color:var(--live)}.run-failed{border-left-color:var(--danger)}.run-command{margin:0;font:500 .8rem/1.4 var(--font-mono);color:var(--text);overflow-wrap:anywhere}.run-output{margin:.5rem 0 0;max-height:18rem;overflow:auto;-webkit-overflow-scrolling:touch;font:400 .74rem/1.45 var(--font-mono);color:var(--text-dim);white-space:pre-wrap;overflow-wrap:anywhere}.run-outcome{margin:.45rem 0 0;font:400 .72rem/1.3 var(--font-mono);color:var(--text-faint)}.tunnel-live{margin-top:.7rem}.tunnel-link{display:block;padding:.6rem .7rem;font:500 .82rem/1.35 var(--font-mono);color:var(--accent-soft-fg);background:var(--accent-soft-bg);border-radius:var(--radius);overflow-wrap:anywhere;text-decoration:none}.tunnel-note{margin:.4rem 0 0;font:400 .72rem/1.35 var(--font-mono);color:var(--text-faint);overflow-wrap:anywhere}.tunnel-close{margin-top:.55rem;min-height:40px;padding:.45rem .9rem;font:500 .8rem/1 var(--font-ui);color:var(--danger-soft-fg);background:var(--danger-soft-bg);border:0;border-radius:var(--radius)}.new-cwd{width:100%;margin-top:.5rem}.new-message{width:100%;margin-top:.5rem;padding:.6rem .7rem;font:400 16px/1.45 var(--font-body);color:var(--text);background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);resize:none}.new-start{width:100%;margin-top:.9rem}.workspace{display:flex;height:100dvh;background:var(--bg)}.sidebar{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;height:100%}.pane{display:none;flex:1 1 auto;min-width:0;height:100%}.workspace-open .sidebar{display:none}.workspace-open .pane{display:flex}.pane>.app-shell{flex:1 1 auto;min-width:0}.ghost{min-height:36px;padding:.4rem .75rem;font:500 .8rem/1 var(--font-ui);color:var(--text-dim);background:transparent;border:1px solid var(--border);border-radius:999px}.pane-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;flex:1 1 auto;padding:2rem;text-align:center}.pane-empty-title{margin:0;font:500 1rem/1.3 var(--font-body);color:var(--text-dim)}.pane-empty-note{margin:0;font:400 .85rem/1.45 var(--font-body);color:var(--text-faint)}.row-current{background:var(--bg-sunken)}@media(min-width:900px){.sidebar{flex:0 0 clamp(260px,24vw,340px);border-right:1px solid var(--border-soft)}.workspace-open .sidebar,.pane{display:flex}.pane .scroll-area>*{max-width:46rem;margin-left:auto;margin-right:auto}.pane .composer>*{max-width:46rem;margin-left:auto;margin-right:auto;width:100%}.pane .back{display:none}.row:hover{background:var(--bg-sunken)}}.sidebar>.topbar{flex-direction:column;align-items:stretch;gap:.6rem}.sidebar>.topbar h1{font:600 1.1rem/1.2 var(--font-ui)}.topbar-actions{display:flex;align-items:center;gap:.4rem}.topbar-actions .primary{flex:1 1 auto;white-space:nowrap}.topbar-actions .ghost{flex:0 0 auto;white-space:nowrap}.browse-path{margin:.4rem 0 .5rem;font:400 .78rem/1.4 var(--font-mono);color:var(--text-dim);overflow-wrap:anywhere}.browse{max-height:18rem;overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--bg-raised);border:1px solid var(--border-soft);border-radius:var(--radius)}.browse-row{display:block;width:100%;min-height:40px;padding:.5rem .7rem;text-align:left;font:400 .82rem/1.3 var(--font-mono);color:var(--text);background:none;border:0;border-bottom:1px solid var(--border-soft);overflow-wrap:anywhere}.browse-row:last-child{border-bottom:0}.browse-up{color:var(--accent-soft-fg)}.browse-file{color:var(--text-faint)}.pairing{display:grid;gap:.6rem;width:min(24rem,100%)}.pairing-note{margin:0;font:400 .88rem/1.5 var(--font-body);color:var(--text-dim)}.pairing-note code{font:400 .85rem/1 var(--font-mono);color:var(--accent-soft-fg)}.scanner{position:relative;aspect-ratio:1;width:100%;overflow:hidden;border-radius:var(--radius);background:var(--bg-sunken)}.scanner-video{display:block;width:100%;height:100%;object-fit:cover}.scanner-target{position:absolute;top:15%;right:15%;bottom:15%;left:15%;border:2px solid var(--accent);border-radius:var(--radius);pointer-events:none}