:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fffffff0;background:#05050a;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100svh;overflow:hidden;background:radial-gradient(circle at 50% 47%,rgba(104,69,255,.16),transparent 28rem),radial-gradient(circle at 20% 10%,rgba(35,199,255,.08),transparent 24rem),#05050a}button{font:inherit}.experience{position:relative;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto auto auto;justify-items:center;align-items:center;padding:max(1.5rem,env(safe-area-inset-top)) 1.25rem max(1.5rem,env(safe-area-inset-bottom));isolation:isolate}.experience:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(circle,black,transparent 72%);mask-image:radial-gradient(circle,black,transparent 72%);z-index:-1}.wordmark{align-self:start;font-size:.72rem;font-weight:700;letter-spacing:.28em;color:#ffffff94}.intro{align-self:end;text-align:center;margin-bottom:clamp(1.5rem,4vh,3.2rem)}.eyebrow{margin:0 0 .7rem;color:#9d8cff;font-size:.7rem;font-weight:750;letter-spacing:.18em}h1{margin:0;font-size:clamp(2.7rem,8vw,5.3rem);line-height:.98;letter-spacing:-.055em;font-weight:620}.subtitle{margin:1rem 0 0;color:#ffffff94;font-size:clamp(.95rem,2vw,1.1rem)}.orb-button{--voice-scale: 1;--voice-energy: 0;position:relative;width:clamp(10.5rem,34vw,15.5rem);aspect-ratio:1;border:0;padding:0;border-radius:999px;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.orb-button:focus-visible{outline:2px solid #fff;outline-offset:1rem}.orb-button:disabled{cursor:progress}.orb,.halo{position:absolute;inset:50%;translate:-50% -50%;border-radius:50%;pointer-events:none}.orb{width:66%;aspect-ratio:1;transform:scale(var(--voice-scale));transition:transform 80ms linear,filter .24s ease;background:radial-gradient(circle at 35% 28%,rgba(255,255,255,.98) 0 3%,rgba(209,203,255,.9) 8%,transparent 26%),radial-gradient(circle at 63% 67%,#6438ff 0 18%,transparent 54%),radial-gradient(circle at 40% 45%,#90eaff 0 12%,#7c5cff 42%,#24124c 78%);box-shadow:0 0 calc(2.8rem + var(--voice-energy) * 4rem) #7752ffa3,inset -1.4rem -1.6rem 2.8rem #070323b8,inset .8rem .8rem 1.5rem #ffffff3d;overflow:hidden}.orb:after{content:"";position:absolute;inset:-35%;background:conic-gradient(from 30deg,transparent,rgba(122,245,255,.58),transparent 28%,rgba(255,109,235,.5),transparent 64%);animation:swirl 9s linear infinite;mix-blend-mode:screen;filter:blur(14px)}.orb-shine{position:absolute;inset:11% 28% 58% 21%;border-radius:50%;background:#ffffff75;filter:blur(9px);rotate:-24deg}.halo{width:80%;aspect-ratio:1;border:1px solid rgba(159,132,255,.22);animation:breathe 3.2s ease-in-out infinite}.halo-two{width:96%;border-color:#5adeff21;animation-delay:-.9s}.halo-three{width:116%;border-color:#ff5bdb14;animation-delay:-1.7s}.is-speaking .halo{animation-duration:.72s;border-color:#a897ff7a}.is-connected .orb{filter:saturate(1.18) brightness(1.07)}.languages{margin:clamp(1.4rem,3vh,2.2rem) 0 0;color:#ffffffb8;font-size:.74rem;letter-spacing:.12em}.status{min-height:1.4em;margin:.75rem 0 0;color:#ffffffe6;font-size:.9rem}.status.error{color:#ffb6cb;max-width:30rem}.note{align-self:end;max-width:32rem;margin:1rem 0 0;text-align:center;color:#ffffff5c;font-size:.7rem;line-height:1.45}@keyframes breathe{0%,to{transform:scale(.96);opacity:.34}50%{transform:scale(1.06);opacity:.92}}@keyframes swirl{to{transform:rotate(360deg)}}@media(max-height:690px){.experience{padding-top:1rem;padding-bottom:1rem}.intro{margin-bottom:1rem}.orb-button{width:9.5rem}.languages{margin-top:1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}