:root{color:#101114;background:#f5f6fa;font-family:Helvetica Neue,Helvetica,Arial,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--brand-purple: #7132f5;--brand-purple-dark: #5741d8;--brand-purple-subtle: rgba(133, 91, 251, .16);--near-black: #101114;--cool-gray: #686b82;--silver-blue: #9497a9;--border-gray: #dedee5;--remote-accent: #f59e0b;--local-accent: #12b8a6;--success-green: #00d992;--success-green-dark: #10b981;--degraded: #c98310;--error: #d92d20;--surface: rgba(255, 255, 255, .86);--surface-opaque: #ffffff;--subtle-surface: rgba(255, 255, 255, .58);--separator: rgba(104, 107, 130, .24);--shadow-surface: 0 4px 24px rgba(0, 0, 0, .03);--shadow-micro: 0 1px 4px rgba(16, 24, 40, .04);--radius-surface: 12px;--radius-button: 12px;--radius-transcript: 8px;--radius-control: 10px}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit;letter-spacing:0}.app-shell{min-height:100vh;padding:26px 34px;background:var(--page-background, #f5f6fa);color:var(--text-primary, var(--near-black))}.app-shell[data-theme=dark]{--page-background: #101010;--text-primary: #f2f2f2;--text-secondary: #bdbdbd;--text-tertiary: #8b949e;--surface: rgba(26, 26, 26, .88);--surface-opaque: #1a1a1a;--subtle-surface: rgba(36, 36, 36, .62);--separator: #3d3a39;--shadow-surface: none;--shadow-micro: none}.app-shell[data-theme=light]{--page-background: #f5f6fa;--text-primary: #101114;--text-secondary: #9497a9;--text-tertiary: #686b82}.window-frame{width:min(1240px,100%);min-height:calc(100vh - 52px);margin:0 auto;overflow:hidden;border:1px solid var(--separator);border-radius:16px;background:var(--page-background);box-shadow:0 18px 70px #0d121c1f}.traffic-bar{display:flex;align-items:center;gap:9px;min-height:31px;padding:0 12px;border-bottom:1px solid var(--separator);background:var(--surface-opaque);color:var(--text-secondary);font-size:13px;font-weight:700}.traffic-dot{width:14px;height:14px;border-radius:50%;background:#d1d1d3;border:1px solid rgba(0,0,0,.06)}.console-stage{position:relative;min-height:calc(100vh - 86px);padding:16px 22px 132px}.glass-surface{background:var(--surface);border:1px solid var(--separator);border-radius:var(--radius-surface);box-shadow:var(--shadow-surface);-webkit-backdrop-filter:blur(22px) saturate(1.2);backdrop-filter:blur(22px) saturate(1.2)}.session-bar{position:sticky;top:16px;z-index:4;display:flex;align-items:center;gap:16px;width:100%;min-height:62px;padding:8px 16px}.state-cluster,.language-cluster,.info-badge,.primary-button,.semantic-button,.utility-button,.ptt-button,.endpoint,.rail-status{display:inline-flex;align-items:center}.state-cluster{gap:10px;min-width:116px}.state-cluster div,.language-cluster{display:grid;gap:2px}.state-cluster strong,.language-cluster strong{color:var(--text-primary);font-size:14px;font-weight:700;line-height:1.28}.state-cluster span:not(.state-dot),.language-cluster span{color:var(--text-secondary);font-size:12px;font-weight:500;line-height:1.35}.state-dot{width:10px;height:10px;border-radius:50%;background:var(--cool-gray)}.state-ready,.state-live{background:var(--success-green)}.state-degraded{background:var(--degraded)}.bar-divider{width:1px;height:28px;background:var(--separator)}.language-cluster{grid-template-columns:auto auto;column-gap:12px;align-items:center}.language-cluster span,.language-cluster strong{grid-column:1}.language-cluster .icon-button{grid-column:2;grid-row:1 / span 2}.session-spacer{flex:1}.icon-button,.utility-button{justify-content:center;border:0;border-radius:var(--radius-control);background:#9497a914;color:var(--text-primary);cursor:pointer}.icon-button{width:36px;height:36px}.info-badge,.primary-button,.semantic-button,.utility-button,.ptt-button{min-height:38px;gap:8px;border:0;border-radius:var(--radius-button);padding:9px 12px;font-size:14px;font-weight:700;line-height:1.35;white-space:nowrap;cursor:pointer}.info-badge{border:1px solid currentColor;background:color-mix(in srgb,currentColor 12%,transparent)}.info-badge.purple{color:var(--brand-purple)}.info-badge.green{color:var(--success-green-dark)}.info-badge.red{color:var(--error)}.info-badge.amber{color:var(--degraded)}.info-badge.neutral{color:var(--cool-gray)}.primary-button{padding:10px 17px;background:var(--brand-purple);color:#fff}.semantic-button.red{padding:10px 17px;background:#d92d20e6;color:#fff}.conversation-canvas{display:grid;grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);gap:20px;padding-top:30px}.speech-lane{display:grid;grid-template-rows:auto minmax(220px,1fr) auto;height:clamp(560px,calc(100vh - 300px),660px);padding:20px;overflow:hidden}.speech-lane.remote{border-color:#f59e0b33}.speech-lane.local{border-color:#12b8a638}.speech-lane.active.remote{border-color:#f59e0b6b}.speech-lane.active.local{border-color:#12b8a66b}.lane-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.lane-eyebrow{color:var(--lane-accent);font-size:12px;font-weight:700}.remote{--lane-accent: var(--remote-accent)}.local{--lane-accent: var(--local-accent)}.lane-header h1{margin:3px 0 2px;color:var(--text-primary);font-size:22px;line-height:1.2}.lane-header p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.43}.waveform{display:flex;align-items:center;justify-content:flex-end;gap:3px;min-width:78px;height:34px;color:var(--lane-accent)}.waveform.compact{min-width:90px;height:28px}.waveform span{width:3px;height:7px;border-radius:9999px;background:currentColor;opacity:.25;transform:scaleY(.7)}.waveform.active span{animation:waveform .92s ease-in-out infinite;animation-delay:calc(var(--bar-index) * 64ms);opacity:.6}.transcript-list{display:grid;align-content:start;gap:12px;min-height:0;margin:20px 0;overflow:auto;scrollbar-width:none}.transcript-list::-webkit-scrollbar{display:none}.empty-state{display:grid;place-items:center;align-content:center;gap:10px;min-height:190px;color:var(--lane-accent);text-align:center}.empty-state strong{color:var(--text-primary);font-size:16px;line-height:1.38}.empty-state span{max-width:260px;color:var(--text-secondary);font-size:14px;line-height:1.43}.transcript-block,.current-transcript{position:relative;display:grid;gap:8px;border:1px solid rgba(104,107,130,.18);border-radius:var(--radius-transcript);background:var(--subtle-surface);padding:12px 16px}.transcript-block:before,.current-transcript:before{content:"";position:absolute;inset:12px auto 12px 0;width:3px;border-radius:3px;background:var(--lane-accent)}.metadata-row,.current-header{display:flex;align-items:center;gap:8px}.metadata-row{color:var(--text-tertiary);font-size:12px;font-weight:600}.metadata-row .warning{color:var(--degraded)}.output-state{display:inline-flex;align-items:center;gap:5px;margin-left:auto}.output-state.speaking,.output-state.sent{color:var(--success-green-dark)}.output-state.preparing{color:var(--degraded)}.output-state.failed{color:var(--error)}.primary-text,.live-text,.secondary-text,.placeholder-text{margin:0;overflow-wrap:anywhere}.primary-text{color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.35}.secondary-text{color:var(--text-secondary);font-size:14px;line-height:1.43}.current-transcript{min-height:126px;padding:16px;border-color:color-mix(in srgb,var(--lane-accent) 20%,transparent)}.current-transcript.active{border-color:color-mix(in srgb,var(--lane-accent) 34%,transparent)}.current-header{justify-content:space-between;color:var(--lane-accent);font-size:12px;font-weight:700}.live-text{color:var(--text-primary);font-size:26px;font-weight:700;line-height:1.3}.placeholder-text{color:var(--text-secondary);font-size:16px;font-weight:600;line-height:1.38}.direction-rail{display:grid;grid-template-rows:auto 1fr auto 1fr auto;justify-items:center;gap:12px;height:clamp(560px,calc(100vh - 300px),660px);padding:20px 8px;color:var(--rail-color, var(--cool-gray))}.direction-rail.remote{--rail-color: var(--remote-accent)}.direction-rail.local{--rail-color: var(--local-accent)}.direction-rail.held{--rail-color: var(--degraded)}.endpoint{flex-direction:column;gap:6px;min-width:48px;color:var(--text-secondary);font-size:12px;font-weight:700}.endpoint span{width:9px;height:9px;border-radius:50%;background:var(--lane-accent)}.rail-line{position:relative;width:100%;min-height:90px}.rail-line:before{content:"";position:absolute;inset:0 calc(50% - 1.5px);border-radius:3px;background:var(--separator)}.rail-line span{position:absolute;left:calc(50% - 4px);top:calc((var(--pulse-index) % 5) * 20%);width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.22;animation:railPulse 1.8s ease-in-out infinite;animation-delay:calc(var(--pulse-index) * .12s)}.rail-status{flex-direction:column;gap:6px;min-width:58px;padding:8px 6px;border-radius:var(--radius-transcript);background:color-mix(in srgb,currentColor 12%,transparent);text-align:center}.rail-status strong{color:var(--text-secondary);font-size:10px;font-weight:700;line-height:1.1}.rail-status span{color:var(--text-tertiary);font-size:10px;font-weight:700}.control-dock{position:fixed;left:50%;bottom:44px;z-index:5;display:grid;grid-template-columns:minmax(104px,1fr) auto minmax(190px,1fr);align-items:center;gap:24px;width:min(920px,calc(100vw - 76px));min-height:78px;padding:8px 16px;transform:translate(-50%)}.dock-cluster{display:flex;gap:8px;align-items:center}.dock-cluster:last-child{justify-content:flex-end}.utility-button{min-width:44px;color:var(--text-primary)}.utility-button.text{min-width:82px}.utility-button.selected.teal{color:var(--local-accent);background:#12b8a624;outline:1px solid rgba(18,184,166,.32)}.utility-button.selected.red{color:var(--error);background:#d92d2024;outline:1px solid rgba(217,45,32,.32)}.utility-button.selected.green{color:var(--success-green-dark);background:#00d99224;outline:1px solid rgba(0,217,146,.32)}.utility-button.selected.purple{color:var(--brand-purple);background:var(--brand-purple-subtle);outline:1px solid rgba(113,50,245,.32)}.ptt-button{justify-content:center;min-width:238px;padding:13px 18px;background:var(--brand-purple);color:#fff;font-size:16px;font-weight:800}.ptt-button.sending{background:var(--local-accent)}.ptt-button:disabled{cursor:not-allowed;background:#9497a938;color:var(--text-secondary)}button:hover:not(:disabled){filter:brightness(.98)}button:focus-visible{outline:2px solid color-mix(in srgb,var(--brand-purple) 80%,white);outline-offset:2px}@keyframes waveform{0%,to{transform:scaleY(.7)}50%{transform:scaleY(2.6)}}@keyframes railPulse{0%,to{opacity:.16;transform:scale(.74)}50%{opacity:.74;transform:scale(1.2)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media(max-width:1040px){.app-shell{padding:16px}.console-stage{padding:12px 14px 132px}.session-bar{flex-wrap:wrap}.session-spacer,.bar-divider{display:none}.conversation-canvas{grid-template-columns:1fr}.speech-lane,.direction-rail{height:auto;min-height:320px}.direction-rail{grid-template-columns:auto 1fr auto 1fr auto;grid-template-rows:1fr;min-height:72px;padding:16px 20px}.rail-line{min-height:0;height:100%}.rail-line:before{inset:calc(50% - 1.5px) 0}.rail-line span{top:calc(50% - 4px);left:calc((var(--pulse-index) % 5) * 20%)}}@media(max-width:760px){.app-shell{padding:0}.window-frame{min-height:100vh;border:0;border-radius:0}.traffic-bar{display:none}.console-stage{min-height:100vh;padding:12px 12px 156px}.session-bar{position:static;gap:10px}.info-badge.neutral,.info-badge.green,.info-badge.red{display:none}.language-cluster{flex:1}.speech-lane{grid-template-rows:auto minmax(120px,1fr) auto;min-height:300px;padding:16px}.speech-lane.local{margin-top:168px}.empty-state{min-height:132px}.lane-header{align-items:flex-start}.lane-header h1{font-size:20px}.live-text{font-size:22px}.control-dock{grid-template-columns:1fr;width:calc(100vw - 24px);bottom:12px;gap:10px}.dock-cluster,.dock-cluster:last-child{justify-content:center}.ptt-button{order:-1;width:100%;min-width:0}}