:root{color-scheme:light dark;--bg:#f5f6f8;--fg:#1a1c1e;--muted:#6b7280;--card-bg:#fff;--border:#e2e4e8;--primary:#16a34a;--primary-fg:#fff;--danger:#dc2626;--warning:#d97706;--info:#2563eb;--success-bg:#dcfce7;--success-fg:#166534;--warning-bg:#fef3c7;--warning-fg:#92400e;--danger-bg:#fee2e2;--danger-fg:#991b1b}@media (prefers-color-scheme:dark){:root{--bg:#16181c;--fg:#e7e9ea;--muted:#9aa0a6;--card-bg:#1e2126;--border:#2c2f36;--primary:#22c55e;--primary-fg:#0b1210;--danger:#f87171;--warning:#fbbf24;--info:#60a5fa;--success-bg:#133b25;--success-fg:#86efac;--warning-bg:#3f2d09;--warning-fg:#fcd34d;--danger-bg:#3f1414;--danger-fg:#fca5a5}}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--fg)}.container{max-width:640px;margin:0 auto;padding:16px}h1{font-size:1.5rem;margin:8px 0 4px}h2{font-size:1.1rem;margin:0 0 8px}.muted{color:var(--muted);font-size:.9rem}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:16px;margin:12px 0}.prediction-row{border-top:1px solid var(--border);padding:10px 0}.prediction-row:first-of-type{border-top:none;padding-top:0}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--card-bg);color:var(--fg);border-radius:8px;padding:8px 14px;font-size:.9rem;cursor:pointer}.button:hover:not(:disabled){border-color:var(--primary)}.button:disabled{opacity:.6;cursor:not-allowed}.button-primary{background:var(--primary);color:var(--primary-fg);border-color:var(--primary)}.button-danger{background:var(--danger);color:#fff;border-color:var(--danger)}.button-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}input[type=checkbox],input[type=text]{font:inherit}input[type=text]{display:block;width:100%;padding:8px 10px;margin:8px 0;border:1px solid var(--border);border-radius:8px;background:var(--card-bg);color:var(--fg)}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.8rem;font-weight:600}.badge-success{background:var(--success-bg);color:var(--success-fg)}.badge-warning{background:var(--warning-bg);color:var(--warning-fg)}.badge-danger{background:var(--danger-bg);color:var(--danger-fg)}.checkbox-row{display:flex;align-items:center;gap:8px;padding:6px 0}.error-text{color:var(--danger);font-size:.9rem}.trace-event{border-left:3px solid var(--border);padding:8px 12px;margin-bottom:6px;border-radius:0 6px 6px 0;background:var(--card-bg)}.trace-event.phase-calling{border-left-color:var(--info)}.trace-event.phase-done{border-left-color:var(--primary)}.trace-event.phase-warning{border-left-color:var(--warning)}.trace-event.phase-error{border-left-color:var(--danger)}.trace-event.phase-awaiting_input{border-left-color:#a855f7}.trace-header{display:flex;justify-content:space-between;gap:8px;font-size:.85rem}.trace-tool{font-weight:600}.trace-ts{color:var(--muted);white-space:nowrap}.trace-detail{margin-top:4px;font-size:.8rem;color:var(--muted);white-space:pre-wrap;word-break:break-word}.spinner{display:inline-block;width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;margin-right:8px;vertical-align:middle;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.totals-row{display:flex;justify-content:space-between;padding:4px 0;font-size:.9rem}.totals-row.final{font-weight:700;border-top:1px solid var(--border);margin-top:6px;padding-top:8px}