:root{--bg: #07080c;--bg-elev: #0e1118;--bg-card: #12161f;--border: #1e2430;--border-bright: #2b3342;--text: #e7ecf3;--text-dim: #8b95a7;--accent: #ff5c2b;--accent-2: #19d3a2;--danger: #ff4d5e;--warn: #ffb020;--ok: #19d3a2;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 15% -10%,rgba(255,92,43,.08),transparent 60%),radial-gradient(900px 500px at 100% 0%,rgba(25,211,162,.06),transparent 55%),var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--bg-elev);border-right:1px solid var(--border);padding:28px 18px;display:flex;flex-direction:column;gap:6px}.brand{font-weight:800;font-size:22px;letter-spacing:-.02em;margin-bottom:28px;display:flex;align-items:center;gap:10px}.brand .dot{width:12px;height:12px;border-radius:3px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 18px #ff5c2b99}.brand small{display:block;font-size:11px;font-weight:500;color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase}.navlink{padding:10px 14px;border-radius:10px;color:var(--text-dim);font-weight:600;font-size:14px;transition:all .15s ease}.navlink:hover{background:var(--bg-card);color:var(--text)}.navlink.active{background:var(--bg-card);color:var(--text);box-shadow:inset 3px 0 0 var(--accent)}.sidebar .spacer{flex:1}.userbox{font-size:12px;color:var(--text-dim);border-top:1px solid var(--border);padding-top:14px}.userbox b{color:var(--text);display:block;font-size:13px;margin-bottom:8px;word-break:break-all}.main{padding:36px 44px;overflow-y:auto}.page-title{font-size:28px;font-weight:800;letter-spacing:-.02em;margin:0 0 4px}.page-sub{color:var(--text-dim);margin:0 0 28px;font-size:14px}.grid{display:grid;gap:18px}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:20px}.card h3{margin:0 0 14px;font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.stat{font-size:34px;font-weight:800;letter-spacing:-.02em}.stat small{font-size:13px;color:var(--text-dim);font-weight:600;margin-left:6px}.status-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.status-row:last-child{border-bottom:none}.status-row .label{font-weight:600;font-size:14px}.status-row .detail{font-family:var(--mono);font-size:12px;color:var(--text-dim)}.pill{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;padding:4px 11px;border-radius:999px}.pill:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.pill.ok{color:var(--ok);background:#19d3a21a}.pill.bad{color:var(--danger);background:#ff4d5e1a}.pill.warn{color:var(--warn);background:#ffb0201a}.btn{background:linear-gradient(135deg,var(--accent),#ff7a4d);color:#140a06;border:none;font-weight:700;font-size:14px;padding:11px 18px;border-radius:10px;cursor:pointer;transition:transform .1s ease,filter .15s ease}.btn:hover{filter:brightness(1.08)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--bg-elev);color:var(--text);border:1px solid var(--border-bright)}.input,.textarea{width:100%;background:var(--bg);border:1px solid var(--border-bright);border-radius:10px;color:var(--text);font-size:14px;padding:11px 13px;font-family:var(--sans)}.input:focus,.textarea:focus{outline:none;border-color:var(--accent)}.field{margin-bottom:14px}.field label{display:block;font-size:12px;font-weight:600;color:var(--text-dim);margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);padding:10px 12px;border-bottom:1px solid var(--border)}td{padding:12px;border-bottom:1px solid var(--border);font-size:14px}tr:last-child td{border-bottom:none}.mono{font-family:var(--mono);font-size:12px;color:var(--text-dim)}.badge{font-size:11px;font-weight:700;padding:3px 9px;border-radius:6px;text-transform:uppercase;letter-spacing:.04em}.badge.queued{background:#ffb0201f;color:var(--warn)}.badge.running{background:#19a0ff1f;color:#4db5ff}.badge.completed{background:#19d3a21f;color:var(--ok)}.badge.failed{background:#ff4d5e1f;color:var(--danger)}.notimpl{font-size:11px;color:var(--text-dim);border:1px dashed var(--border-bright);border-radius:6px;padding:2px 8px}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh}.login-card{width:380px}.error-text{color:var(--danger);font-size:13px;margin:10px 0 0}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:22px;flex-wrap:wrap}.empty{color:var(--text-dim);padding:40px;text-align:center;font-size:14px}.row-actions{display:flex;gap:10px}.orouter-model{margin-top:14px;border-top:1px solid var(--border);padding-top:12px}.model-picker{margin-top:10px}.model-picker-controls{display:flex;gap:10px;align-items:center;margin-bottom:8px}.model-picker-controls .input{flex:1}.field label.team-toggle{display:flex;align-items:flex-start;gap:8px;text-transform:none;letter-spacing:0;font-weight:400;font-size:13px;line-height:1.45;white-space:normal;cursor:pointer;max-width:720px}.field label.team-toggle b{color:var(--text);font-weight:700}.field label.team-toggle input{margin-top:3px;flex:none}.model-freefilter{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-dim);white-space:nowrap;cursor:pointer}.model-list{overflow-y:auto;border:1px solid var(--border-bright);border-radius:10px;background:var(--bg);display:flex;flex-direction:column}.model-option{display:block;width:100%;text-align:left;background:transparent;border:none;border-bottom:1px solid var(--border);padding:10px 12px;cursor:pointer;color:var(--text);transition:background .12s ease}.model-option:last-child{border-bottom:none}.model-option:hover:not(:disabled){background:var(--bg-elev)}.model-option:disabled{opacity:.6;cursor:not-allowed}.model-option.selected{background:#ff5c2b1a;box-shadow:inset 3px 0 0 var(--accent)}.model-option-head{display:flex;align-items:center;gap:8px;margin-bottom:3px}.model-name{font-weight:700;font-size:13px}.model-meta{font-family:var(--mono);font-size:11px;color:var(--text-dim);display:flex;flex-wrap:wrap;gap:6px;align-items:center}.model-meta-sep{opacity:.5}.model-meta-unit{opacity:.7}.model-empty{padding:16px;font-size:13px;color:var(--text-dim);text-align:center}.badge.free{background:#19d3a224;color:var(--ok)}.badge.selected-badge{background:#ff5c2b24;color:var(--accent)}.badge.canceling{background:#ffb0201f;color:var(--warn)}.badge.cancelled{background:#8c96aa24;color:var(--text-dim)}.badge\.needs-attention,.badge.needs-attention{background:#ffb02024;color:var(--warn)}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border-bright);padding:6px 12px}.btn.ghost:hover{background:var(--bg-elev)}.agent-task-list{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto}.agent-task-row{text-align:left;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:11px 13px;cursor:pointer;color:var(--text);transition:border-color .12s,background .12s}.agent-task-row:hover{border-color:var(--border-bright)}.agent-task-row.selected{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.agent-task-row-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.agent-task-title{font-weight:600;font-size:14px}.agent-task-meta{font-size:11px;color:var(--text-dim);margin-top:5px}.agent-detail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.agent-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:6px 0 12px}.agent-stat{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.agent-stat-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}.agent-stat-val{display:block;font-size:19px;font-weight:700;margin-top:3px}.agent-verify{margin:10px 0;border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--bg)}.agent-verify h4{margin:0 0 8px}.verify-block{border-top:1px solid var(--border);padding:8px 0}.verify-block:first-of-type{border-top:none}.verify-head{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:13px}.verify-dot{width:9px;height:9px;border-radius:50%;display:inline-block}.verify-dot.ok{background:var(--ok)}.verify-dot.bad{background:var(--danger)}.verify-detail{color:var(--text-dim);font-size:12px}.verify-toggle{margin-left:auto;color:var(--accent);font-size:11px}.agent-log{background:#05060a;border:1px solid var(--border-bright);border-radius:10px;padding:10px;height:360px;overflow-y:auto;font-size:12px}.agent-log-line{padding:4px 0;border-bottom:1px solid rgba(255,255,255,.03);line-height:1.45}.agent-log-kind{display:inline-block;min-width:68px;font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-weight:700}.agent-log-line.kind-error .agent-log-kind{color:var(--danger)}.agent-log-line.kind-verify .agent-log-kind{color:var(--accent-2)}.agent-log-line.kind-command .agent-log-kind{color:#4db5ff}.agent-log-line.kind-git .agent-log-kind{color:var(--warn)}.agent-log-msg{color:var(--text)}.agent-log-out{margin:6px 0 2px;padding:8px;background:var(--bg);border:1px solid var(--border);border-radius:6px;white-space:pre-wrap;word-break:break-word;font-size:11px;max-height:220px;overflow-y:auto;color:var(--text-dim)}.agent-log-out.dim{opacity:.75}.agent-files{display:flex;flex-direction:column;gap:6px;max-height:360px;overflow-y:auto}.agent-file-row{display:flex;align-items:center;gap:10px;font-size:13px}.file-change{width:18px;height:18px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}.file-change.created{background:#19d3a224;color:var(--ok)}.file-change.modified{background:#19a0ff24;color:#4db5ff}.agent-file-bytes{margin-left:auto;color:var(--text-dim);font-size:11px}.pulse-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-left:6px;animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.token-reveal{background:#05060a;border:1px solid var(--accent);border-radius:8px;padding:10px 12px;margin:10px 0;word-break:break-all}.token-reveal .mono{color:var(--accent-2)}.agent-plan{margin:6px 0 0;padding-left:20px;display:grid;gap:6px}.agent-plan li{line-height:1.5}.file-change.failed{background:#ff465a2e;color:#ff6b7d}.mem-row{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid rgba(255,255,255,.06)}.mem-body{white-space:pre-wrap;opacity:.85;font-size:13px;margin-top:3px}.mem-hit{padding:8px 0;border-top:1px solid rgba(255,255,255,.06)}.mem-hit summary{cursor:pointer}.dim{opacity:.6}.badge.ok{background:#28c8781f;color:#3ddc97}.team-graph{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.team-node{background:var(--bg-elev);border:1px solid var(--border);border-radius:10px;padding:12px;position:relative;overflow:hidden}.team-node:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--border-bright)}.team-node.st-completed:before{background:var(--ok)}.team-node.st-running:before{background:var(--accent);animation:pulse 1.4s ease-in-out infinite}.team-node.st-failed:before,.team-node.st-needs-attention:before{background:var(--danger)}.team-node-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.team-role{font-weight:800;text-transform:uppercase;letter-spacing:.06em;font-size:12px}.team-key{font-size:13px;margin-top:6px}.team-dep,.team-branch,.team-reason{font-size:11px;margin-top:4px;word-break:break-all}.team-foot{font-size:12px;margin-top:8px;color:var(--accent-2)}.shot-strip{display:flex;gap:10px;overflow-x:auto;padding:8px 0}.shot{display:flex;flex-direction:column;gap:4px;color:var(--text-dim);font-size:11px;text-decoration:none;flex:0 0 auto}.shot img{width:220px;height:138px;object-fit:cover;object-position:top;border:1px solid var(--border-bright);border-radius:6px;background:#000;transition:transform .15s}.shot:hover img{transform:translateY(-2px);border-color:var(--accent)}.browser-run+.browser-run{border-top:1px dashed var(--border);margin-top:8px;padding-top:8px}.ev-status{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:2px 6px;border-radius:4px;border:1px solid var(--border-bright);color:var(--text-dim);white-space:nowrap}.ev-verified,.ev-diff-supported,.ev-review-supported{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 50%,transparent)}.ev-contradicted,.ev-review-contradicted{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 50%,transparent)}.ev-assumed,.ev-claim,.ev-inconclusive{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 40%,transparent)}.q-section{margin-bottom:22px}.q-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.q-head h3{margin:0}.q-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.q-num{width:90px}.q-table{width:100%;border-collapse:collapse;font-size:13px}.q-table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);padding:6px 8px;border-bottom:1px solid var(--border)}.q-table td{padding:8px;border-bottom:1px solid var(--border)}.q-row{cursor:pointer}.q-row:hover{background:var(--bg-elev)}.q-detail{margin-top:14px;border-top:1px solid var(--border);padding-top:12px}.scope-tag{font-size:11px;font-weight:700;padding:2px 7px;border-radius:4px;background:var(--bg-elev);border:1px solid var(--border-bright)}.scope-write,.scope-execute{color:var(--accent)}.scope-read{color:var(--accent-2)}.scope-browser{color:#8f7bff}.klok-logo{display:inline-flex;align-items:baseline;letter-spacing:.01em}.klok-logo .klok-k-rev{display:inline-block;transform:scaleX(-1)}