:root{color-scheme:light;--ink:#23232c;--muted:#7a798a;--accent:#6d50db;--accent-deep:#573ac1;--border:#e8e6ee;--surface:#fff;--red:#c14250;--level:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f5f4f8}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #aa96ff;outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.page-shell{width:min(1120px,100% - 64px);margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid #e5e3ec}.brand{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:650;letter-spacing:-.25px}.brand-mark{display:flex;align-items:center;justify-content:center;gap:3px;background:#24232b;border-radius:9px;width:34px;height:34px}.brand-mark span{width:3px;background:#fff;border-radius:5px;height:10px}.brand-mark span:nth-child(2){height:20px}.brand-mark span:nth-child(3){height:15px}.brand-mark span:nth-child(4){height:7px}.test-label{font-size:11px;letter-spacing:.2px;color:#777381;background:#ebe8f1;border:1px solid #e2deeb;border-radius:50px;padding:7px 11px}.intro{padding:54px 0 34px}.eyebrow{color:#8b859b;font-weight:650;font-size:10px;letter-spacing:1.8px;margin:0 0 13px;display:block}h1{font-size:clamp(38px,4.1vw,52px);line-height:1.09;letter-spacing:-2.3px;font-weight:550;margin:0 0 18px}.intro-copy{font-size:15px;line-height:1.65;color:#777383;margin:0}.workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px;align-items:stretch}.call-panel,.transcript-panel{background:var(--surface);border:1px solid var(--border);border-radius:23px;min-height:490px;overflow:hidden}.call-panel{position:relative;padding:25px 28px 22px;display:flex;flex-direction:column;align-items:center;box-shadow:0 12px 36px -28px #332b5d33}.panel-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.status-badge{display:flex;align-items:center;gap:7px;color:#85818f;font-size:11px;line-height:1.4}.status-dot{background:#b6b0c0;width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-badge[data-state=ready],.status-badge[data-state=live]{color:#6b54b2}.status-badge[data-state=ready] .status-dot,.status-badge[data-state=live] .status-dot{background:#8d70dc}.status-badge[data-state=live] .status-dot{box-shadow:0 0 0 4px #ede7fb}.status-badge[data-state=error]{color:var(--red)}.status-badge[data-state=error] .status-dot{background:var(--red)}#call-timer{font-size:12px;color:#9994a2;font-variant-numeric:tabular-nums;letter-spacing:1px}.voice-stage{position:relative;width:190px;height:190px;display:grid;place-items:center;margin:22px auto 8px;flex-shrink:0;isolation:isolate}.voice-halo{width:152px;height:152px;border:1px solid #eee9f9;border-radius:50%;position:absolute;transition:transform .15s,opacity .3s;transform:scale(calc(1 + var(--level) * .2));background:#fbf9ff}.voice-halo:after{content:"";position:absolute;inset:-17px;border:1px solid #f5f1fc;border-radius:50%}.voice-orb{display:grid;place-items:center;border-radius:50%;width:116px;height:116px;color:#fff;background:radial-gradient(circle at 28% 20%,#bcabfa 0%,#8a6be2 36%,#6641c4 78%,#52309e 100%);box-shadow:inset 0 2px 4px #ffffff50,0 12px 28px -10px #7a51dc6b;transition:transform .1s,filter .3s;transform:scale(calc(1 + var(--level) * .07));z-index:1}.voice-stage[data-state=unavailable] .voice-orb{filter:saturate(.3);opacity:.75}.voice-stage[data-state=connecting] .voice-halo{animation:halo-breathe 1.8s ease-in-out infinite}.voice-stage[data-state=speaking] .voice-halo{border-color:#cfc0f6;background:#f4eeff}.orb-bars{display:flex;align-items:center;gap:5px;height:43px}.orb-bars span{width:5px;height:14px;border-radius:20px;background:#ffffffd9;transition:height .12s ease}.orb-bars span:nth-child(2),.orb-bars span:nth-child(4){height:27px}.orb-bars span:nth-child(3){height:41px}.voice-stage[data-state=listening] .orb-bars span{height:calc(12px + var(--level) * 24px)}.voice-stage[data-state=listening] .orb-bars span:nth-child(2),.voice-stage[data-state=listening] .orb-bars span:nth-child(4){height:calc(16px + var(--level) * 30px)}.voice-stage[data-state=listening] .orb-bars span:nth-child(3){height:calc(22px + var(--level) * 32px)}.voice-stage[data-state=speaking] .orb-bars span{animation:voice-bars .68s ease-in-out infinite alternate}.voice-stage[data-state=speaking] .orb-bars span:nth-child(2){animation-delay:-.4s}.voice-stage[data-state=speaking] .orb-bars span:nth-child(3){animation-delay:-.1s}.voice-stage[data-state=speaking] .orb-bars span:nth-child(4){animation-delay:-.5s}.voice-stage[data-state=speaking] .orb-bars span:nth-child(5){animation-delay:-.25s}.call-copy{text-align:center;width:100%;min-height:70px}.call-copy h2{font-size:21px;letter-spacing:-.6px;font-weight:550;line-height:1.25;margin:0 0 9px}.call-copy p{color:#928c9e;font-size:12px;line-height:1.6;max-width:320px;margin:0 auto}.call-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin:20px 0 0;width:100%}.primary-button{display:flex;align-items:center;justify-content:center;gap:10px;min-height:49px;background:var(--accent);border:1px solid transparent;color:#fff;border-radius:12px;font-size:13px;font-weight:600;padding:12px 24px;min-width:221px;box-shadow:0 4px 8px -4px #5d3fc344;transition:background .15s,transform .15s}.primary-button:not(:disabled):hover{background:var(--accent-deep);transform:translateY(-1px)}.primary-button:disabled{color:#aca6b8;background:#eeebf3;box-shadow:none}.primary-button .icon{width:18px;height:18px}.primary-button[data-action=end]{background:#fff3f4;color:#bd4250;border-color:#f6dce0;box-shadow:none}.primary-button[data-action=end]:hover{background:#ffe8eb}.secondary-button{width:49px;height:49px;border:1px solid #e8e3ef;background:#faf8fd;color:#71667f;border-radius:12px;display:flex;align-items:center;justify-content:center}.secondary-button:hover{background:#f0eaf8}.secondary-button[aria-pressed=true]{color:var(--red);background:#fff3f4;border-color:#f3d8de}.microphone-monitor{display:flex;align-items:center;gap:10px;margin:16px 0 0;color:#93899f;font-size:10px;min-height:12px}.level-track{width:72px;height:4px;border-radius:5px;background:#ece6f5;overflow:hidden}.level-track span{height:100%;width:0;display:block;background:#9b7de0;transition:width .06s}.call-hint{display:flex;align-items:center;gap:7px;color:#aaa2b4;font-size:10px;padding-top:27px;margin-top:auto;line-height:1.5}.call-hint .icon{width:14px;height:14px;stroke-width:1.5}.access-form{width:100%;max-width:320px;margin:13px 0 0}.access-form label{display:block;font-size:11px;color:#6f667b;margin-bottom:8px}.access-input-row{display:flex;gap:8px}.access-input-row input{width:100%;min-width:0;font-size:12px;border:1px solid #ded6e9;border-radius:9px;background:#fcfafe;padding:11px 12px;color:#453d51}.access-input-row input::placeholder{color:#b0a5bd}.access-submit{background:#eee7fa;border-radius:9px;padding:10px 14px;font-size:12px;font-weight:600;color:#7456b6}.access-submit:hover{background:#e5d9f7}.access-submit:disabled{opacity:.6}.access-form p{font-size:10px;color:#aaa0b6;line-height:1.5;margin:7px 0 0}.call-error{color:#9d3d49;background:#fff3f4;border:1px solid #f6e1e4;font-size:11px;line-height:1.6;border-radius:9px;padding:10px 12px;margin:14px 0 0;max-width:100%;overflow-wrap:anywhere;text-align:center}.resume-button{background:#eee7fa;border:1px solid #e6dcf4;border-radius:9px;font-size:12px;color:#65469e;padding:10px 14px;margin:12px 0 0}.transcript-panel{display:flex;flex-direction:column;max-height:650px;min-height:490px}.transcript-heading{display:flex;align-items:center;justify-content:space-between;padding:27px 28px 20px;border-bottom:1px solid #f0edf5;gap:15px}.transcript-heading .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:8px}.transcript-heading h2{font-size:18px;letter-spacing:-.6px;margin:0;font-weight:550}.transcript-count{display:flex;align-items:center;justify-content:center;min-width:27px;height:27px;background:#f5f2fa;color:#a69bb8;border-radius:8px;font-size:10px;padding:0 6px;font-variant-numeric:tabular-nums}.transcript-scroll{position:relative;flex:1;overflow-y:auto;min-height:260px;scrollbar-width:thin;scrollbar-color:#dcd5e8 transparent;overscroll-behavior:contain}.transcript-empty{height:100%;min-height:298px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 20px}.empty-icon{background:#f8f6fb;border:1px solid #f0ebf6;color:#b5a7ca;width:54px;height:54px;border-radius:17px;display:grid;place-items:center;margin:0 0 18px}.empty-icon .icon{width:25px;height:25px;stroke-width:1.3}.transcript-empty h3{font-size:13px;color:#9e94ad;font-weight:500;margin:0 0 8px}.transcript-empty p{font-size:11px;line-height:1.7;color:#b8b0c2;margin:0}.transcript-messages{display:flex;flex-direction:column;gap:22px;padding:23px 26px}.transcript-messages:empty{display:none}.transcript-entry{max-width:94%;animation:message-in .2s ease-out}.transcript-entry[data-role=user]{align-self:flex-end}.transcript-entry[data-role=assistant]{align-self:flex-start}.transcript-meta{display:flex;align-items:center;gap:8px;color:#a399b3;font-size:9px;margin:0 3px 7px}.transcript-entry[data-role=user] .transcript-meta{justify-content:flex-end}.transcript-meta time{color:#c0b8c9;font-variant-numeric:tabular-nums}.transcript-entry p{margin:0;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f5fa;border:1px solid #f0ebf6;border-radius:3px 13px 13px;padding:12px 14px;color:#655970}.transcript-entry[data-role=user] p{background:#f0ebfb;border-color:#e8e0f7;border-radius:13px 3px 13px 13px;color:#6b5591}.transcript-footnote{display:flex;align-items:center;gap:7px;font-size:9px;color:#b0a6bc;padding:16px 24px;border-top:1px solid #f2eef7;line-height:1.5}.transcript-footnote .icon{width:12px;height:12px}.page-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:#a59cae;padding:21px 1px 40px}.page-footer button{color:#92839f;padding:5px 0;background:none;font-size:10px;text-decoration:underline;text-decoration-color:#d5ccdf;text-underline-offset:3px}.page-footer button:hover{color:#725397}.page-footer button:disabled{opacity:.45}@keyframes halo-breathe{50%{transform:scale(1.08);opacity:.5}}@keyframes voice-bars{to{transform:scaleY(.45)}}@keyframes message-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(min-width:1400px){.intro{padding-top:66px}.workspace{gap:24px}.call-panel,.transcript-panel{min-height:510px}.voice-stage{margin-top:29px;margin-bottom:12px}}@media(max-width:760px){.page-shell{width:min(560px,100% - 32px)}.topbar{padding:20px 0}.brand{font-size:12px;gap:9px}.brand-mark{width:30px;height:30px}.test-label{font-size:9px;padding:6px 8px}.intro{padding:36px 0 26px}h1{font-size:40px;letter-spacing:-1.9px}.intro-copy{font-size:13px}.workspace{grid-template-columns:1fr;gap:16px}.call-panel{min-height:445px;padding:23px 22px 21px}.voice-stage{margin-top:10px;height:178px}.transcript-panel{min-height:330px;max-height:520px}.transcript-empty{min-height:225px}.transcript-heading{padding:22px 23px 17px}.transcript-scroll{min-height:210px}.transcript-footnote{padding:14px 22px}.page-footer{font-size:9px;align-items:flex-start;padding-bottom:28px}.page-footer button{font-size:9px;white-space:nowrap;padding-top:0}}@media(max-width:380px){.brand>span:last-child{max-width:130px;line-height:1.3}.test-label{font-size:8px}.primary-button{min-width:190px;padding:12px 15px}.call-copy h2{font-size:19px}.status-badge{font-size:10px}.call-hint{font-size:9px}.page-footer{flex-direction:column;gap:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.upstream-notice{border:1px solid #e5cf9e;background:#fff8e9;border-radius:14px;padding:18px 24px;margin:0 0 24px;color:#654f22;font-size:14px;line-height:1.55}.upstream-notice p{margin:5px 0 0}.local-mic-test{margin-top:24px;padding:24px 0 4px;border-top:1px solid var(--border);text-align:left}.local-mic-test h3{font-size:18px;margin:0 0 8px}.local-mic-test p{font-size:13px;line-height:1.55;color:#626171}.local-mic-test button{margin:6px 0 4px;min-height:44px}.local-level{height:10px;width:calc(100% - 48px);display:inline-block;vertical-align:middle}.local-level span{display:block;height:100%;width:0;background:var(--accent);border-radius:10px;transition:width .08s}.local-level-value{font-size:12px;font-variant-numeric:tabular-nums;display:inline-block;width:40px;text-align:right}.local-mic-help{margin-bottom:0}#mic-test-status{min-height:40px}