:root{color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;-webkit-text-size-adjust:100%;text-size-adjust:100%;--bg: #f8f7f2;--surface: #fff;--surface-muted: #edf0ed;--surface-sunken: #f6f8f6;--surface-hover: #e5eee8;--surface-track: #e7ebe8;--surface-pre: #f5f3ed;--header-bg: rgb(248 247 242 / .94);--code-bg: #15251f;--code-fg: #eef5f0;--code-label: #9fd1b1;--border: #dde2dc;--border-soft: #edf0ed;--border-strong: #c8d1ca;--border-chip: #d6ddd7;--border-input: #b9c7be;--border-nested: #d5e3db;--text: #15251f;--text-muted: #627169;--text-subtle: #557263;--text-secondary: #4f5f56;--text-secondary-strong: #365348;--on-brand: #fff;--brand-bg: #12372a;--brand-text: #12372a;--link: #285f4b;--focus: #326bdf;--button-secondary-bg: #e4e7e2;--button-secondary-fg: #183328;--accent: #25835c;--status-idle: #9aa5a0;--success-bg: #dff2e7;--success-bg-soft: #e2efe7;--success-fg: #165e42;--success-border: #c5e0d2;--success-strong-border: #1d6549;--warn: #d58b22;--warn-bg: #fff3d9;--warn-border: #e0b96c;--warn-fg: #66430f;--warn-text: #8a5a16;--danger: #aa3338;--danger-text: #992c35;--danger-bg: #f7e0e0;--danger-fg: #8f252d;--danger-btn: #9e3034;--info-bg: #e8ecf8;--info-fg: #4c5d91;--role-verify: #2a4f8f;--neutral-bg: #e8ebe9;--neutral-fg: #59655e;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--radius-xs: .35rem;--radius-sm: .5rem;--radius-md: .65rem;--radius-lg: .9rem;--radius-pill: 1rem;--shadow-card: 0 1px 1px rgb(17 38 28 / .03);--fs-xs: .75rem;--fs-sm: .82rem;--fs-md: .9rem;--fs-base: 1rem;--fs-lg: 1.1rem;--fs-xl: 1.25rem;--fs-2xl: 1.45rem;--lh-base: 1.5;--shell-max: 1050px;--gutter: 1rem;--pad-left: max(var(--gutter), env(safe-area-inset-left));--pad-right: max(var(--gutter), env(safe-area-inset-right))}@media(prefers-color-scheme:dark){:root{--bg: #0e1713;--surface: #16231d;--surface-muted: #22312a;--surface-sunken: #121e19;--surface-hover: #21402f;--surface-track: #2c3c34;--surface-pre: #1b2a23;--header-bg: rgb(14 23 19 / .94);--code-bg: #0a120f;--border: #2d3d35;--border-soft: #24332b;--border-strong: #3d4f46;--border-chip: #34463d;--border-input: #4d6157;--border-nested: #2f4a3d;--text: #e8efe9;--text-muted: #a2b2a8;--text-subtle: #9cb7a8;--text-secondary: #b7c5bc;--text-secondary-strong: #cbd8d0;--brand-bg: #2b7a58;--brand-text: #bfe6d0;--link: #86d6ab;--focus: #8fb0ff;--button-secondary-bg: #2a3a32;--button-secondary-fg: #e3ece6;--accent: #3fbf86;--status-idle: #7d8c84;--success-bg: #173a2a;--success-bg-soft: #1a3a2b;--success-fg: #8fe0b5;--success-border: #2c5a45;--success-strong-border: #3fa174;--warn: #e8a64a;--warn-bg: #3a2d12;--warn-border: #7a5d27;--warn-fg: #f0d49a;--warn-text: #e8b966;--danger: #f0777c;--danger-text: #ff9a9f;--danger-bg: #3f1d20;--danger-fg: #ffb3b6;--danger-btn: #b8383d;--info-bg: #1f2a4a;--info-fg: #aebdf2;--role-verify: #9db8f0;--neutral-bg: #2a3631;--neutral-fg: #b0bdb5;--shadow-card: 0 1px 2px rgb(0 0 0 / .4)}}*{box-sizing:border-box}body{margin:0;min-width:320px;font-size:var(--fs-base);line-height:var(--lh-base);background:var(--bg);color:var(--text)}h1,h2,h3,h4,p,li,dd,summary,label,small{overflow-wrap:anywhere}button,input,textarea,select{font:inherit}input,textarea,select{font-size:max(1rem,16px)}button,a,select{min-height:44px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.shell{width:100%;max-width:calc(var(--shell-max) + var(--pad-left) + var(--pad-right));margin:auto;padding:0 var(--pad-right) max(2rem,calc(env(safe-area-inset-bottom) + 1rem)) var(--pad-left)}header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin:0 calc(-1 * var(--pad-right)) var(--space-4) calc(-1 * var(--pad-left));padding:calc(var(--space-2) + env(safe-area-inset-top)) var(--pad-right) var(--space-2) var(--pad-left);background:var(--header-bg);border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{font-size:var(--fs-lg);color:var(--brand-text);font-weight:800;text-decoration:none;letter-spacing:-.02em;white-space:nowrap;min-width:0}nav{display:flex;gap:var(--space-1);flex:0 0 auto}nav a{padding:.65rem .85rem;text-decoration:none;color:var(--text-secondary);border-radius:var(--radius-md);display:inline-flex;align-items:center;white-space:nowrap}nav a.active{color:var(--brand-text);background:var(--surface-hover);font-weight:700}h1,h2,p{margin-top:0}h1{font-size:clamp(1.7rem,4vw,2.45rem);letter-spacing:-.04em;margin-bottom:.35rem}h2{font-size:var(--fs-lg);margin-bottom:var(--space-2)}.hero,.detail-head{display:flex;justify-content:space-between;align-items:start;gap:var(--space-4);margin:.8rem 0 1.25rem}.eyebrow{color:var(--text-subtle);font-size:var(--fs-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.45rem}.button{border:0;border-radius:var(--radius-md);background:var(--brand-bg);color:var(--on-brand);padding:.65rem 1rem;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.4rem}.button.secondary{background:var(--button-secondary-bg);color:var(--button-secondary-fg)}.button.danger{background:var(--danger-btn)}.text-button{border:0;background:transparent;color:var(--link);font-weight:700;padding:var(--space-2)}.danger-text{color:var(--danger-text)}.icon-button{background:transparent;border:1px solid var(--border-strong);border-radius:var(--radius-sm);min-width:44px;color:var(--brand-text);font-size:var(--fs-xl)}.card,.empty,.approval{border:1px solid var(--border);box-shadow:var(--shadow-card);background:var(--surface);border-radius:var(--radius-lg)}.muted{color:var(--text-muted);font-size:var(--fs-md)}.chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 1rem}.chip{min-height:36px;border:1px solid var(--border-chip);border-radius:var(--radius-pill);background:var(--surface-muted);color:var(--text-secondary);padding:.35rem .7rem;font-size:var(--fs-sm);font-weight:700;white-space:nowrap}.chip span{margin-left:.15rem;font-variant-numeric:tabular-nums}.chip.selected{border-color:var(--success-strong-border);background:var(--success-bg);color:var(--success-fg)}.chip:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.card{padding:var(--space-4)}.status{display:inline-flex;align-items:center;gap:.4rem;color:var(--text-secondary);font-size:var(--fs-sm);font-weight:700}.status span{width:.6rem;height:.6rem;border-radius:100%;background:var(--status-idle)}.status-open span{background:var(--accent)}.status-connecting span,.status-reconnecting span{background:var(--warn)}.status-error span{background:var(--danger)}.pill{font-size:var(--fs-xs);text-transform:capitalize;color:var(--text-secondary);background:var(--surface-muted);padding:.18rem .45rem;border-radius:var(--radius-pill);white-space:nowrap}.pill-running{color:var(--success-fg);background:var(--success-bg)}.pill-done{color:var(--success-fg);background:var(--success-bg-soft)}.pill-interrupted,.pill-transferred{color:var(--neutral-fg);background:var(--neutral-bg)}.pill-failed{color:var(--danger-fg);background:var(--danger-bg)}.empty{padding:var(--space-8);text-align:center;margin:1rem 0}.empty p{color:var(--text-muted);max-width:34rem;margin:0 auto 1.1rem}.back{color:var(--link);text-decoration:none;display:inline-block;padding:.6rem 0}.notice{background:var(--warn-bg);border-left:4px solid var(--warn);padding:var(--space-3);border-radius:var(--radius-xs)}.approval{padding:var(--space-4);border-color:var(--warn-border);margin-bottom:var(--space-4)}.instruction label,.card label{font-weight:700;display:block;margin:.8rem 0 .4rem}textarea,select{width:100%;border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--surface);padding:.7rem;color:var(--text)}textarea{min-height:8rem;resize:vertical}.page-title{max-width:46rem}.page-title+.card,.card+.card{margin-top:var(--space-4)}.error{color:var(--danger-text);font-weight:700}@media(max-width:520px){.shell{--gutter: .6rem}.brand{font-size:var(--fs-base)}nav a{padding:.65rem .6rem;font-size:var(--fs-md)}.hero,.detail-head{align-items:stretch;flex-direction:column}.hero .button,.detail-head .button{width:100%}.chips{gap:.35rem}.chip{min-height:40px;padding:.4rem .75rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.summary{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.summary>div{border:1px solid var(--border);box-shadow:var(--shadow-card);background:var(--surface);border-radius:var(--radius-lg);padding:.9rem;display:grid;gap:.2rem;min-width:0}.summary>.summary-side{border:0;box-shadow:none;background:transparent;padding:0;gap:var(--space-2);align-content:start}.summary span{color:var(--text-muted);font-size:var(--fs-md)}.summary strong{font-size:var(--fs-2xl)}.summary-side>div{border:1px solid var(--border);box-shadow:var(--shadow-card);background:var(--surface);border-radius:var(--radius-lg);padding:.9rem;display:grid;gap:.2rem}.summary-running{margin:0;padding:0 var(--space-1);font-size:var(--fs-sm)}.summary .summary-running strong{font-size:var(--fs-base);color:var(--text-secondary-strong);font-variant-numeric:tabular-nums}.chips.chip-row{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;margin:0 0 var(--space-2);padding:2px 1.5rem 2px 2px;-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 1.5rem),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 1.5rem),transparent)}.chips.chip-row::-webkit-scrollbar{display:none}.chip-row .chip{flex:0 0 auto;scroll-snap-align:center}.period-bar{display:flex;align-items:center;gap:var(--space-1);min-width:0;margin-bottom:var(--space-2)}.period-bar>.period-chips{flex:0 1 auto;min-width:0;margin:0}.chips.repo-chips{margin-bottom:var(--space-4)}.host-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.9rem}.card-title{display:flex;justify-content:space-between;gap:var(--space-2)}.card-title-main{min-width:0}.card-title h2{margin-bottom:.35rem;overflow-wrap:anywhere}.card-title-sub{display:flex;align-items:center;flex-wrap:wrap;gap:.15rem .5rem}.card-title .icon-button{flex:0 0 auto;align-self:flex-start;min-height:44px}.host-route{overflow-wrap:anywhere}.host-count{margin:var(--space-2) 0 0;font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.task-list{list-style:none;padding:0;margin:.75rem 0 0}.task-list>.task-item+.task-item{border-top:1px solid var(--border-soft)}.task-list a,.task-link{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding:.55rem 0;min-height:44px;color:inherit;text-decoration:none;min-width:0;flex:1}.task-link:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--radius-xs)}.task-row{display:flex;align-items:center;gap:.35rem;min-width:0}.task-main{flex:1;min-width:0;display:grid;gap:.1rem}.task-title{min-width:0;overflow-wrap:anywhere;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden}.task-meta{font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.task-link .pill{flex:0 0 auto;font-size:var(--fs-xs);text-transform:none}.subtask-toggle{flex:0 0 auto;min-width:44px;min-height:44px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--link);font-size:var(--fs-base);line-height:1;display:inline-flex;align-items:center;justify-content:center}.subtask-toggle:hover{background:var(--surface-hover)}.subtask-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.subtask-toggle.spacer{visibility:hidden;pointer-events:none;border:0}.subtask-badge{font-size:var(--fs-xs);font-weight:700;color:var(--success-fg);background:var(--success-bg-soft);border:1px solid var(--success-border);border-radius:var(--radius-pill);padding:.12rem .45rem;white-space:nowrap;font-variant-numeric:tabular-nums}.nested-tasks{margin:0 0 .25rem 1.35rem;padding-left:.5rem;border-left:1px solid var(--border-nested)}.task-item.depth-1 .task-row,.task-item.depth-2 .task-row,.task-item.depth-3 .task-row,.task-item.depth-4 .task-row{padding-left:.15rem}.task-item.task-context .task-title{color:var(--text-muted)}.task-item.task-context .task-link{opacity:.92}.task-role-mark{display:inline-block;margin-right:.35rem;font-size:.95em;line-height:1;vertical-align:-.05em}.task-item.task-role-master>.task-row .task-title{font-weight:700}.task-item.task-role-verify>.task-row .task-title{color:var(--role-verify)}.task-item.task-role-verify>.task-row .task-role-mark{color:var(--role-verify)}.task-item.task-role-sub>.task-row .task-title{color:var(--text-secondary-strong)}.task-item.task-role-sub>.task-row .task-role-mark{color:var(--text-subtle);font-weight:700}@media(max-width:520px){.summary{grid-template-columns:minmax(0,1fr)}.summary>.summary-side{grid-template-columns:minmax(0,1fr) auto;align-items:center}.summary-side>div{padding:.6rem .8rem}.summary-running{text-align:right}.nested-tasks{margin-left:1.1rem;padding-left:.25rem}.task-link{flex-wrap:wrap}.task-main{flex:1 1 0}.subtask-badge{order:3}.project-group{border-left-width:4px;padding:.5rem .6rem}.idle-projects{padding:.25rem .45rem .4rem}.idle-projects-list li{padding:.35rem .5rem}.idle-project-created{white-space:normal;overflow-wrap:anywhere}.repo-group>.repo-group-meta{white-space:normal}}.repo-group{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;column-gap:.75rem}.repo-group+.repo-group{margin-top:.85rem}.repo-group>h3{flex:1 1 auto;min-width:0;font-size:var(--fs-md);font-weight:700;color:var(--text-secondary-strong);overflow-wrap:anywhere;margin:.75rem 0 0;padding-bottom:.35rem;border-bottom:1px solid var(--border-soft)}.repo-group>.repo-group-meta{flex:0 1 auto;margin:.75rem 0 0;padding-bottom:.35rem;border-bottom:1px solid var(--border-soft);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.repo-group>.project-group{flex:1 1 100%;width:100%}.project-group{border:1px solid var(--border);border-left-width:4px;border-radius:var(--radius-md);padding:.65rem .75rem;margin-top:var(--space-2);background:var(--surface)}.project-group-running{border-left-color:var(--accent)}.project-group-pending{border-left-color:var(--warn)}.project-group-idle{border-left-color:var(--border-strong)}.project-group-idle h4{color:var(--text-muted)}.project-group-head{display:flex;align-items:center;flex-wrap:wrap;gap:.2rem .45rem}.project-group-head h4{margin:0;flex:1 1 0;min-width:0;font-size:var(--fs-base);line-height:1.3;overflow-wrap:anywhere}.project-group-meta{flex:1 1 100%;margin:0 0 0 calc(44px + .45rem);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.project-group-head>.muted{margin:0}.project-toggle{flex:0 0 auto;min-width:44px;min-height:44px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--link);font-size:var(--fs-base);line-height:1;display:inline-flex;align-items:center;justify-content:center}.project-toggle:hover{background:var(--surface-hover)}.project-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.idle-projects{margin-top:var(--space-3);background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-md);padding:.3rem .55rem .5rem;min-width:0}.idle-projects-toggle{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem .45rem;width:100%;min-height:44px;max-width:100%;border:0;background:transparent;color:var(--text-secondary-strong);font-size:var(--fs-sm);font-weight:700;padding:.1rem 0;text-align:left}.idle-projects-toggle:hover{color:var(--brand-text)}.idle-projects-toggle:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:var(--radius-xs)}.idle-projects-caret{flex:0 0 auto;color:var(--text-subtle)}.idle-projects-label{min-width:0;overflow-wrap:anywhere}.idle-projects-count{flex:0 0 auto}.idle-projects-body{min-width:0}.idle-projects-repo+.idle-projects-repo{margin-top:.35rem}.idle-projects-repo-label{margin:.15rem 0 .25rem;font-size:var(--fs-xs);font-weight:700;overflow-wrap:anywhere}.idle-projects-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem}.idle-projects-list li{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .45rem;background:var(--surface);border:1px solid var(--border);border-left-width:3px;border-left-color:var(--border-strong);border-radius:var(--radius-sm);padding:.35rem .55rem;min-width:0;font-size:var(--fs-sm)}.idle-project-name{min-width:0;overflow-wrap:anywhere;color:var(--text);font-weight:600}.idle-project-repo{flex:0 1 auto;min-width:0;white-space:normal;overflow-wrap:anywhere}.idle-project-created{margin-left:auto;font-size:var(--fs-xs);font-variant-numeric:tabular-nums;white-space:nowrap}.period-nav{flex:0 0 auto;display:inline-flex;align-items:center;gap:.15rem;margin:0 0 0 auto}.period-nav button{min-height:40px;min-width:44px;border:1px solid var(--border-chip);border-radius:var(--radius-pill);background:var(--surface-muted);color:var(--text-secondary);font-weight:700}.period-nav button:disabled{opacity:.52}.period-label{font-size:var(--fs-sm);font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-secondary-strong);min-width:6.5rem;text-align:center;white-space:nowrap}@media(max-width:520px){.period-bar{flex-wrap:wrap}.period-nav{margin:0;width:100%;justify-content:space-between}.period-label{font-size:var(--fs-sm)}}.detail-title{min-width:0}.detail-head h1{overflow-wrap:anywhere;line-height:1.2}.detail-head .eyebrow{overflow-wrap:anywhere}a.back{min-height:44px;display:inline-flex;align-items:center}.command-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap}.command-buttons .button{min-height:44px}.button.danger.confirming{outline:3px solid var(--warn);outline-offset:2px}.command-result{border-left:4px solid var(--success-fg);font-weight:700;padding:.65rem .8rem;background:var(--success-bg-soft);color:var(--success-fg);border-radius:var(--radius-sm)}.unsupported-result{border-left-color:var(--border-strong);background:var(--neutral-bg);color:var(--text-muted)}.command-result.error{border-left-color:var(--danger);background:var(--danger-bg);color:var(--danger-fg)}.approval{border-width:2px;border-left:6px solid var(--warn);background:var(--warn-bg);color:var(--warn-fg)}.approval h2,.approval p{overflow-wrap:anywhere}.approval textarea{font-size:16px;min-height:5rem;width:100%}.approval .button{min-height:48px}.approval pre{background:var(--surface-pre);color:var(--text);max-height:14rem;overflow:auto;overflow-wrap:anywhere;font-size:var(--fs-sm);white-space:pre-wrap;padding:.65rem;border-radius:var(--radius-sm)}.approval>div{display:flex;flex-wrap:wrap;gap:var(--space-2)}.transcript-card>h2{margin-bottom:.85rem}.awaiting-response{border:1px solid var(--warn-border);border-left:4px solid var(--warn);border-radius:var(--radius-sm);background:var(--warn-bg);color:var(--warn-fg);padding:.8rem .9rem;margin-bottom:var(--space-4)}.awaiting-response strong{display:block;font-size:var(--fs-md)}.awaiting-response ul{margin:.45rem 0 0;padding-left:var(--space-5)}.awaiting-response li{overflow-wrap:anywhere}.awaiting-response li+li{margin-top:.3rem}.digest-sections>section{padding:.2rem 0 1rem}.digest-sections>section+section{border-top:1px solid var(--border-soft);padding-top:var(--space-4)}.digest-sections h3{color:var(--text);font-size:var(--fs-md);letter-spacing:.025em;margin:0 0 .55rem}.digest-text{line-height:1.7;margin-bottom:0;overflow-wrap:anywhere;white-space:pre-wrap}.progress-hidden{margin-bottom:.6rem}.progress-list{list-style:none;margin:0;padding:0}.progress-list li{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:.7rem;padding:.55rem 0}.progress-list li+li{border-top:1px solid var(--border-soft)}.progress-list p{line-height:1.5;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.progress-kind{align-self:start;border-radius:var(--radius-pill);padding:.18rem .45rem;font-size:var(--fs-xs);font-weight:700;text-align:center}.progress-assistant{color:var(--success-fg);background:var(--success-bg)}.progress-meta{color:var(--info-fg);background:var(--info-bg)}.result-badge{display:inline-flex;border-radius:var(--radius-pill);padding:.25rem .65rem;font-size:var(--fs-sm);font-weight:700}.result-success{color:var(--success-fg);background:var(--success-bg)}.result-failure{color:var(--danger-fg);background:var(--danger-bg)}.result-progress{color:var(--warn-text);background:var(--warn-bg)}.final-result dl{display:flex;flex-wrap:wrap;gap:.6rem 1.25rem;margin:.8rem 0}.final-result dl div{display:grid;gap:.12rem}.final-result dt{color:var(--text-muted);font-size:var(--fs-xs)}.final-result dd{margin:0;font-weight:700;font-variant-numeric:tabular-nums}.final-result .error{margin-bottom:var(--space-3)}.raw-transcript{border-top:1px solid var(--border);margin-top:.15rem;padding-top:.7rem}.raw-transcript summary{color:var(--link);cursor:pointer;font-weight:700;padding:.55rem .2rem}.raw-transcript-log{max-height:25rem;overflow:auto;background:var(--code-bg);color:var(--code-fg);padding:var(--space-3);border-radius:var(--radius-sm);font:var(--fs-xs) ui-monospace,SFMono-Regular,Menlo,monospace}.raw-transcript-log p{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:var(--space-2);margin:.25rem 0;overflow-wrap:anywhere;white-space:pre-wrap}.raw-transcript-log p span{color:var(--code-label);font-weight:700}.instruction{margin-top:var(--space-4)}.instruction-row{display:flex;gap:var(--space-2)}.instruction input{width:100%;min-width:0;min-height:44px;border:1px solid var(--border-input);border-radius:var(--radius-md);background:var(--surface);padding:.7rem;color:var(--text);font-size:16px}.instruction .button{flex:0 0 auto;min-height:44px}.approval-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media(max-width:520px){.detail-head{flex-direction:column;gap:var(--space-3)}.command-buttons{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:100%}.command-buttons .button{padding-inline:.4rem}.approval-actions,.final-result dl{display:grid;grid-template-columns:1fr 1fr}.instruction{position:sticky;bottom:0;z-index:5;margin:var(--space-4) calc(var(--pad-left) * -1) 0 calc(var(--pad-right) * -1);padding:var(--space-2) var(--pad-right) max(var(--space-2),env(safe-area-inset-bottom)) var(--pad-left);background:var(--header-bg);border-top:1px solid var(--border)}.instruction label{margin:0 0 .25rem;font-size:var(--fs-sm)}.progress-list li,.raw-transcript-log p{grid-template-columns:1fr;gap:var(--space-1);margin-bottom:.8rem}.progress-kind{justify-self:start}}.detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.peer-list{list-style:none;padding:0;margin:.75rem 0 0}.camera{display:block;width:100%;max-height:18rem;background:var(--code-bg);border-radius:var(--radius-sm);margin:.75rem 0}.peer-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:.7rem 0;border-top:1px solid var(--border-soft)}.peer-list small{display:block;color:var(--text-muted);margin-top:.2rem;overflow-wrap:anywhere}.dev-route{border:0;margin:.55rem 0 0;padding:0}.dev-route legend{font-size:var(--fs-sm);color:var(--text-subtle)}.dev-route label{display:inline;margin-right:.45rem;font-size:var(--fs-sm)}.dev-route input[type=radio]{width:auto}.dev-route input:not([type=radio]){display:block;margin-top:.4rem;min-height:36px}.dev-route .text-button{min-height:36px}.settings-card h2{margin:0 0 var(--space-2);font-size:var(--fs-lg)}.settings-card>p{margin:0 0 var(--space-3)}.settings-card>p.muted,.settings-card>p:last-child{color:var(--text-muted)}.settings-card>.button{width:100%}.pair-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:var(--space-2)}.settings-card .camera{aspect-ratio:4 / 3;max-height:22rem;object-fit:cover;border-radius:var(--radius-md);margin:0 0 var(--space-3)}.settings-card .error,.settings-card .notice{margin:var(--space-3) 0 0;font-size:var(--fs-md);line-height:var(--lh-base)}.settings-card .error{background:var(--danger-bg);color:var(--danger-fg);border-left:4px solid var(--danger);padding:var(--space-3);border-radius:var(--radius-xs)}.pair-manual{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px dashed var(--border-strong)}.pair-manual .pair-manual-title{margin:0;font-size:var(--fs-sm);font-weight:700}.pair-manual textarea{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:max(1rem,16px);min-height:9rem;margin-bottom:var(--space-3)}.pair-manual .button{width:100%}.peer-list li{flex-wrap:wrap;align-items:flex-start}.peer-info{flex:1 1 12rem;min-width:0}.peer-info strong{overflow-wrap:anywhere}.peer-list small.peer-id{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--fs-xs)}.peer-actions{display:flex;gap:var(--space-1);flex:0 0 auto}.peer-actions .text-button{min-width:44px;padding:var(--space-2) var(--space-3)}.peer-confirm{flex:1 1 100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);background:var(--danger-bg);border-radius:var(--radius-sm);padding:var(--space-3)}.peer-confirm-text{flex:1 1 100%;color:var(--danger-fg);font-weight:700}.peer-confirm .button{flex:1 1 8rem}.settings-card select{font-size:max(1rem,16px);min-height:44px}@media(max-width:520px){.peer-actions{flex:1 1 100%;justify-content:flex-end}.dev-route input:not([type=radio]){width:100%;font-size:max(1rem,16px)}.dev-route label{display:inline-block;min-height:36px}}.summary>.usage-panel{display:block}.usage-panel h2{margin:0;font-size:var(--fs-base)}.usage-host+.usage-host{border-top:1px solid var(--border-soft);margin-top:.8rem;padding-top:.8rem}.usage-host h3{color:var(--text-subtle);font-size:var(--fs-sm);margin:0 0 .55rem}.usage-provider+.usage-provider{margin-top:.7rem}.usage-provider-head,.usage-window-label{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.usage-provider-head>strong{font-size:.9rem}.usage-flags{display:inline-flex;align-items:center;justify-content:flex-end;gap:.35rem}.usage-badge{color:var(--link);background:var(--surface-hover);border-radius:var(--radius-pill);padding:.12rem .4rem;white-space:nowrap}.usage-stale{color:var(--warn-text);white-space:nowrap}.usage-window{margin-top:.45rem}.usage-window-label span{font-size:var(--fs-sm)}.usage-window-label strong{font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.usage-window-meta{display:block;color:var(--text-muted);font-size:var(--fs-xs);margin-top:.15rem;font-variant-numeric:tabular-nums}.usage-window-label strong.usage-warn{color:var(--warn)}.usage-window-label strong.usage-danger{color:var(--danger)}.usage-window-label strong.usage-normal{color:inherit}.usage-gauge{height:.48rem;overflow:hidden;margin-top:.22rem;border-radius:var(--radius-pill);background:var(--surface-track)}.usage-gauge>span{display:block;height:100%;border-radius:inherit;background:var(--accent)}.usage-gauge.usage-warn>span{background:var(--warn)}.usage-gauge.usage-danger>span{background:var(--danger)}.usage-error{display:block;color:var(--danger-text);font-size:var(--fs-xs);margin:.3rem 0 0;overflow-wrap:anywhere}.usage-empty{margin:0}.usage-panel-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:.65rem}.usage-panel-head h2{margin:0;font-size:var(--fs-base)}.usage-view-toggle{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden;flex:0 0 auto}.usage-view-toggle button{min-height:32px;border:0;background:var(--surface);color:var(--text-secondary);padding:.2rem .55rem;font-size:var(--fs-xs);font-weight:700}.usage-view-toggle button+button{border-left:1px solid var(--border-strong)}.usage-view-toggle button.active{background:var(--surface-hover);color:var(--brand-text)}.usage-provider-compact{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem .5rem;margin-top:.35rem}.usage-provider-compact+.usage-provider-compact{margin-top:.4rem}.usage-provider-compact .usage-compact-name{font-size:var(--fs-sm);font-weight:700;line-height:1.3;flex:0 0 auto;min-width:3.75rem;white-space:nowrap}.usage-compact-windows{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.3rem .5rem;min-width:0;flex:1 1 auto}.usage-compact-cell{display:inline-flex;align-items:center;gap:.3rem;flex:0 0 auto}.usage-gauge-mini{width:1.85rem;height:.32rem;margin-top:0;flex:0 0 auto}.usage-provider-compact .usage-compact-pct{font-size:var(--fs-xs);line-height:1.3;font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.usage-compact-pct.usage-normal{color:var(--accent)}.usage-compact-pct.usage-warn{color:var(--warn)}.usage-compact-pct.usage-danger{color:var(--danger)}.usage-compact-flags{flex:0 0 auto;margin-left:.3rem}.usage-compact-flags:empty{display:none}.usage-compact-error{display:inline-block;margin:0;text-align:right;font-size:var(--fs-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:12rem}.usage-panel-compact .usage-host h3{margin-bottom:.35rem}@media(max-width:520px){.summary>.usage-panel{grid-column:1 / -1}.usage-view-toggle button{min-height:36px;padding:.25rem .5rem}.usage-provider-compact{gap:.25rem .35rem}.usage-provider-compact .usage-compact-name{font-size:var(--fs-xs);min-width:2.75rem}.usage-compact-windows{gap:.25rem .4rem}.usage-compact-cell{gap:var(--space-1)}.usage-gauge-mini{width:1.6rem}.usage-compact-flags{margin-left:.3rem}.usage-compact-error{max-width:9rem}}.usage-panel .usage-window-label span{min-width:0;overflow-wrap:anywhere}.usage-panel .usage-window-label strong{font-size:var(--fs-md);font-weight:800;flex:0 0 auto}.usage-gauge{height:.6rem;box-shadow:inset 0 0 0 1px var(--border-soft)}.usage-gauge-mini{height:.4rem}.usage-provider-head{flex-wrap:wrap}.usage-stale,.usage-badge{font-size:var(--fs-xs)}.usage-stale{background:var(--warn-bg);color:var(--warn-fg);border-radius:var(--radius-pill);padding:.1rem .45rem}.usage-error{line-height:1.4}.usage-provider-compact .usage-compact-pct{font-weight:800}@media(max-width:520px){.usage-view-toggle button{min-height:44px;min-width:44px;padding:.25rem .75rem}.usage-provider-compact .usage-compact-name{min-width:3.5rem}.usage-compact-windows{justify-content:flex-start}.usage-gauge-mini{width:2rem}.usage-compact-error{max-width:100%;white-space:normal;text-align:left}.usage-window-label span,.usage-window-label strong{font-size:var(--fs-md)}}
