:root{--font:"Segoe UI Variable Text",system-ui,sans-serif;--caption:400 12px/16px "Segoe UI Variable Text",system-ui,sans-serif;--body:400 13px/18px "Segoe UI Variable Text",system-ui,sans-serif;--body-strong:600 13px/18px "Segoe UI Variable Text",system-ui,sans-serif;--mono:400 12.5px/18px "Cascadia Mono",ui-monospace,monospace;--title:600 20px/28px "Segoe UI Variable Display",system-ui,sans-serif;--grid:4px;--row:24px;--icon:16px;--icon-small:14px;--dot:8px;--badge:16px;--control:28px;--radius:4px;--radius-menu:6px;--radius-surface:8px;--radius-keycap:3px;--radius-dialog:12px;--inset:12px;--focus:2px;--tile:20px;--meter:3px;--meter-width:48px;--meter-warn-at:.7;--meter-alert-at:.9;--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--frame:#121315;--background:#17181b;--layer:#1e2024;--card:#1e2024;--flyout:#1e2024;--hover:#212328;--selected:#292c32;--hover-strong:#30333a;--border:#ffffff24;--text:#e2e4e8;--text-strong:#f4f5f7;--text-dim:#a0a5af;--text-muted:#777c86;--accent:#a78bfa;--accent-fill:#7c3aed;--on-accent:#fff;--warning:#e0a83a;--ok:#8cc99a;--error:#e5787a;--hairline:#ffffff12;--control:#3d414a;--danger:#b93a3a;--added-fill:#6ec88c21;--removed-fill:#e5787a21;--status-working:#a0a5af;--status-needs:#e0a83a;--status-done:#a0a5af;--status-error:#e5787a;--git-added:#a0a5af;--git-removed:#a0a5af;--git-sync:#a0a5af;--meter-warn:#e0a83a;--meter-alert:#e5787a}@media (prefers-color-scheme:light){:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light;--frame:#eceef1;--background:#f8f9fa;--layer:#fff;--card:#fff;--flyout:#fff;--hover:#e4e7eb;--selected:#d9dde3;--hover-strong:#ced3da;--border:#141e322e;--text:#1b1d21;--text-strong:#0f1114;--text-dim:#535965;--text-muted:#737985;--accent:#6d28d9;--accent-fill:#7c3aed;--on-accent:#fff;--warning:#a86400;--ok:#2f7d32;--error:#c23b3b;--hairline:#141e3217;--control:#c4c9d1;--danger:#c23b3b;--added-fill:#1e8c461c;--removed-fill:#c23b3b1a;--status-working:#535965;--status-needs:#a86400;--status-done:#535965;--status-error:#c23b3b;--git-added:#535965;--git-removed:#535965;--git-sync:#535965;--meter-warn:#a86400;--meter-alert:#c23b3b}}@media (prefers-contrast:more){:root{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--frame:#000;--background:#000;--layer:#000;--card:#000;--flyout:#000;--hover:#000;--selected:#000;--hover-strong:#000;--border:#fff;--text:#fff;--text-strong:#fff;--text-dim:#fff;--text-muted:#fff;--accent:#1aebff;--accent-fill:#1aebff;--on-accent:#000;--warning:#ff0;--ok:#fff;--error:#ff0;--hairline:#fff;--control:#fff;--danger:#ff0;--added-fill:#000;--removed-fill:#000;--status-working:#fff;--status-needs:#ff0;--status-done:#fff;--status-error:#ff0;--git-added:#fff;--git-removed:#fff;--git-sync:#fff;--meter-warn:#ff0;--meter-alert:#ff0}}@media (prefers-contrast:more) and (prefers-color-scheme:light){:root{--buncss-light:initial;--buncss-dark: ;color-scheme:light;--frame:#fff;--background:#fff;--layer:#fff;--card:#fff;--flyout:#fff;--hover:#fff;--selected:#fff;--hover-strong:#fff;--border:#000;--text:#000;--text-strong:#000;--text-dim:#000;--text-muted:#000;--accent:#37006e;--accent-fill:#37006e;--on-accent:#fff;--warning:#00009f;--ok:#000;--error:#00009f;--hairline:#000;--control:#000;--danger:#00009f;--added-fill:#fff;--removed-fill:#fff;--status-working:#000;--status-needs:#00009f;--status-done:#000;--status-error:#00009f;--git-added:#000;--git-removed:#000;--git-sync:#000;--meter-warn:#00009f;--meter-alert:#00009f}}:root{--touch:44px}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--frame);color:var(--text);font:var(--body);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}#app{display:flex;padding:env(safe-area-inset-top)env(safe-area-inset-right)0 env(safe-area-inset-left);flex-direction:column;height:100dvh}h1,h2,p,ol{margin:0}:focus-visible{outline:var(--focus)solid var(--accent);outline-offset:1px}.icon{width:var(--icon);height:var(--icon);fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon.small{width:var(--icon-small);height:var(--icon-small)}.mark{width:var(--icon);height:var(--icon);background:var(--logo)center/contain no-repeat;flex:none}.mark.mono{mask:var(--logo)center/contain no-repeat;background:currentColor}.mark.shell{color:var(--text-dim);background:0 0;width:auto;font:700 12px/16px ui-monospace,Cascadia Mono,monospace}.spinner{width:var(--icon);height:var(--icon);border:2px solid var(--status-working);animation:1.6s steps(13,end) infinite turn;border-right-color:#0000;border-radius:50%;flex:none}@keyframes turn{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}}.chip{display:inline-flex;align-items: center;gap:var(--grid);padding:0 calc(var(--grid)*1.5);font:var(--caption);border:1px solid;border-radius:999px;flex:none}.chip.needs{color:var(--status-needs)}.slot{display:flex;flex:none}.slot.done,.status.done{color:var(--status-done)}.slot.error{color:var(--status-error)}.bar{display:flex;align-items: center;gap:calc(var(--grid)*2);min-height:calc(var(--touch) + var(--grid)*2);padding:0 calc(var(--grid)*4)}.bar h1{font:var(--title);color:var(--text-strong)}.bar .back{margin-left:calc(var(--grid)*-3)}.title{display:flex;align-items: center;gap:calc(var(--grid)*2);flex:1;min-width:0}.title .name{font:var(--body-strong);color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.tabs{display:flex;border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom)}.tab{min-height:calc(var(--touch) + var(--grid)*3);display:flex;color:var(--text-muted);font:var(--caption);text-decoration:none;flex-direction:column;flex:1;justify-content:center;align-items: center;gap:2px}.tab[aria-current=page]{color:var(--accent)}.chips,.keys,.actions{display:flex;gap:calc(var(--grid)*2);padding:calc(var(--grid)*2)calc(var(--grid)*4)0;overflow-x:auto}.actions{padding-bottom:calc(var(--grid)*2 + env(safe-area-inset-bottom))}.button,.key{display:inline-flex;justify-content:center;align-items: center;gap:calc(var(--grid)*2);min-width:var(--touch);min-height:var(--touch);padding:0 calc(var(--grid)*4);border:1px solid var(--border);border-radius:var(--radius);background:var(--layer);color:var(--text-strong);font:var(--body);text-decoration:none;white-space:nowrap;flex:none}.key{padding:0 calc(var(--grid)*3);font:var(--body-strong)}.button:active,.key:active,.card:active{background:var(--selected)}.button.accent,.key[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:#0000}.button.quiet{background:0 0;border-color:#0000}.button.danger{color:var(--error)}.button.square{padding:0}.button.wide{width:100%}.input{min-height:var(--touch);padding:calc(var(--grid)*2)calc(var(--grid)*3);border:1px solid var(--border);border-bottom-color:var(--text-muted);border-radius:var(--radius);background:var(--layer);color:var(--text-strong);font:var(--body);width:100%;font-size:16px}.list{overflow-y:auto;display:flex;gap:calc(var(--grid)*2);padding:calc(var(--grid)*2)calc(var(--grid)*4)calc(var(--grid)*4);background:var(--background);flex-direction:column;flex:1}.group{margin-top:calc(var(--grid)*2);font:var(--caption);color:var(--text-muted)}.card{display:block;padding:calc(var(--grid)*3);border:1px solid var(--border);border-radius:var(--radius-surface);background:var(--card);color:inherit;text-decoration:none}.card.hibernated,.account.stale{opacity:.6}.line{display:flex;align-items: center;gap:calc(var(--grid)*2);min-height:var(--row);min-width:0}.line .name{font:var(--body-strong);color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.facts,.activity{margin:var(--grid)0 0 calc(var(--icon) + var(--grid)*2);font:var(--caption);color:var(--git-sync);white-space:pre;overflow:hidden}.facts{display:flex;font-variant-numeric:tabular-nums;align-items: center}.facts>*{flex:none}.facts .branch{overflow:hidden;text-overflow:ellipsis;flex:0 auto;min-width:0}.facts .spacer{flex:1}.facts .added,.facts .pass{color:var(--git-added)}.facts .removed,.facts .fail{color:var(--git-removed)}.facts .pr{display:inline-flex;align-items: center}.activity{color:var(--text);text-overflow:ellipsis;font-variant-numeric:tabular-nums}.activity.needs{color:var(--status-needs)}.activity.error{color:var(--status-error)}.empty{padding:calc(var(--grid)*6)0;color:var(--text-muted);text-align:center}.row{display:flex;align-items: center;gap:calc(var(--grid)*2);min-height:var(--touch);border-top:1px solid var(--border);margin-top:calc(var(--grid)*2)}.row .name{display:flex;color:var(--text-strong);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;align-self:stretch;align-items: center;min-width:0}.row select.input{width:auto;max-width:50%}.setting:first-child{border-top:none;margin-top:0}.setting .about{padding:calc(var(--grid)*2)0;flex:1;min-width:0}.value{display:block;font:var(--caption);color:var(--text-muted)}.usage{display:flex;gap:var(--grid);padding:calc(var(--grid)*2)calc(var(--grid)*4);border-top:1px solid var(--border);font:var(--caption);font-variant-numeric:tabular-nums;flex-direction:column}.account,.period{display:flex;align-items: center;gap:calc(var(--grid)*2)}.account .name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.period .label{color:var(--text-muted)}.percent{width:calc(var(--grid)*8);text-align:right}.meter{width:var(--meter-width);height:var(--meter);background:linear-gradient(var(--fill),var(--fill))0 0/var(--full)100% no-repeat,color-mix(in srgb,var(--text-muted)25%,transparent);border-radius:999px}.meter.working{--fill:var(--status-working)}.meter.warn{--fill:var(--meter-warn)}.meter.alert{--fill:var(--meter-alert)}.stage{overflow:auto;touch-action:pan-x pan-y;background:var(--background);flex:1}.grid{width:max-content}.screen{padding:calc(var(--grid)*2);overflow:hidden;color:var(--text);white-space:pre;margin:0;font:13px/1.2 ui-monospace,Cascadia Mono,Menlo,monospace}.heading{display:flex;flex-direction:column;flex:1;min-width:0}.heading .activity{margin:0}.prompt{display:flex;gap:var(--grid);margin:0 calc(var(--grid)*4)calc(var(--grid)*2);padding:calc(var(--grid)*3);border:1px solid var(--status-needs);border-radius:var(--radius-surface);background:var(--card);flex-direction:column}.prompt .ask{font:var(--body-strong);color:var(--text-strong)}.prompt .detail{color:var(--text);overflow-wrap:anywhere;font:13px/1.4 ui-monospace,Cascadia Mono,Menlo,monospace}.answer{display:flex;gap:calc(var(--grid)*2);margin-top:var(--grid)}.answer .button{flex:1}.answer .button:disabled{border-color:var(--border);background:var(--layer);color:var(--text-muted)}.composer{display:flex;gap:calc(var(--grid)*2);padding:calc(var(--grid)*2)calc(var(--grid)*4)0}.composer+.problem{padding:var(--grid)calc(var(--grid)*4)0}.card.new .row .name{font:var(--body-strong)}.card.new .problem{padding-top:calc(var(--grid)*2)}.keyboard{position:fixed;opacity:0;width:1px;height:1px;font-size:16px;bottom:0;left:0}.pairing{overflow-y:auto;display:flex;gap:calc(var(--grid)*4);padding:calc(var(--grid)*6)calc(var(--grid)*4)calc(var(--grid)*4 + env(safe-area-inset-bottom));flex-direction:column;flex:1;width:100%;max-width:480px;margin:0 auto}.pairing h1{font:var(--title);color:var(--text-strong)}.pairing>.button{margin-top:auto}.steps{padding-left:calc(var(--grid)*5);color:var(--text-dim)}.field{display:flex;gap:var(--grid);font:var(--caption);color:var(--text-dim);flex-direction:column}.code{font:var(--title);letter-spacing:.08em;font-variant-numeric:tabular-nums;text-align:center;color:var(--text-strong);font-size:48px;line-height:56px}.status,.problem{display:flex;align-items: center;gap:calc(var(--grid)*2);color:var(--text-dim)}.problem{color:var(--error)}@media (prefers-contrast:more){.mark:not(.shell){mask:var(--logo)center/contain no-repeat;background:currentColor}.button:active,.key:active,.card:active{outline:var(--focus)solid var(--accent)}.card.hibernated,.account.stale{opacity:1}}