:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:oklch(95% .012 78);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:oklch(15% .018 215);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at 50% 0,oklch(48% .075 190/.22),#0000 24rem),linear-gradient(150deg,oklch(15% .018 215) 0%,oklch(17% .015 238) 48%,oklch(16% .014 55) 100%);min-height:100dvh}button,input{font:inherit}button{color:oklch(16% .02 205);cursor:pointer;background:oklch(84% .07 177);border:0;border-radius:8px;min-height:48px;font-weight:760;transition:transform .16s,opacity .16s,background .16s,box-shadow .16s}button:hover:not(:disabled){background:oklch(88% .068 177);box-shadow:0 10px 26px oklch(10% .02 215/.28)}button:active{transform:translateY(1px)scale(.99)}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid oklch(86% .07 177)}input{color:oklch(95% .012 78);background:oklch(100% 0 0/.06);border:1px solid oklch(95% .012 78/.16);border-radius:8px;outline:none;width:100%;min-height:48px;padding:0 14px}input:focus{border-color:oklch(84% .07 177/.72);box-shadow:0 0 0 3px oklch(84% .07 177/.14)}.app-shell{min-height:100dvh;padding:max(14px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr);display:grid}header{justify-content:space-between;align-items:center;gap:16px;width:min(100%,820px);margin:0 auto;padding:6px 0 14px;display:flex}header p,header h1{margin:0}header p{color:oklch(80% .085 177);letter-spacing:0;text-transform:uppercase;font-size:.76rem;font-weight:780}header h1{letter-spacing:0;margin-top:4px;font-size:1.5rem;line-height:1.02}header>span{color:oklch(89% .045 83);background:oklch(100% 0 0/.05);border:1px solid oklch(95% .012 78/.14);border-radius:999px;flex:none;padding:7px 10px;font-size:.78rem;font-weight:760}.voice-panel,.login{width:min(100%,820px);margin:0 auto}.voice-panel{grid-template-rows:auto auto auto minmax(260px,1fr) auto;gap:12px;min-height:0;display:grid}.login{align-self:center;gap:12px;max-width:390px;padding-top:12vh;display:grid}.login label{color:oklch(84% .014 78);font-size:.86rem;font-weight:760}.agent-strip{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;margin:0 -16px;padding:0 16px 4px;display:flex;position:relative;overflow-x:auto}.agent-strip::-webkit-scrollbar{display:none}.agent-strip-fade{z-index:2;pointer-events:none;flex:0 0 14px;position:sticky}.agent-strip-fade.left{background:linear-gradient(90deg,oklch(12% .018 215),oklch(12% .018 215/0));margin-right:-14px;left:0}.agent-strip-fade.right{background:linear-gradient(270deg,oklch(12% .018 215),oklch(12% .018 215/0));margin-left:-14px;right:0}.agent-pill{color:oklch(93% .014 78);text-align:left;background:oklch(100% 0 0/.06);border:1px solid oklch(95% .012 78/.12);flex:none;align-content:center;min-width:116px;min-height:52px;padding:8px 11px;display:grid}.agent-pill strong,.agent-pill span{white-space:nowrap;line-height:1.1;display:block}.agent-pill strong{font-size:.92rem}.agent-pill span{color:oklch(95% .012 78/.6);margin-top:4px;font-size:.72rem;font-weight:720}.agent-pill.active{color:oklch(14% .02 190);background:oklch(84% .07 177);border-color:oklch(80% .085 177/.62)}.agent-pill.active span{color:oklch(14% .02 190/.72)}.voice-stage{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:2px 0;display:grid}.orb{aspect-ratio:1;background:radial-gradient(circle at 35% 25%,oklch(96% .02 84/.96),oklch(88% .045 83/.48) 17%,#0000 19%),radial-gradient(circle at 50% 48%,oklch(79% .095 177/.95),oklch(42% .068 185/.4) 48%,oklch(100% 0 0/.04) 70%),oklch(18% .018 215);border:1px solid oklch(89% .045 83/.22);border-radius:999px;place-items:center;width:clamp(92px,29vw,154px);display:grid;position:relative;overflow:hidden;box-shadow:0 18px 58px oklch(10% .02 215/.5),inset 0 0 54px oklch(100% 0 0/.1)}.orb:before,.orb:after{content:"";border-radius:inherit;border:1px solid oklch(95% .012 78/.18);animation:2.4s ease-in-out infinite pulse;position:absolute;inset:18%}.orb:after{animation-delay:.42s;inset:31%}.orb span{z-index:1;color:oklch(14% .02 190);font-size:clamp(1rem,4vw,1.35rem);font-weight:860;position:relative}.orb.is-live{animation:1.6s ease-in-out infinite breathe}.orb.is-speaking{animation:.76s ease-in-out infinite speak}.status-card{background:oklch(100% 0 0/.055);border:1px solid oklch(95% .012 78/.12);border-radius:8px;gap:6px;min-width:0;padding:12px;display:grid}.state-line{color:oklch(95% .012 78);align-items:center;gap:8px;min-width:0;display:flex}.state-line strong{font-size:1rem;font-weight:780}.state-dot{background:oklch(72% .075 82);border-radius:50%;flex:0 0 10px;width:10px;height:10px;box-shadow:0 0 0 5px oklch(72% .075 82/.12)}.state-listening .state-dot{background:oklch(80% .085 177);animation:1.4s ease-in-out infinite statusPulse;box-shadow:0 0 0 5px oklch(80% .085 177/.13)}.state-speaking .state-dot{background:oklch(77% .105 48);box-shadow:0 0 0 5px oklch(77% .105 48/.14)}.state-connecting .state-dot,.state-thinking .state-dot{background:oklch(83% .058 83);box-shadow:0 0 0 5px oklch(83% .058 83/.14)}.status-card p{color:oklch(84% .014 78);margin:0;font-size:.93rem;line-height:1.36}.session-mode{color:oklch(80% .085 177);font-size:.76rem;font-weight:760}.agent-summary{color:oklch(89% .045 83);font-size:.76rem;font-weight:760}.controls{gap:8px;display:grid}.primary{background:oklch(84% .07 177)}.resume{color:oklch(12% .018 190);background:oklch(88% .09 140);min-height:62px;font-size:1.04rem;box-shadow:0 0 0 4px oklch(88% .09 140/.16)}.resume:hover:not(:disabled){background:oklch(91% .085 140)}.stop{color:oklch(98% .01 60);background:oklch(72% .105 40)}.stop:hover:not(:disabled){background:oklch(76% .105 40)}.control-note{color:oklch(78% .014 78);text-align:center;margin:0;font-size:.82rem;line-height:1.35}.error{color:oklch(83% .08 35);margin:0;font-size:.88rem;font-weight:720}.transcript{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-overflow-scrolling:touch;background:oklch(13% .018 215/.74);border:1px solid oklch(95% .012 78/.12);border-radius:8px;flex-direction:column;gap:12px;min-height:0;max-height:none;padding:14px;scroll-padding-block:14px;display:flex;overflow:auto}.bubble{background:oklch(100% 0 0/.07);border:1px solid oklch(95% .012 78/.12);border-radius:8px;width:fit-content;max-width:min(90%,620px);padding:10px 12px 9px}.bubble p{color:oklch(95% .012 78);overflow-wrap:anywhere;margin:0;font-size:1rem;line-height:1.5}.bubble time{color:oklch(95% .012 78/.52);margin-top:6px;font-size:.72rem;font-weight:720;display:block}.bubble.chris{background:oklch(80% .085 177/.14);align-self:flex-end}.bubble.agent{background:oklch(89% .045 83/.12);align-self:flex-start}.bubble strong{color:oklch(89% .045 83);margin-bottom:5px;font-size:.78rem;font-weight:780;display:block}.bubble.system{color:oklch(84% .014 78);text-align:center;align-self:center;max-width:100%}.bubble.interim{opacity:.68}.fallback{grid-template-columns:1fr 76px;gap:9px;display:grid}.fallback button{padding-inline:10px}@keyframes pulse{0%,to{opacity:.42;transform:scale(.92)}50%{opacity:.9;transform:scale(1.1)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.035)}}@keyframes speak{0%,to{filter:saturate();transform:scale(1)}50%{filter:saturate(1.25);transform:scale(1.045)}}@keyframes statusPulse{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}@media (width<=520px){.app-shell{padding-inline:12px}header{gap:10px}header h1{font-size:1.28rem}header>span{text-align:center;max-width:42vw}.voice-panel{grid-template-rows:auto auto auto minmax(0,1fr) auto;gap:10px}.agent-strip{margin-inline:-12px;padding-inline:12px}.voice-stage{grid-template-columns:1fr;justify-items:center}.status-card{width:100%}.control-note{text-align:left}}@media (height<=700px){.orb{width:86px}.voice-panel{grid-template-rows:auto auto auto minmax(0,1fr) auto}}