:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--accent:#aa3bff;--accent-bg:#aa3bff1a;--danger:#d92d20;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/145% var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--accent:#c084fc;--accent-bg:#c084fc26}}body{margin:0}h1{font-family:var(--sans);color:var(--text-h);margin:0 0 16px;font-size:28px;font-weight:600}.app-shell{box-sizing:border-box;flex-direction:column;max-width:720px;min-height:100svh;margin:0 auto;padding:0 20px;display:flex}.app-nav{border-bottom:1px solid var(--border);gap:20px;padding:20px 0;display:flex}.app-nav a{color:var(--text);font-weight:500;text-decoration:none}.app-nav a.active{color:var(--accent)}.page{padding:24px 0 48px}.controls{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.model-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.model-picker select{border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:6px;padding:6px 10px;font-size:15px}.accuracy-badge{white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600}.accuracy-excellent{color:#0a7d3c;background:#0a7d3c1f}.accuracy-good{color:#1a7fd4;background:#1a7fd41f}.accuracy-fair{color:#b5850a;background:#b5850a24}.accuracy-average,.accuracy-poor{color:var(--danger);background:#d92d201f}.record-button{border:1px solid var(--accent);background:var(--accent-bg);color:var(--accent);cursor:pointer;border-radius:999px;padding:10px 20px;font-size:16px;font-weight:600}.record-button:disabled{opacity:.5;cursor:not-allowed}.record-button-active{background:var(--danger);border-color:var(--danger);color:#fff}.status-line{min-height:24px;color:var(--text);margin-bottom:20px}.status-error{color:var(--danger)}.utterance-list{flex-direction:column;gap:10px;max-height:60vh;display:flex;overflow-y:auto}.utterance-list-empty{color:var(--text);font-style:italic}.utterance-row{border:1px solid var(--border);border-radius:8px;align-items:baseline;gap:12px;padding:8px 12px;display:flex}.utterance-row-clickable{cursor:pointer}.utterance-row-clickable:hover{background:var(--accent-bg)}.utterance-time{font-family:var(--mono);color:var(--accent);flex-shrink:0;font-size:13px}.utterance-text{color:var(--text-h)}.session-list{flex-direction:column;gap:8px;display:flex}.session-row{border:1px solid var(--border);color:var(--text-h);border-radius:8px;grid-template-columns:1fr 1fr auto auto;gap:12px;padding:10px 12px;text-decoration:none;display:grid}.session-row:hover{background:var(--accent-bg)}.session-row-status{color:var(--text);font-size:13px}.session-meta{color:var(--text);margin-bottom:16px}.session-audio{width:100%;margin-bottom:20px}