:root{--ground: #0a0c0e;--surface: #12161a;--surface-lift: #1a2026;--line: #232b33;--line-bright: #33404b;--text: #dfe6ec;--text-dim: #8d9aa6;--text-faint: #5a6672;--working: #4ade80;--waiting: #f0b429;--needs-you: #ff3d8b;--done: #6b7f92;--link: #57b6ff;--term-bg: #07090b;--term-text: #cfd8e0;--radius: 10px;--rail: 3px;--mono: ui-monospace, "SF Mono", "Menlo", "Cascadia Mono", "Roboto Mono", monospace;color-scheme:dark}@media(prefers-color-scheme:light){:root{--ground: #f4f6f8;--surface: #ffffff;--surface-lift: #eef2f6;--line: #d9e0e7;--line-bright: #c2cdd7;--text: #16202a;--text-dim: #55636f;--text-faint: #7d8b97;--working: #12874a;--waiting: #a86800;--needs-you: #cf0f5e;--done: #64748b;--link: #0b62c4;--term-bg: #10151a;--term-text: #cfd8e0;color-scheme:light}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--ground);color:var(--text);font-family:var(--mono);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}#app{display:flex;flex-direction:column;min-height:100dvh}:focus-visible{outline:2px solid var(--link);outline-offset:2px;border-radius:4px}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}button,.tap{min-height:44px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.header{display:flex;align-items:center;gap:10px;padding:max(10px,env(safe-area-inset-top)) 14px 10px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:20}.brand{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text)}.header .spacer{flex:1}.header button{min-width:44px;display:grid;place-items:center;border-radius:8px;color:var(--text-dim)}.header button[aria-pressed=true],.header button:hover{color:var(--text);background:var(--surface-lift)}.conn{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.conn .bulb{width:7px;height:7px;border-radius:50%;background:var(--text-faint)}.conn[data-state=connected] .bulb{background:var(--working);box-shadow:0 0 8px var(--working)}.conn[data-state=connecting] .bulb,.conn[data-state=signaling] .bulb,.conn[data-state=reconnecting] .bulb{background:var(--waiting);animation:breathe 1.6s ease-in-out infinite}.conn[data-state=failed] .bulb{background:var(--needs-you)}@keyframes breathe{0%,to{opacity:1}50%{opacity:.35}}.banner{padding:9px 14px;font-size:12px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--waiting) 14%,var(--surface));color:var(--text)}.banner.error{background:color-mix(in srgb,var(--needs-you) 16%,var(--surface))}.view{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.stack{padding:12px;display:flex;flex-direction:column;gap:8px}.section-label{display:flex;align-items:center;gap:8px;margin:14px 2px 2px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint)}.section-label.urgent{color:var(--needs-you)}.section-label .count{font-weight:400;color:var(--text-faint)}.agent{position:relative;display:flex;align-items:center;gap:10px;width:100%;padding:12px 12px 12px 16px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:border-color .15s ease,transform .12s ease}.agent:before{content:"";position:absolute;inset:0 auto 0 0;width:var(--rail);background:var(--done)}.agent[data-status=working]:before{background:var(--working)}.agent[data-status=idle]:before,.agent[data-status=unknown]:before{background:var(--line-bright)}.agent[data-status=done]:before{background:var(--done)}.agent[data-status=blocked]:before{background:var(--needs-you);animation:rail-pulse 1.4s ease-in-out infinite}@keyframes rail-pulse{0%,to{opacity:1}50%{opacity:.3}}.agent[data-status=blocked]{border-color:color-mix(in srgb,var(--needs-you) 45%,var(--line));background:color-mix(in srgb,var(--needs-you) 7%,var(--surface))}.agent:active{transform:scale(.995)}.agent .body{flex:1;min-width:0;display:flex;flex-direction:column}.agent .name,.agent .meta{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent .name{font-size:14px;font-weight:600}.agent .meta{margin-top:2px;font-size:11px;color:var(--text-dim)}.agent .status-word{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-faint);flex-shrink:0}.agent[data-status=working] .status-word{color:var(--working)}.agent[data-status=blocked] .status-word{color:var(--needs-you)}.agent .prompt-peek{margin-top:6px;font-size:11px;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chips{display:flex;gap:6px;overflow-x:auto;margin-inline:-12px;padding:2px 12px;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chip{position:relative;padding:7px 13px;min-height:36px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--text-dim);font-size:12px;white-space:nowrap;flex-shrink:0}.chip[aria-pressed=true]{background:var(--text);border-color:var(--text);color:var(--ground);font-weight:600}.chip.alert:after{content:"";position:absolute;top:3px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--needs-you)}.chip.add{border-style:dashed;color:var(--text-faint)}.empty{padding:64px 24px;text-align:center;color:var(--text-dim);font-size:13px}.pair{padding:24px 18px max(24px,env(safe-area-inset-bottom));max-width:460px;margin:0 auto;width:100%}.pair h1{font-size:15px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}.pair p{color:var(--text-dim);font-size:13px;margin-bottom:18px}.pair ol{margin:0 0 18px 18px;color:var(--text-dim);font-size:13px}.pair li{margin-bottom:6px}.pair code{color:var(--text);background:var(--surface-lift);padding:1px 5px;border-radius:4px}textarea,input[type=text]{width:100%;padding:11px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-family:var(--mono);font-size:13px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:12px 18px;border-radius:8px;font-size:13px;font-weight:600;background:var(--surface-lift);border:1px solid var(--line-bright);color:var(--text);width:100%}.btn.primary{background:var(--text);border-color:var(--text);color:var(--ground)}.btn.danger{background:transparent;border-color:color-mix(in srgb,var(--needs-you) 50%,var(--line));color:var(--needs-you)}.btn:disabled{opacity:.45}.field-error{margin-top:8px;font-size:12px;color:var(--needs-you)}.hint{margin-top:10px;font-size:11px;color:var(--text-faint)}.terminal{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;background:var(--ground)}.term-head{display:flex;align-items:center;gap:8px;padding:max(8px,env(safe-area-inset-top)) 10px 8px;border-bottom:1px solid var(--line);background:var(--surface)}.term-head .title{flex:1;min-width:0;font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.term-head button{min-width:44px;border-radius:8px;color:var(--text-dim)}.term-body{flex:1;overflow:auto;padding:10px 12px;background:var(--term-bg);color:var(--term-text);font-size:11.5px;line-height:1.45;white-space:pre;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.term-canvas{width:max-content;min-width:100%}.term-canvas canvas{display:block}.term-loading{padding:12px 0;color:var(--text-faint);font-size:12px}.term-foot{border-top:1px solid var(--line);background:var(--surface);padding-bottom:env(safe-area-inset-bottom)}.prompt-panel{padding:12px;border-top:2px solid var(--needs-you);background:color-mix(in srgb,var(--needs-you) 9%,var(--surface))}.prompt-panel .q{font-size:12px;color:var(--text);margin-bottom:10px;max-height:6.5em;overflow-y:auto;white-space:pre-wrap}.option-row{display:flex;flex-direction:column;gap:6px}.option{display:flex;align-items:center;gap:9px;padding:11px 12px;border-radius:8px;border:1px solid var(--line-bright);background:var(--surface);text-align:left;font-size:13px}.option .num{width:20px;height:20px;flex-shrink:0;display:grid;place-items:center;border-radius:4px;background:var(--surface-lift);font-size:11px;font-weight:700;color:var(--text-dim)}.option.affirm{border-color:color-mix(in srgb,var(--working) 45%,var(--line))}.option.affirm .num{background:color-mix(in srgb,var(--working) 22%,var(--surface));color:var(--working)}.option.deny{border-color:color-mix(in srgb,var(--needs-you) 35%,var(--line))}.option.deny .num{background:color-mix(in srgb,var(--needs-you) 18%,var(--surface));color:var(--needs-you)}.composer{display:flex;gap:6px;padding:8px;align-items:flex-end}.composer textarea{flex:1;min-height:44px;max-height:120px}.composer .send{width:46px;min-width:46px;height:44px;border-radius:8px;background:var(--text);color:var(--ground);display:grid;place-items:center;font-weight:700}.composer .send:disabled{background:var(--surface-lift);color:var(--text-faint)}.dock-tabs{display:flex;gap:4px;padding:0 8px 8px}.dock-tabs button{flex:1;min-height:34px;border-radius:7px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);border:1px solid transparent}.dock-tabs button[aria-pressed=true]{color:var(--text);background:var(--surface-lift);border-color:var(--line)}.keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 8px 8px}.keypad.digits{grid-template-columns:repeat(5,1fr)}.key{min-height:46px;border-radius:8px;border:1px solid var(--line);background:var(--surface-lift);font-size:13px;display:grid;place-items:center}.key:active{background:var(--line)}.key.wide{grid-column:span 2}.key.armed{background:var(--text);color:var(--ground);border-color:var(--text);font-weight:700}.key.danger{color:var(--needs-you);border-color:color-mix(in srgb,var(--needs-you) 30%,var(--line))}.key.confirm{background:var(--needs-you);border-color:var(--needs-you);color:#fff;font-weight:700}.queue{display:flex;align-items:center;gap:6px;padding:8px;flex-wrap:wrap}.queue-chip{padding:5px 9px;border-radius:6px;border:1px solid var(--line-bright);background:var(--surface);font-size:12px}.queue-chip.danger{border-color:color-mix(in srgb,var(--needs-you) 45%,var(--line));color:var(--needs-you)}.toasts{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:60;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:11px 12px;border-radius:8px;background:var(--surface-lift);border:1px solid color-mix(in srgb,var(--needs-you) 40%,var(--line));font-size:12px;box-shadow:0 8px 24px #0006;animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.toast .code{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--needs-you)}.toast .dismiss{min-height:0;color:var(--text-faint);padding:0 2px}.timeline-row{display:flex;align-items:baseline;gap:10px;padding:8px 2px;border-bottom:1px solid var(--line);font-size:12px}.timeline-row .at{color:var(--text-faint);font-variant-numeric:tabular-nums;flex-shrink:0}.timeline-row .what{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-row .st{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint)}.timeline-row .st[data-status=blocked]{color:var(--needs-you)}.timeline-row .st[data-status=working]{color:var(--working)}.settings-group{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:12px;margin-bottom:10px}.settings-group h2{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-bottom:10px}.kv{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:12px}.kv dt{color:var(--text-dim)}.kv dd{color:var(--text);text-align:right;word-break:break-all}@media(min-width:720px){.stack{max-width:760px;margin:0 auto;width:100%}.header{padding-inline:max(14px,calc((100vw - 760px)/2))}.terminal{max-width:900px;margin:0 auto;border-inline:1px solid var(--line)}}