:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#010101;color:#e4f2f2}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.loading{min-height:100vh;display:grid;place-items:center;letter-spacing:.12em;color:#73b9bc}.hub{--primary: oklch(.72 .15 110);--aqua: oklch(.76 .13 200);--aqua-dim: oklch(.49 .08 200);--amber: oklch(.78 .14 75);min-height:100vh;overflow:hidden;position:relative;isolation:isolate;background:#000103}.hub:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(circle at 50% 42%,oklch(.17 .05 205 / .75),transparent 24rem),radial-gradient(circle at 8% 100%,oklch(.16 .035 250 / .55),transparent 35rem),linear-gradient(145deg,#000101,#000306)}.hub:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.48;background-image:linear-gradient(oklch(.55 .05 200 / .08) 1px,transparent 1px),linear-gradient(90deg,oklch(.55 .05 200 / .08) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 72%);mask-image:radial-gradient(circle at center,black,transparent 72%)}.field{position:absolute;width:65vw;height:65vw;max-height:760px;max-width:760px;border:1px solid oklch(.66 .09 200 / .11);border-radius:50%;left:50%;top:46%;transform:translate(-50%,-50%)}.field--one{transform:translate(-50%,-50%) rotate(23deg);border-radius:46% 54% 52% 48%}.field--two{width:48vw;height:48vw;border-color:#48b7bd26;transform:translate(-50%,-50%) rotate(-17deg)}.statusline{position:absolute;top:clamp(1rem,3vw,2.5rem);left:clamp(1rem,4vw,4rem);right:clamp(1rem,4vw,4rem);display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.statusline__name{font-weight:700;color:var(--primary);text-shadow:0 0 18px oklch(.72 .15 110 / .35)}.statusline__state{color:#8cabaf;display:flex;align-items:center;gap:.55rem}.statusline i{width:.48rem;height:.48rem;display:block;border-radius:50%;background:var(--primary);box-shadow:0 0 14px var(--primary)}.presence{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);text-align:center}.orb{width:clamp(13rem,26vw,20rem);aspect-ratio:1;padding:0;position:relative;border:0;background:none;border-radius:50%}.orb__core{position:absolute;top:34%;right:34%;bottom:34%;left:34%;border-radius:50%;background:radial-gradient(circle at 40% 35%,#e4e7a1,#bcbe59 19%,#a9aa2a 28.5%,#a4a518,#9fa000,#9b9b00,#959500 38%,#555900,#1b2200 72%);background:radial-gradient(circle at 40% 35%,#e4e7a1,#bcbe59 19%,#a9aa2a 28.5%,#a4a518,color(xyz 0.269 0.325 0.045),color(xyz 0.25 0.303 0.032),color(xyz 0.231 0.281 0.019) 38%,color(xyz 0.072 0.091 0.005),color(xyz 0.01 0.014 0) 72%);box-shadow:0 0 38px #98990099,inset 0 0 24px #e7eaac99;box-shadow:0 0 38px oklch(.66 .15 110 / .6),inset 0 0 24px #e7eaac99;transition:transform .2s ease-out,background .2s ease-out}.orb__ring{position:absolute;top:14%;right:14%;bottom:14%;left:14%;border:1px solid oklch(.72 .13 110 / .48);border-radius:48% 52% 49% 51%;box-shadow:0 0 16px #a4a53729;animation:orbit 14s linear infinite}.orb__ring--b{top:4%;right:4%;bottom:4%;left:4%;opacity:.7;animation-direction:reverse;animation-duration:19s}.orb__ring--c{top:23%;right:23%;bottom:23%;left:23%;opacity:.7;border-style:dashed;animation-duration:10s}.presence p{margin:1.8rem 0 0;font-size:.8rem;letter-spacing:.13em;text-transform:uppercase;color:#77bcbf}.hub--listening .orb__core,.hub--verifying .orb__core,.hub--transcribing .orb__core{transform:scale(1.12);background:radial-gradient(circle at 40% 35%,#fff1cc,#fac66b 18%,#f1b145 27%,#eca72c 31.5%,#eaa21a,#e79d00 36%,#8d5e00,#3d2700 75%);background:radial-gradient(circle at 40% 35%,color(xyz 0.837 0.885 0.515),#fac66b 18%,#f1b145 27%,#eca72c 31.5%,#eaa21a,color(xyz 0.451 0.411 0.052) 36%,color(xyz 0.151 0.137 0.014),color(xyz 0.027 0.024 0.001) 75%);box-shadow:0 0 48px #eba002b3}.hub--thinking .orb__ring{animation-duration:3s}.hub--speaking .orb__core{animation:breathe 1.2s ease-in-out infinite alternate}.hub--error .orb__core{background:radial-gradient(circle,#ffb5ae,#bd5550,#5c1717);background:radial-gradient(circle,color(xyz 0.749 0.552 0.336),#bd5550,#5c1717);box-shadow:0 0 40px #fd736d99}.exchange{position:absolute;width:min(42rem,calc(100% - 2rem));left:50%;bottom:clamp(5rem,12vh,9rem);transform:translate(-50%);text-align:center}.exchange p{margin:0 auto;text-wrap:pretty}.exchange__input{margin-bottom:.7rem!important;font-size:.82rem;letter-spacing:.035em;color:#799da1}.exchange__input small{display:block;margin-bottom:.25rem;color:var(--aqua);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase}.exchange__answer{font-size:clamp(1.25rem,2.2vw,2rem);line-height:1.38;color:#e4f2f2}.exchange__hint{font-size:.9rem;color:#749396}.cursor{color:var(--aqua);animation:blink 1s steps(2,start) infinite}.cursor--idle{opacity:0}.notice{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);width:min(33rem,calc(100% - 2rem));padding:.75rem 1rem;border:1px solid oklch(.72 .14 25 / .5);background:#250e0dd9;color:#ffdfdb;color:oklch(.93 .04 25);text-align:center;font-size:.85rem}.notice--success{border-color:#5aa75e8c;background:#021704e0;color:#ceebcd}.text-control{position:absolute;bottom:1.3rem;right:clamp(1rem,3vw,3rem)}.text-control button{color:#90cacd;background:transparent;border:1px solid oklch(.7 .08 200 / .45);padding:.6rem .85rem;border-radius:.45rem}.text-control form{display:flex;gap:.45rem}.text-control input{width:min(17rem,53vw);color:#e4f2f2;background:#00070b;border:1px solid oklch(.7 .08 200 / .45);padding:.6rem .75rem;border-radius:.45rem}.text-control button:hover,.text-control button:focus-visible{border-color:var(--aqua);outline:none}.voice-control{position:absolute;left:clamp(1rem,3vw,3rem);bottom:1.3rem;z-index:3}.voice-control__toggle{padding:.6rem .85rem;border:1px solid oklch(.7 .08 200 / .45);border-radius:.45rem;background:transparent;color:#90cacd}.voice-control__toggle:hover,.voice-control__toggle:focus-visible{border-color:var(--aqua);outline:none}.voice-control__panel{position:absolute;left:0;bottom:3.25rem;width:min(22rem,calc(100vw - 2rem));display:grid;gap:.9rem;padding:1rem;border:1px solid oklch(.58 .07 205 / .7);border-radius:.65rem;background:#000406f7;box-shadow:0 6px 8px #0000006b}.voice-control__heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#d2eaeb}.voice-control__heading button{padding:.25rem;border:0;background:transparent;color:#84adb2;font-size:.75rem}.voice-control label{display:grid;gap:.35rem;color:#8db7bb;font-size:.75rem}.voice-control select{width:100%;min-height:2.35rem;padding:.45rem .55rem;border:1px solid oklch(.5 .055 205);border-radius:.4rem;background:#000203;color:#e6f1f2}.voice-control select:focus-visible,.voice-control button:focus-visible{outline:2px solid var(--aqua);outline-offset:2px}.voice-control select:disabled,.voice-control button:disabled{cursor:wait;opacity:.62}.voice-control__preview{min-height:2.45rem;border:0;border-radius:.4rem;background:#008b91;background:oklch(.58 .11 200);color:#f1fbfb;font-weight:700}.voice-control__loading,.voice-control__error{margin:0;font-size:.78rem;line-height:1.45}.voice-control__loading{color:#88acb0}.voice-control__error{color:#ffb5ae;color:oklch(.84 .12 25)}.demo-controls{position:absolute;left:clamp(1rem,3vw,3rem);bottom:1.3rem;display:flex;gap:.55rem}.demo-controls button{background:#00070b;background:oklch(.12 .025 220);border:1px solid oklch(.66 .08 200 / .35);border-radius:.4rem;color:#8fbec1;padding:.5rem .65rem;font-size:.72rem}.setup-shell{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at 50% 25%,#001215,#000809,#000103 52%);background:radial-gradient(circle at 50% 25%,color(xyz 0.003 0.005 0.01),color(xyz 0.001 0.002 0.004),#000103 52%)}.setup{width:min(28rem,100%);display:grid;gap:1rem;padding:clamp(1.5rem,5vw,3rem);border:1px solid oklch(.62 .08 200 / .33);background:#010406e6;border-radius:.8rem}.setup h1{margin:0;font-size:1.9rem}.setup p{margin:0;color:#8eb3b7;line-height:1.55}.setup__mark{color:#2ac4cc!important;font-size:.72rem;letter-spacing:.16em}.setup label{display:grid;gap:.4rem;font-size:.83rem;color:#9fced1}.setup input{padding:.7rem .8rem;color:#e7f1f1;background:#000203;border:1px solid oklch(.57 .05 205);border-radius:.4rem}.setup input:focus{outline:2px solid oklch(.72 .13 200);outline-offset:2px}.setup>button{padding:.8rem;border:0;border-radius:.4rem;background:#00999f;background:oklch(.62 .13 200);color:#f1fbfb;font-weight:700}.form-error{color:#ffb5ae!important;color:oklch(.84 .15 25)!important}.enroll{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:1.5rem;background:#000000d1}.enroll>div{width:min(29rem,100%);padding:2rem;border:1px solid oklch(.67 .11 110 / .55);background:#000407}.enroll h2{margin:.3rem 0 .7rem}.enroll p{color:#9abfc4;line-height:1.55}.enroll__prompt{padding:.85rem 1rem;border-left:2px solid oklch(.62 .13 200);background:#000b10b3;color:#d3e6e6!important}.enroll__actions{margin-top:1.5rem}.enroll button{padding:.75rem 1rem;border:0;border-radius:.4rem;background:var(--primary);color:#040400;font-weight:700}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes breathe{to{transform:scale(1.18)}}@keyframes blink{50%{opacity:0}}@media(max-width:640px){.statusline{font-size:.65rem}.statusline__state{letter-spacing:.06em}.presence{top:40%}.exchange{bottom:7.5rem}.demo-controls{max-width:58%;flex-wrap:wrap}.field{width:120vw;height:120vw}.voice-control__panel{position:fixed;left:1rem;right:1rem;bottom:4.75rem;width:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}