:root{color-scheme:dark;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f0f2ea;background:#0b0d0a;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #f0f2ea;--muted: #90968b;--quiet: #62695f;--surface: #11140f;--surface-raised: #171b15;--line: #282d25;--optic: #adbd8c;--optic-deep: #52623f;--warm: #c98b6d;--error: #dc8c72;--page-gutter: 24px;--timeline-label-width: 132px}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100svh;background:#0b0d0a}button,select,input{font:inherit}button,label,select{-webkit-tap-highlight-color:transparent}button:focus-visible,select:focus-visible,input:focus-visible+.provider-option__check{outline:2px solid #c6d4a2;outline-offset:3px}.app-shell{min-height:100svh;padding-bottom:18px}.topbar{height:52px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 var(--page-gutter);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:690;letter-spacing:-.02em}.brand__mode{color:var(--muted);font-size:11px;font-weight:500;letter-spacing:0}.brand__signal{height:16px;display:flex;align-items:center;gap:2px}.brand__signal i{width:2px;display:block;border-radius:2px;background:var(--optic)}.brand__signal i:nth-child(1),.brand__signal i:nth-child(5){height:5px}.brand__signal i:nth-child(2),.brand__signal i:nth-child(4){height:10px}.brand__signal i:nth-child(3){height:16px}.connection-state{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:11px}.connection-state__mark{width:6px;height:6px;border-radius:50%;background:var(--quiet)}.connection-state--ready .connection-state__mark{background:#737b6d}.connection-state--listening .connection-state__mark{background:var(--optic)}.control-deck{display:grid;grid-template-columns:auto minmax(180px,1fr) auto;align-items:end;gap:20px;padding:12px var(--page-gutter) 13px;border-bottom:1px solid var(--line);background:#0d100c}.route-controls{display:grid;grid-template-columns:minmax(120px,165px) 34px minmax(120px,165px);align-items:end;gap:6px}.language-control{display:grid;gap:4px;color:var(--muted);font-size:10px}.language-control select{min-height:36px;width:100%;padding:0 30px 0 10px;color:var(--ink);background-color:var(--surface-raised);border:1px solid transparent;border-radius:3px;cursor:pointer}.language-control select:hover:not(:disabled){border-color:#3b4236}.language-control select:disabled{color:#9ba096;cursor:not-allowed}.swap-control{width:34px;height:36px;display:grid;place-items:center;padding:0;color:var(--muted);background:transparent;border:0;cursor:pointer}.swap-control:hover:not(:disabled){color:var(--ink)}.swap-control:disabled{opacity:.32;cursor:not-allowed}.microphone-monitor{min-width:0;position:relative;align-self:stretch;display:grid;align-content:end}.waveform{width:100%;height:42px;display:block;overflow:visible}.waveform__guide{fill:none;stroke:#2d3329;stroke-width:1;stroke-dasharray:2 9;stroke-linecap:round}.waveform__echo{fill:none;stroke:#56624b;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round;opacity:.45;transition:d 80ms linear}.waveform__signal{fill:none;stroke:var(--optic);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:d 80ms linear}.microphone-monitor>span{position:absolute;left:0;top:0;color:var(--quiet);font-size:9px}.run-controls{display:flex;align-items:center;gap:8px}.session-control,.clear-control{min-height:38px;border-radius:4px;font-size:12px;font-weight:680;cursor:pointer}.session-control{min-width:162px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;color:#11150d;background:var(--optic);border:0}.session-control:hover:not(:disabled){background:#c2d09f}.session-control--active{color:#edf1e6;background:var(--optic-deep)}.session-control--active:hover:not(:disabled){background:#62754c}.session-control:disabled{color:#73786f;background:#252a22;cursor:not-allowed}.clear-control{padding:0 11px;color:var(--muted);background:transparent;border:1px solid var(--line)}.clear-control:hover:not(:disabled){color:var(--ink);border-color:#3a4036}.clear-control:disabled{opacity:.42;cursor:not-allowed}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.icon--swap{width:17px;height:17px}.provider-picker{max-width:1760px;margin:0 auto;padding:13px var(--page-gutter) 14px}.provider-picker__heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.provider-picker__heading h1{margin:0;font-size:12px;font-weight:680}.provider-picker__heading p{margin:0;color:var(--muted);font-size:10px}.provider-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:14px;margin-top:8px}.provider-option{min-width:0;min-height:40px;display:grid;grid-template-columns:15px minmax(0,1fr);align-items:center;gap:8px;padding:5px 2px;border-bottom:1px solid var(--line);cursor:pointer}.provider-option input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.provider-option__check{width:13px;height:13px;position:relative;display:block;border:1px solid #4c5348;border-radius:2px}.provider-option--selected .provider-option__check{border-color:var(--optic);background:var(--optic)}.provider-option--selected .provider-option__check:after{content:"";width:5px;height:3px;position:absolute;left:3px;top:3px;border-left:2px solid #11150d;border-bottom:2px solid #11150d;transform:rotate(-45deg)}.provider-option>span:last-child{min-width:0;display:grid;gap:2px}.provider-option strong{overflow:hidden;color:#d9ddd2;font-size:10px;font-weight:640;text-overflow:ellipsis;white-space:nowrap}.provider-option small{overflow:hidden;color:var(--quiet);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.provider-option--selected strong{color:var(--ink)}.provider-option--disabled{cursor:not-allowed;opacity:.48}.selection-note{margin:8px 0 0;color:var(--warm);font-size:9px}.global-error{max-width:1760px;margin:0 auto 9px;padding:0 var(--page-gutter);color:var(--error);font-size:10px}.comparison-board{max-width:1760px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:0 auto;padding:0 var(--page-gutter)}.provider-lane{min-width:0;height:304px;position:relative;display:grid;grid-template-rows:48px minmax(0,1fr) 64px 31px;overflow:hidden;background:var(--surface);border:1px solid #22271f}.provider-lane:before{content:"";width:2px;position:absolute;z-index:1;top:0;bottom:0;left:0;background:#343a30}.provider-lane--starting:before{background:var(--warm)}.provider-lane--listening:before{background:var(--optic)}.provider-lane--error:before{background:var(--error)}.provider-lane__header{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px 7px 12px;border-bottom:1px solid #242921}.provider-lane__identity{min-width:0;display:flex;align-items:center;gap:8px}.provider-lane__identity>span:last-child{min-width:0;display:grid;gap:2px}.provider-lane__signal{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--quiet)}.provider-lane--starting .provider-lane__signal{background:var(--warm)}.provider-lane--listening .provider-lane__signal{background:var(--optic)}.provider-lane--error .provider-lane__signal{background:var(--error)}.provider-lane__header h2{overflow:hidden;margin:0;color:#dfe3d9;font-size:11px;font-weight:670;text-overflow:ellipsis;white-space:nowrap}.provider-lane__path{overflow:hidden;color:var(--quiet);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.provider-lane__first{flex:0 0 auto;display:grid;gap:2px;text-align:right}.provider-lane__first span{color:var(--quiet);font-size:8px}.provider-lane__first strong{color:#c7ccc0;font-size:10px;font-variant-numeric:tabular-nums}.provider-lane__caption{min-height:0;overflow-y:auto;padding:12px 13px 14px;overscroll-behavior:contain;scrollbar-color:#3d4438 transparent;scrollbar-width:thin}.provider-lane__caption p{margin:0;color:var(--ink);font-size:17px;line-height:1.36;letter-spacing:-.015em}.provider-lane__caption .provider-lane__empty{color:#646b60;font-size:15px}.settled-phrase,.live-phrase{display:block}.settled-phrase{margin-bottom:.28em}.settled-phrase--settling{color:#a7ad9f}.settled-phrase--error{color:#aa897a}.live-phrase{min-height:1.36em;color:#798373}.live-phrase__stable{color:#a7b19c}.provider-lane__source{min-width:0;overflow:hidden;padding:8px 12px 9px;border-top:1px solid #242921}.provider-lane__source>span{color:var(--quiet);font-size:8px}.provider-lane__source p{max-height:38px;overflow-y:auto;margin:4px 0 0;color:#b6bcb0;font-size:10px;line-height:1.35;scrollbar-color:#3d4438 transparent;scrollbar-width:thin}.provider-lane__source p span{display:block;margin-bottom:.2em}.provider-lane__source .source-preview{color:#717b6b}.provider-lane__footer{min-width:0;display:flex;align-items:center;padding:0 12px;border-top:1px solid #242921}.lane-metrics{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0}.lane-metrics div{min-width:0;display:flex;align-items:baseline;gap:5px}.lane-metrics dt{color:var(--quiet);font-size:8px}.lane-metrics dd{margin:0;color:#c7ccc0;font-size:9px;font-weight:620;font-variant-numeric:tabular-nums}.provider-lane__error{max-height:26px;overflow:auto;margin:0;color:var(--error);font-size:9px;line-height:1.25}.empty-board{min-height:160px;grid-column:1 / -1;display:grid;place-content:center;gap:6px;text-align:center;background:var(--surface);border:1px solid #22271f}.empty-board strong{font-size:13px}.empty-board span{color:var(--muted);font-size:10px}.latency-timeline{max-width:1760px;margin:10px auto 0;padding:0 var(--page-gutter)}.latency-timeline__header{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:7px 10px 7px 12px;background:var(--surface-raised);border:1px solid #242921;border-bottom:0}.latency-timeline__header h2{margin:0;font-size:11px;font-weight:680}.latency-timeline__header p{margin:3px 0 0;color:var(--quiet);font-size:8px}.timeline-summary{display:flex;align-items:center;gap:22px;margin:0}.timeline-summary div{display:grid;gap:2px}.timeline-summary dt{color:var(--quiet);font-size:8px}.timeline-summary dd{margin:0;color:#c7ccc0;font-size:9px;font-weight:620;font-variant-numeric:tabular-nums}.timeline-scale{height:22px;display:grid;grid-template-columns:var(--timeline-label-width) minmax(0,1fr);background:#0f120e;border:1px solid #242921;border-bottom:0}.timeline-scale__spacer{border-right:1px solid #242921}.timeline-scale__track{min-width:0;position:relative;overflow:hidden}.timeline-scale__tick{position:absolute;top:6px;color:#62695f;font-size:8px;font-variant-numeric:tabular-nums;transform:translate(-50%)}.timeline-scale__tick:after{content:"";width:1px;height:5px;position:absolute;left:50%;top:10px;background:#30352d}.timeline-race{position:relative;background:var(--surface);border:1px solid #242921}.timeline-race__overlay{position:absolute;z-index:2;top:0;right:0;bottom:0;left:var(--timeline-label-width);overflow:hidden;pointer-events:none}.timeline-average-marker{width:1px;position:absolute;top:0;bottom:0;background:var(--warm);opacity:.55}.timeline-row{min-width:0;height:33px;display:grid;grid-template-columns:var(--timeline-label-width) minmax(0,1fr);border-bottom:1px solid #20251e}.timeline-row:last-child{border-bottom:0}.timeline-row__label{overflow:hidden;display:flex;align-items:center;padding:0 10px;color:#c3c8bc;border-right:1px solid #242921;font-size:9px;font-weight:620;text-overflow:ellipsis;white-space:nowrap}.timeline-row__track{min-width:0;position:relative;overflow:hidden;background-image:linear-gradient(90deg,transparent calc(100% - 1px),#20251e calc(100% - 1px));background-size:20% 100%;mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 100%)}.timeline-event{height:100%;position:absolute;top:0;display:flex;align-items:center;gap:5px;overflow:hidden;padding-right:3px;color:#8f9789;font-size:9px;white-space:nowrap;transform:translate(-2px)}.timeline-event i{width:2px;height:13px;flex:0 0 auto;background:#687260}.timeline-event b{overflow:hidden;display:block;font-weight:520;text-overflow:ellipsis}.timeline-event--first{z-index:1;color:#dce3d2}.timeline-event--first i{background:var(--optic)}.timeline-event--final{color:#b8bfb1}.timeline-event--final i{background:#929c89}.timeline-playhead{width:1px;position:absolute;z-index:3;top:0;bottom:0;background:var(--optic)}.bench-note{max-width:1760px;display:flex;justify-content:space-between;gap:20px;margin:11px auto 0;padding:0 var(--page-gutter);color:var(--quiet);font-size:9px}@media(max-width:1279px){.comparison-board{grid-template-columns:repeat(3,minmax(0,1fr))}.provider-options{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:980px){.control-deck{grid-template-columns:1fr auto}.microphone-monitor{min-height:38px;grid-column:1 / -1;grid-row:2}.comparison-board{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-options{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){:root{--page-gutter: 14px;--timeline-label-width: 96px}.topbar{height:48px}.brand__mode{display:none}.connection-state{font-size:9px}.control-deck{grid-template-columns:1fr;gap:10px}.route-controls{grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr)}.swap-control{width:32px}.microphone-monitor{min-height:40px;grid-column:auto;grid-row:auto}.run-controls{width:100%}.session-control{flex:1}.provider-picker__heading{display:grid;gap:4px}.provider-options{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-board{grid-template-columns:1fr}.provider-lane{height:290px}.latency-timeline__header{align-items:flex-start}.latency-timeline__header p{display:none}.timeline-summary{gap:12px}.timeline-row__label{padding-inline:7px;font-size:8px}.timeline-event b{max-width:90px}.bench-note{display:grid;gap:4px}}@media(max-width:390px){.run-controls{align-items:stretch;flex-direction:column}.session-control,.clear-control{width:100%}.provider-options{grid-template-columns:1fr}.timeline-summary div:first-child{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}