:root{--bg: #f6f7fb;--surface: #ffffff;--text: #0f172a;--muted: #64748b;--border: #e2e8f0;--primary: #4f46e5;--primary-ink: #ffffff;--danger: #dc2626;--warn: #d97706;--ok: #059669;--user: #eef2ff;--hermes: #f0fdf4;--spoken: #fff7ed;--radius: 14px;color-scheme:light}@media(prefers-color-scheme:dark){:root{--bg: #0b1120;--surface: #111827;--text: #e5e7eb;--muted: #94a3b8;--border: #1f2937;--primary: #818cf8;--primary-ink: #0b1120;--user: #1e1b4b;--hermes: #052e1b;--spoken: #3b2306;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:Assistant,system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-size:16px;line-height:1.5}h1{font-size:1.35rem;margin:0}h2{font-size:1.05rem;margin:0 0 .6rem}h3{font-size:.95rem;margin:1rem 0 .4rem}.muted{color:var(--muted)}.small{font-size:.85rem}.center{min-height:100vh;display:grid;place-items:center}.center-text{text-align:center}.error{color:var(--danger);margin:.5rem 0}.notice{color:var(--warn);margin:.5rem 0}.lab{max-width:880px;margin:0 auto;padding:16px 16px 40px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.topbar p{margin:2px 0 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px}.banner{border-radius:var(--radius);padding:10px 14px;margin-bottom:12px;font-size:.9rem}.banner.warn{background:color-mix(in srgb,var(--warn) 14%,transparent);border:1px solid color-mix(in srgb,var(--warn) 40%,transparent)}.banner.info{background:color-mix(in srgb,var(--primary) 10%,transparent);border:1px solid color-mix(in srgb,var(--primary) 30%,transparent)}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap}.row.between{justify-content:space-between}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:9px 14px;font:inherit;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--primary);color:var(--primary-ink);border-color:transparent;font-weight:600}.btn.danger{background:var(--danger);color:#fff;border-color:transparent}.btn.warn{border-color:var(--warn);color:var(--warn)}.btn.ghost{background:transparent}.btn.small{padding:5px 10px;font-size:.85rem}.btn.big{padding:12px 26px;font-size:1.05rem}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--bg);padding:4px;border-radius:12px}.seg{border:0;background:transparent;padding:10px;border-radius:9px;font:inherit;font-weight:600;color:var(--muted);cursor:pointer}.seg.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000001f}.status{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0}.pill{padding:4px 12px;border-radius:999px;font-weight:600;font-size:.9rem;background:var(--bg)}.state-listening{background:color-mix(in srgb,var(--ok) 18%,transparent);color:var(--ok)}.state-hermes_working{background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary)}.state-speaking{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.state-waiting_approval{background:color-mix(in srgb,var(--warn) 30%,transparent)}.state-error{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.mic{display:inline-flex;align-items:center;gap:6px}.meter{width:80px;height:6px;background:var(--bg);border-radius:3px;overflow:hidden;display:inline-block}.meter span{display:block;height:100%;background:var(--ok);transition:width 80ms linear}.status-line{font-size:.85rem;color:var(--primary)}.conn{font-size:.85rem;color:var(--muted)}.conn.on{color:var(--ok)}.models summary{cursor:pointer;font-size:.85rem;color:var(--muted)}.models dl{margin:6px 0 0;display:grid;gap:2px;font-size:.82rem}.models dl div{display:flex;gap:8px}.models dt{color:var(--muted);min-width:110px}.models dd{margin:0;word-break:break-all}.cost-meter{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 4px}.meter-box{border:1px solid var(--border);border-radius:10px;padding:8px 10px;display:grid;gap:2px}.meter-box.live{border-color:var(--ok)}.meter-box strong{font-size:.95rem}.tiny{font-size:.72rem;grid-column:1 / -1;text-align:center}.prompt-editor{width:100%;min-height:160px;resize:vertical}.contract{white-space:pre-wrap;background:var(--bg);border-radius:8px;padding:8px;font-size:.82rem}.controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.session-picker{display:flex;gap:6px;align-items:center;margin-top:10px;justify-content:center}select,input,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:7px 9px;max-width:100%}label{display:grid;gap:4px;margin:6px 0}.tabs{display:flex;gap:4px;overflow-x:auto;margin-bottom:12px}.tab{border:0;background:transparent;padding:8px 12px;border-radius:9px;font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap}.tab.active{background:var(--surface);color:var(--text);font-weight:600;border:1px solid var(--border)}.transcript{max-height:55vh;overflow-y:auto}.turn{margin-bottom:14px;display:grid;gap:6px}.bubble{padding:9px 12px;border-radius:12px;white-space:pre-wrap;word-break:break-word}.bubble .who{display:block;font-size:.75rem;color:var(--muted);font-weight:600;margin-bottom:2px}.bubble.user{background:var(--user)}.bubble.user.partial{opacity:.7;font-style:italic}.bubble.hermes{background:var(--hermes)}.bubble.spoken{background:var(--spoken)}.steer{font-size:.8rem;color:var(--primary);margin-top:4px}.tools{list-style:none;margin:0;padding:0;font-size:.83rem;color:var(--muted)}.tools li.err{color:var(--danger)}.outcome{font-size:.8rem;color:var(--warn)}.approvals{border-color:var(--warn)}.approval{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid var(--border)}.approval:first-of-type{border-top:0}.approval-actions{display:flex;gap:6px;align-items:center}.cmd{display:block;font-size:.78rem;margin-top:4px;background:var(--bg);padding:4px 6px;border-radius:6px;overflow-x:auto}.chat-log{display:grid;gap:8px;max-height:40vh;overflow-y:auto;margin-bottom:8px}.chat-line{display:grid;gap:4px}.chat-form textarea{width:100%;resize:vertical}.chat-actions{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.experiments{list-style:none;padding:0;margin:10px 0;display:grid;gap:6px}.exp{width:100%;text-align:start;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:9px 12px;font:inherit;cursor:pointer}.exp.active{border-color:var(--primary)}.tag{font-size:.72rem;background:var(--bg);padding:1px 6px;border-radius:6px;margin-inline-start:6px}.exp-detail{border-top:1px solid var(--border);padding-top:10px;display:grid;gap:8px}.exp-detail p{margin:0}.checks{margin:0;padding-inline-start:18px;font-size:.88rem}.checks .ok{color:var(--ok)}.checks .err{color:var(--danger)}.ratings{display:grid;gap:6px}.rating-row{display:flex;gap:6px;align-items:center}.rating-row>span{min-width:64px}.score{width:36px;height:36px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer}.score.active{background:var(--primary);color:var(--primary-ink);border-color:transparent}.export{margin-top:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.85rem}th,td{border-bottom:1px solid var(--border);padding:6px;text-align:start;vertical-align:top}.costs td:nth-child(2){white-space:nowrap}.footer{text-align:center;margin-top:16px}.login{min-height:100vh;display:grid;place-items:center;padding:16px}.login-card{width:min(380px,100%);display:grid;gap:8px}@media(max-width:560px){.seg{padding:9px 4px;font-size:.85rem}.btn.big{width:100%}.controls .btn{flex:1 1 45%}.transcript{max-height:none}}