:root{--fg: #1a1a1a;--fg-muted: #555;--bg: #fafafa;--bg-card: #ffffff;--border: #e0e0e0;--accent: #2b6cb0;--error: #c53030;--success: #2f855a;--warn: #b7791f;--bg-code: #f0f0f0;color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5;color:var(--fg);background:var(--bg)}*{box-sizing:border-box}body{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.92em}pre{white-space:pre-wrap;word-wrap:break-word;margin:0}button{cursor:pointer;padding:.4rem .9rem;font-size:14px;border:1px solid var(--border);border-radius:4px;background:var(--bg-card);color:var(--fg)}button:hover{border-color:var(--accent)}button:disabled{cursor:default;opacity:.5}button.danger{border-color:var(--error);color:var(--error)}button.link-button{border:none;background:none;padding:0;color:var(--accent);text-decoration:underline}input,textarea,select{width:100%;padding:.4rem .6rem;font-size:14px;border:1px solid var(--border);border-radius:4px;background:var(--bg-card);color:var(--fg);font-family:inherit}textarea{resize:vertical}label{display:block;margin:.8rem 0}label>*{margin-top:.2rem}.error{color:var(--error);margin:.6rem 0}.hint{color:var(--fg-muted);font-size:.95em}.centered{padding:4rem 1rem}.narrow{max-width:28rem;margin:0 auto}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-body{flex:1}.primary-nav{display:flex;align-items:center;gap:1.5rem;max-width:80rem;margin:0 auto;padding:.8rem 1.2rem;background:var(--bg-card);border-bottom:1px solid var(--border)}.nav-brand a{font-weight:600;color:var(--fg)}.nav-links{display:flex;gap:1rem;list-style:none;margin:0;padding:0}.nav-links a{color:var(--fg-muted);padding:.2rem 0}.nav-links a:hover{color:var(--fg)}.nav-links a.active{color:var(--accent);border-bottom:2px solid var(--accent)}.nav-user{margin-left:auto;display:flex;align-items:center;gap:1rem;color:var(--fg-muted)}.page{max-width:56rem;margin:0 auto;padding:1.5rem 1.2rem}.page h1{margin-top:0}.chat{display:flex;flex-direction:column;height:calc(100vh - 56px);max-width:80rem;margin:0 auto}.chat-scroller{flex:1;overflow-y:auto;padding:1rem}.chat-empty{color:var(--fg-muted);text-align:center;padding:2rem}.chat-loading-older{color:var(--fg-muted);text-align:center;padding:.5rem;font-size:.85rem}.turn{margin:0 auto 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:.8rem 1rem}.turn-user{background:color-mix(in srgb,var(--accent) 9%,transparent)}.turn-role{display:flex;justify-content:space-between;align-items:baseline;font-size:.85em;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem}.turn-time{text-transform:none;letter-spacing:0;font-variant-numeric:tabular-nums}.turn-text{font-size:14px}.turn-plain{white-space:pre-wrap;word-wrap:break-word}.turn-md>*:first-child{margin-top:0}.turn-md>*:last-child{margin-bottom:0}.turn-md p{margin:.5rem 0}.turn-md ul,.turn-md ol{margin:.5rem 0;padding-left:1.4rem}.turn-md li{margin:.15rem 0}.turn-md li>p{margin:.2rem 0}.turn-md h1,.turn-md h2,.turn-md h3,.turn-md h4{margin:.9rem 0 .4rem;line-height:1.25}.turn-md h1{font-size:1.4em}.turn-md h2{font-size:1.25em}.turn-md h3{font-size:1.1em}.turn-md code{background:var(--bg-code);padding:.05rem .3rem;border-radius:3px}.turn-md pre{background:var(--bg-code);padding:.6rem .8rem;border-radius:4px;margin:.5rem 0;white-space:pre;overflow-x:auto}.turn-md pre code{background:none;padding:0}.turn-md blockquote{margin:.5rem 0;padding-left:.8rem;border-left:3px solid var(--border);color:var(--fg-muted)}.turn-md table{border-collapse:collapse;margin:.5rem 0;display:block;overflow-x:auto}.turn-md th,.turn-md td{border:1px solid var(--border);padding:.3rem .5rem;text-align:left}.turn-md a{color:var(--accent)}.turn-md img{max-width:100%}.turn-events{font-size:.85em;color:var(--fg-muted);margin:.3rem 0 .5rem}.turn-events code{background:var(--bg-code);padding:.05rem .3rem;border-radius:3px}.turn-events ul{margin:.3rem 0;padding-left:1.4rem}.chat-ask-user{max-width:48rem;margin:0 auto;padding:.8rem 1rem;background:color-mix(in srgb,var(--warn) 12%,transparent);border-top:2px solid var(--warn)}.chat-ask-user input{margin:.3rem 0}.chat-ask-user button{margin-top:.3rem}.chat-input{display:flex;gap:.6rem;padding:.8rem 1rem;border-top:1px solid var(--border);background:var(--bg-card)}.chat-input textarea{flex:1}.chat-input button{align-self:stretch}table.data{width:100%;border-collapse:collapse;margin:1rem 0}table.data th,table.data td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--border)}table.data th{font-size:.85em;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em}table.data tr.totals td{font-weight:600;border-top:2px solid var(--border);border-bottom:none}.status{display:inline-block;padding:.1rem .5rem;border-radius:3px;font-size:.85em}.status-pending{background:color-mix(in srgb,var(--fg-muted) 18%,transparent);color:var(--fg-muted)}.status-running{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.status-awaiting_user{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.status-blocked{background:color-mix(in srgb,var(--error) 15%,transparent);color:var(--error)}.status-completed{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}.status-failed{background:color-mix(in srgb,var(--error) 15%,transparent);color:var(--error)}.status-cancelled{background:color-mix(in srgb,var(--fg-muted) 18%,transparent);color:var(--fg-muted)}.status-active{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.status-paused{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.status-done{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}dl.metadata{display:grid;grid-template-columns:max-content 1fr;gap:.3rem 1rem;margin:1rem 0}dl.metadata dt{color:var(--fg-muted);font-size:.9em}dl.metadata dd{margin:0}ol.events{padding-left:1.4rem}ol.events li{margin-bottom:.8rem}ol.events code{background:var(--bg-code);padding:.05rem .3rem;border-radius:3px}ol.events .event-time{color:var(--fg-muted);font-size:.85em;margin-left:.6rem}ol.events pre{background:var(--bg-code);padding:.4rem .6rem;border-radius:4px;margin-top:.3rem}.tabs{display:flex;gap:.3rem;margin:1rem 0}.tabs button.active{border-color:var(--accent);color:var(--accent);font-weight:600}.usage-period{margin-bottom:2rem}ul.by-agent{list-style:none;padding:0}ul.by-agent li{padding:.2rem 0}.monitor-filter{display:inline-flex;align-items:center;gap:.35rem;margin-left:.6rem;color:var(--fg-muted)}.monitor-filter input{margin:0}.monitor-stats{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.monitor-stats .stat{flex:1 1 8rem;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:.6rem .8rem}.monitor-stats .stat-label{display:block;font-size:.8em;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em}.monitor-stats .stat-value{font-size:1.4em;font-weight:600}.monitor-stats .stat-bad{border-color:var(--error)}.monitor-stats .stat-bad .stat-value{color:var(--error)}table.data tr.row-bad td{background:color-mix(in srgb,var(--error) 7%,transparent)}table.data tr.row-open td{font-weight:600}table.data tr.row-detail td{background:var(--bg)}table.data tr[class*=row-]{cursor:pointer}.monitor-message{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em;word-break:break-word}.trace-calls{margin:.5rem 0;padding-left:1.2rem}.trace-call{margin:.4rem 0}.trace-call-bad{color:var(--error)}.trace-call .link-button{text-align:left}.trace-payloads{margin:.4rem 0 .8rem;padding-left:.8rem;border-left:2px solid var(--border);color:var(--fg)}.trace-payloads h4{margin:.6rem 0 .2rem;font-size:.8em;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted)}.trace-payloads pre{margin:0;padding:.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;max-height:20rem;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:.85em}.notice{color:var(--warn);margin:.3rem 0;font-size:.9em}@media (prefers-color-scheme: dark){:root{--fg: #e6e6e6;--fg-muted: #9aa0a6;--bg: #17181a;--bg-card: #212226;--border: #34363b;--accent: #6aa3e0;--error: #ef8a8a;--success: #7fc99b;--warn: #dcb46b;--bg-code: #2b2c30}}