:root{--bg:#ececec;--surface:#fff;--surface-2:#f6f6f6;--surface-3:#efefef;--ink:#161616;--ink-2:#5a5a5a;--ink-3:#8c8c8c;--line:#e4e4e4;--line-2:#d4d4d4;--black:#161616;--radius:14px;--radius-sm:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--bg);color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);overscroll-behavior:none;min-width:320px}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:0}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{width:100%;max-width:560px;min-height:100dvh;padding:calc(14px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) calc(28px + env(safe-area-inset-bottom)) calc(14px + env(safe-area-inset-left));flex-direction:column;gap:14px;margin:0 auto;display:flex}.topbar{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand img{border-radius:9px;flex:none}.brand h1{color:var(--ink);white-space:nowrap;margin:0;font-size:1.15rem;font-weight:750;line-height:1.1}.topbar-actions{flex:none;align-items:center;gap:8px;display:flex}.icon-button{background:var(--surface);border:1px solid var(--line-2);color:var(--ink-2);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.icon-button:active{background:var(--surface-3)}[hidden]{display:none!important}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;flex:auto;gap:16px;min-height:0;padding:16px;display:flex;box-shadow:0 1px 2px #0000000a}.segmented{background:var(--surface-3);border-radius:var(--radius-sm);grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:3px;display:grid}.segmented button{color:var(--ink-2);text-align:center;background:0 0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;min-height:50px;padding:6px 4px;font-size:.82rem;font-weight:650;display:inline-flex}.segmented button span{opacity:.7;font-size:.72rem;font-weight:700}.segmented button.is-selected{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001f}.segmented button.is-selected span{opacity:1}.segmented button:disabled{cursor:not-allowed;opacity:.55}.notice{background:var(--surface-3);border:1px solid var(--line-2);border-radius:var(--radius-sm);color:var(--ink-2);padding:10px 12px;font-size:.9rem}.realtime-notice{margin-top:0}.notice-action{cursor:pointer;text-align:left;align-items:center;gap:8px;width:100%;display:flex}.drawer-hint{color:var(--ink-3);margin:0;font-size:.85rem;line-height:1.45}.realtime-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.panel-title{align-items:center;gap:8px;display:flex}.panel-title h2{color:var(--ink);margin:0;font-size:.98rem;font-weight:720}.realtime-badge{background:var(--surface-3);color:var(--ink-2);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;min-height:30px;padding:0 11px;font-size:.8rem;font-weight:650;display:inline-flex}.realtime-badge.is-live{background:var(--ink);color:#fff}.segmented.is-two{grid-template-columns:1fr 1fr}.segmented.is-row button{flex-direction:row;gap:6px;min-height:44px}.segmented.source-toggle{flex:none;padding:2px}.segmented.source-toggle button{min-height:34px;padding:0 10px;font-size:.8rem}.field,.toggle-row{color:var(--ink-2);gap:7px;font-size:.88rem;font-weight:650;display:grid}.field input,.field select{background:var(--surface);border:1px solid var(--line-2);border-radius:var(--radius-sm);color:var(--ink);min-width:0;min-height:46px;padding:0 12px;font-size:16px}.field input:focus-visible,.field select:focus-visible{border-color:var(--ink);outline:none}.inline-label,.transcript-pane span{align-items:center;gap:6px;display:inline-flex}.field input[type=range]{accent-color:var(--ink);background:0 0;border:0;width:100%;min-height:34px;padding:0}.field input[type=range]:disabled{opacity:.4}.toggle-row{grid-template-columns:minmax(0,1fr) 44px;align-items:center;min-height:46px}.toggle-row input{accent-color:var(--ink);justify-self:end;width:22px;height:22px}.primary-button,.secondary-button{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;width:100%;min-height:50px;padding:0 14px;font-weight:650;display:flex}.primary-button{background:var(--ink);color:#fff}.primary-button.is-live{background:var(--surface);border:1px solid var(--ink);color:var(--ink)}.secondary-button{background:var(--surface-3);border:1px solid var(--line-2);color:var(--ink)}.realtime-transcripts{border:1px solid var(--line);border-radius:var(--radius-sm);flex-direction:column;flex:auto;min-height:180px;display:flex;overflow:hidden}.transcript-pane{flex:1 1 0;min-width:0;min-height:0;padding:12px;overflow-y:auto}.transcript-pane+.transcript-pane{border-top:1px solid var(--line)}.transcript-pane span{color:var(--ink-3);text-transform:uppercase;letter-spacing:.02em;font-size:.78rem;font-weight:700}.transcript-pane p{color:var(--ink);overflow-wrap:anywhere;white-space:pre-wrap;min-height:48px;margin:6px 0 0;font-size:.98rem;font-weight:550;line-height:1.4}.drawer-scrim{z-index:50;background:#14141466;justify-content:flex-end;animation:.18s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.drawer{background:var(--surface);flex-direction:column;width:min(380px,88vw);height:100%;animation:.22s slide-in;display:flex;box-shadow:-8px 0 30px #0000002e}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-head{border-bottom:1px solid var(--line);padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 16px 16px;justify-content:space-between;align-items:center;display:flex}.drawer-body{padding:16px calc(16px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) 16px;flex-direction:column;gap:14px;display:flex;overflow-y:auto}.drawer-section{border-top:1px solid var(--line);flex-direction:column;gap:12px;margin-top:6px;padding-top:16px;display:flex}.health-row{flex-wrap:wrap;gap:8px;display:flex}.health{background:var(--surface-3);color:var(--ink-2);border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:0 11px;font-size:.84rem;font-weight:600;display:flex}.health.ok{background:var(--ink);color:#fff}@media (width>=640px){.app-shell{gap:18px;max-width:720px;padding:24px 20px 40px}.brand h1{font-size:1.3rem}.card{padding:22px}.realtime-transcripts{flex-direction:row}.transcript-pane+.transcript-pane{border-top:0;border-left:1px solid var(--line)}}