@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,system-ui,sans-serif;color:#eaf1f2;background:#091419;--mint:#8ae7d4;--level:0}*{box-sizing:border-box}body{margin:0;min-height:100dvh;isolation:isolate;overflow-x:hidden}button,a,input,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.45;cursor:wait}[hidden]{display:none!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:5px}.ambient{position:fixed;width:45vw;height:45vw;border-radius:50%;filter:blur(110px);z-index:-1;pointer-events:none;opacity:.16}.ambient-one{background:#1c786d;top:-30vw;left:0}.ambient-two{background:#48668f;right:-30vw;bottom:-20vw}.voice-header{display:flex;justify-content:space-between;align-items:center;max-width:1600px;margin:auto;padding:30px 5vw}.voice-brand{font-size:35px;font-weight:800;letter-spacing:-2px;display:flex;align-items:center;gap:13px;color:var(--mint)}.voice-brand>span{font-size:9px;letter-spacing:2px;font-weight:600;line-height:1.9;color:#d2e4e4}.voice-brand small{font-size:8px;color:#7d999b;letter-spacing:2.6px}.back-link{font-size:12px;display:flex;gap:10px;color:#9aafb1}.voice-layout{max-width:1350px;margin:auto;min-height:calc(100dvh - 180px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:center;padding:12px 4vw 30px;gap:7vw}.voice-stage{text-align:center;position:relative}.voice-tag{display:inline-flex;align-items:center;gap:9px;font-size:9px;font-weight:700;letter-spacing:2px;color:#94aaa9;background:#ffffff04;border:1px solid #ffffff0b;border-radius:25px;padding:9px 14px}.voice-tag>span{width:5px;height:5px;background:var(--mint);border-radius:50%}h1{font-size:clamp(30px,3.2vw,51px);font-weight:500;letter-spacing:-2px;line-height:1.25;margin:22px 0 13px}h1>span{color:#839e9e}.voice-intro{font-size:12px;color:#93a8a8;line-height:1.9;margin:0}.orb-scene{height:clamp(230px,28vw,350px);position:relative;display:grid;place-items:center;margin:5px 0}.voice-orb{width:clamp(150px,16vw,210px);aspect-ratio:1;border-radius:50%;position:relative;overflow:hidden;box-shadow:inset -18px -24px 40px #082528aa,inset 7px 10px 30px #cefff33b,0 0 50px #66f3cf15;transform:scale(calc(1 + var(--level)*.17));transition:transform .13s ease,filter .7s;background:radial-gradient(circle at 31% 26%,#ddfff3 0,#a1e9d5 13%,#5cb9b2 36%,#387584 58%,#1a3b4e 78%);animation:orb-breathe 6s ease-in-out infinite}.orb-shimmer{position:absolute;inset:-30%;background:conic-gradient(from 50deg,transparent,#c5ffdf55,transparent 40%,#688dc07a,transparent 75%,#e5ffe155);filter:blur(15px);animation:orb-rotate 18s linear infinite}.orb-texture{position:absolute;inset:0;background:radial-gradient(ellipse at 65% 72%,#9edbce55,transparent 50%);box-shadow:inset 0 0 30px #b3ffe548;border-radius:50%}.orb-halo{position:absolute;width:240px;aspect-ratio:1;border-radius:50%;background:#69e9ce;filter:blur(60px);opacity:.07;transition:opacity .5s}.orb-orbit{position:absolute;border:1px solid #b7e5dc0d;width:275px;aspect-ratio:1;border-radius:50%;transition:border-color .6s,transform .7s}.orbit-two{width:325px;border-style:dashed;border-color:#b7e5dc08;transform:rotate(25deg)}.orb-dots{display:none;position:absolute;bottom:35px;gap:7px}.orb-dots i{width:5px;height:5px;background:#afc4f0;border-radius:50%;animation:dot-pulse 1.2s ease-in-out infinite}.orb-dots i:nth-child(2){animation-delay:.2s}.orb-dots i:nth-child(3){animation-delay:.4s}.voice-state{display:flex;gap:9px;justify-content:center;align-items:center;font-size:12px;color:#c0d6d2;min-height:20px}#state-dot{width:5px;height:5px;background:#789591;border-radius:50%}.live-transcript{color:#b1c8c4;font-size:13px;line-height:1.8;min-height:40px;max-height:70px;overflow:auto;margin:12px auto 18px;max-width:420px}.voice-controls{display:flex;gap:12px;justify-content:center;align-items:center;flex-wrap:wrap}.start-voice{border:0;border-radius:30px;background:#bae9d9;color:#16362f;padding:14px 24px;display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:700;box-shadow:0 6px 25px #b0f9da0a}.start-voice svg{width:17px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}.stop-voice,.interrupt-voice{padding:12px 17px;border:1px solid #ffffff19;background:#ffffff04;color:#b4c7c5;border-radius:30px;font-size:11px}.stop-voice{color:#e3bcb6}.voice-note{font-size:9px;color:#627f80;line-height:1.9;margin:24px 0 0}.voice-error{font-size:11px;color:#e7aaa0;line-height:1.8;max-width:410px;margin:15px auto 0}.voice-error:empty{display:none}.conversation-panel{border:1px solid #c7e7df12;border-radius:22px;background:linear-gradient(135deg,#ffffff05,#ffffff02);min-height:500px;max-height:calc(100dvh - 190px);display:flex;flex-direction:column;box-shadow:0 20px 70px #00000010;overflow:hidden}.conversation-heading{display:flex;justify-content:space-between;align-items:center;padding:25px 25px 20px;border-bottom:1px solid #ffffff09}.overline{font-size:8px;letter-spacing:2px;color:#6f9390}h2{font-size:17px;font-weight:500;letter-spacing:-.5px;margin:7px 0 0}.conversation-heading>button{border:1px solid #ffffff13;background:transparent;color:#9ab6b3;border-radius:50%;width:30px;height:30px;font-size:17px}.voice-messages{flex:1;min-height:180px;overflow:auto;padding:22px;display:flex;flex-direction:column;gap:18px;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#2c4647 transparent}.conversation-welcome{margin:auto;text-align:center;padding:35px 10px}.conversation-welcome>span{font-size:34px;color:#729f98}.conversation-welcome h3{font-size:14px;font-weight:500;margin:19px 0 10px}.conversation-welcome p{font-size:11px;color:#718f8c;line-height:1.9;max-width:250px}.voice-message{font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.voice-message .speaker{font-size:8px;letter-spacing:1.3px;color:#779591;display:block;margin-bottom:7px}.voice-message.user{background:#ffffff05;border:1px solid #ffffff09;padding:13px 15px;border-radius:12px;color:#bdd0cc}.voice-message.assistant{padding:0 3px;color:#e0eae7}.voice-text-form,#voice-text-form{display:flex;gap:10px;border:1px solid #ffffff13;border-radius:11px;margin:8px 20px 16px;padding:7px;background:#00000012}#voice-text{background:none;border:0;color:#d3e5df;width:100%;padding:8px;font-size:11px;min-width:0;outline-offset:0}#voice-text::placeholder{color:#638780}#voice-text-form>button{width:32px;flex:0 0 32px;height:32px;background:#adcfc1;border:0;border-radius:8px;color:#174337;font-size:19px}.voice-preferences{font-size:10px;margin:0 22px 20px;color:#7a9b96}.voice-preferences summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between}.voice-preferences label{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}.voice-preferences select{background:#13292a;border:1px solid #ffffff15;border-radius:5px;color:#b7cfc8;font-size:10px;max-width:220px;padding:7px}.voice-preferences small{display:block;font-size:9px;line-height:1.7;margin-top:12px}.voice-footer{max-width:1600px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:15px 5vw 24px;color:#527574;font-size:8px;letter-spacing:1px}.voice-footer a{font-size:10px;letter-spacing:0;color:#89a9a2}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#voice-approvals{max-height:150px;overflow:auto;margin:0 20px;font-size:11px;white-space:pre-wrap}#voice-approvals button{background:#bce6d4;color:#173e34;border:0;padding:9px;border-radius:7px;margin:8px 0}body[data-state=listening] .orb-halo{opacity:.17}body[data-state=listening] .orbit-one{border-color:#9dffe526}body[data-state=listening] #state-dot{background:#a8f3d8;box-shadow:0 0 9px #a8f3d85c}body[data-state=thinking] .voice-orb{filter:hue-rotate(40deg);animation:orb-breathe 2.5s ease-in-out infinite}body[data-state=thinking] .orb-shimmer{animation-duration:3s}body[data-state=thinking] .orb-dots,body[data-state=connecting] .orb-dots{display:flex}body[data-state=speaking] .voice-orb{animation:orb-speak 1.4s ease-in-out infinite}body[data-state=speaking] .orb-orbit{border-color:#a1e7d627;animation:orbit-wave 2s ease-out infinite}body[data-state=speaking] .orbit-two{animation-delay:.7s}body[data-state=speaking] .orb-halo{opacity:.23}body[data-state=error] .voice-orb{filter:saturate(.4)}@keyframes orb-breathe{50%{transform:scale(calc(1.035 + var(--level)*.17)) translateY(-4px)}}@keyframes orb-rotate{to{transform:rotate(360deg)}}@keyframes orb-speak{0%,100%{transform:scale(1)}25%{transform:scale(1.045)}65%{transform:scale(.985)}}@keyframes orbit-wave{from{transform:scale(.8);opacity:0}30%{opacity:.8}to{transform:scale(1.14);opacity:0}}@keyframes dot-pulse{50%{opacity:.2;transform:translateY(-3px)}}@media(min-width:1650px){.voice-layout{gap:100px}.conversation-panel{min-height:580px}.orb-scene{height:360px}}@media(max-width:800px){.voice-layout{grid-template-columns:1fr;gap:35px;padding:10px 22px 30px}.voice-header{padding:20px 25px}.voice-brand{font-size:28px}.back-link{font-size:11px}.voice-tag{margin-top:15px}h1{font-size:35px}.orb-scene{height:260px}.voice-orb{width:175px}.conversation-panel{min-height:420px;max-height:600px;width:min(500px,100%);margin:auto}.voice-footer{padding:12px 25px 25px;gap:20px}.voice-footer>span{max-width:140px;line-height:1.8}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}