:root{color-scheme:dark;--yellow:#ffcc00;--white:#f5f3ec;--muted:#88847a;--bg:#080809}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);font-family:"Segoe UI",Arial,sans-serif;color:var(--white)}body{min-height:100svh;overflow-x:hidden;background:radial-gradient(ellipse at 50% 47%,#3023092e,transparent 53%),#080809}body:before{content:"";pointer-events:none;position:fixed;inset:0;opacity:.23;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' opacity='.15' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");z-index:0}.topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:32px 48px}.logo{width:167px;height:auto;display:block}.utility{width:38px;height:38px;display:grid;place-items:center;color:#77746b;background:transparent;border:1px solid #ffffff12;border-radius:50%;cursor:pointer}.utility svg{width:16px;height:16px}.utility:hover{color:#ffcc00;border-color:#ffcc0060}.experience{position:relative;z-index:1;min-height:calc(100svh - 170px);display:flex;align-items:center;flex-direction:column;justify-content:center;padding:0 20px 18px}.identity{display:flex;align-items:center;gap:22px;position:relative;z-index:2;margin:0 0 -18px}.identity h1{margin:0;font-size:13px;letter-spacing:11px;padding-left:11px;font-weight:450;color:#ece3ca}.identity-line{height:1px;width:32px;background:linear-gradient(90deg,transparent,#9e885050)}.identity-line:last-child{transform:rotate(180deg)}.intelligence{position:relative;isolation:isolate;width:min(570px,84vw);aspect-ratio:1;display:grid;place-items:center;margin-top:-2px}.aura{position:absolute;inset:21%;border-radius:50%;background:#ffbf0015;filter:blur(43px);animation:aura 7s ease-in-out infinite}.intelligence:before{content:"";position:absolute;width:62%;height:11%;bottom:13%;border-radius:50%;background:#ffb8000b;filter:blur(25px);transform:perspective(400px) rotateX(65deg)}#neural-core{position:absolute;width:100%;height:100%;z-index:2}.orb-fallback{width:56%;height:56%;border-radius:50%;border:1px solid #ffdd8033;background:radial-gradient(circle at 40% 35%,#ffdc5e17,#161108 70%);box-shadow:inset 0 0 45px #ffcc0008,0 0 55px #ffbb0009}.canvas-ready .orb-fallback{opacity:.2}.orbit-hairline{position:absolute;inset:13%;border:1px solid #ffcf6b15;border-radius:50%;transform:rotate(-32deg) scaleY(.73);animation:orbital 42s linear infinite;z-index:1}.orbit-hairline.second{inset:9%;transform:rotate(48deg) scaleY(.86);border-color:#ffcf6b09;animation-direction:reverse;animation-duration:65s}.point{position:absolute;height:3px;width:3px;background:#ead395;border-radius:50%;box-shadow:0 0 9px #ffcc0050}.p1{left:14%;top:48%}.p2{right:21%;bottom:21%;width:2px;height:2px}.interaction{display:flex;align-items:center;flex-direction:column;position:relative;margin-top:-30px;z-index:3}.voice-line{display:flex;gap:4px;align-items:center;justify-content:center;height:22px;opacity:.6;margin-bottom:27px}.voice-line i{display:block;width:2px;height:3px;border-radius:4px;background:#d7bf7e;transition:height .25s}.voice-line i:nth-child(2n){height:5px}.voice-line i:nth-child(3n){height:8px}.voice-line i:nth-child(7){height:13px}.controls{display:flex;align-items:center;gap:23px}.control-wrap{position:relative}.control{display:grid;place-items:center;border-radius:50%;cursor:pointer;transition:transform .2s,background .2s,border-color .2s;position:relative}.control:hover{transform:translateY(-2px)}.control svg{height:20px;width:20px}.secondary{height:48px;width:48px;border:1px solid #ffffff19;background:#ffffff04;color:#c5c1b8}.secondary:hover{background:#ffffff0a;border-color:#ffcc0040}.primary{width:70px;height:70px;border:1px solid #ffe480;background:linear-gradient(140deg,#ffe889,#ffce2c 50%,#eeb800);color:#201804;box-shadow:0 5px 35px #ffcc0018,inset 0 1px 0 #fff6}.primary svg{width:25px;height:25px}.primary:after{content:"";position:absolute;inset:-7px;border:1px solid #ffcc001a;border-radius:50%}.stop:hover{color:#e6ad97}.tooltip{pointer-events:none;position:absolute;bottom:-31px;left:50%;transform:translateX(-50%) translateY(3px);font-size:9px;color:#bbb5a5;white-space:nowrap;opacity:0;transition:.2s}.control-wrap:hover .tooltip,.control-wrap:focus-within .tooltip{opacity:1;transform:translateX(-50%)}button:focus-visible{outline:2px solid #ffcc00;outline-offset:6px}#status{min-height:15px;margin:36px 0 0;font-size:9px;letter-spacing:.5px;color:#8c887d;text-align:center;max-width:330px;line-height:1.6}footer{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:15px;padding:16px 20px 25px;font-size:7px;letter-spacing:3px;color:#696559}.footer-mark{height:1px;width:21px;background:#8a764637}body[data-state="listening"] .aura{background:#ffcc0030;animation-duration:2s}body[data-state="speaking"] .aura{background:#ffcc003a;animation-duration:.9s}body[data-state="listening"] .primary{box-shadow:0 0 35px #ffcc0030}body[data-state="listening"] .voice-line i,body[data-state="speaking"] .voice-line i{animation:voice .65s ease-in-out infinite alternate}body[data-state="speaking"] .voice-line i:nth-child(2n),body[data-state="listening"] .voice-line i:nth-child(2n){animation-delay:.2s}body[data-state="speaking"] .voice-line i:nth-child(3n),body[data-state="listening"] .voice-line i:nth-child(3n){animation-delay:.4s}@keyframes aura{50%{opacity:.55;transform:scale(1.09)}}@keyframes orbital{50%{transform:rotate(148deg) scaleY(.73)}100%{transform:rotate(328deg) scaleY(.73)}}@keyframes voice{to{height:19px}}@media(min-height:950px){.intelligence{width:min(650px,84vw)}.identity{margin-bottom:-35px}}@media(max-width:600px){.topbar{padding:25px}.logo{width:138px}.experience{min-height:calc(100svh - 144px);padding-bottom:8px}.intelligence{width:100vw;max-width:500px;margin-top:0}.identity{margin-bottom:-12px}.identity h1{font-size:11px;letter-spacing:9px;padding-left:9px}.interaction{margin-top:-17px}.voice-line{margin-bottom:24px}.controls{gap:24px}footer{padding-bottom:20px}.primary{height:66px;width:66px}#status{font-size:8px;margin-top:33px}}@media(max-height:680px) and (min-width:601px){.topbar{padding:20px 35px}.intelligence{width:350px}.experience{min-height:calc(100svh - 130px)}.identity{margin-bottom:-13px}.interaction{margin-top:-15px}.voice-line{margin-bottom:15px}.primary{width:56px;height:56px}.secondary{width:40px;height:40px}#status{margin-top:25px}.tooltip{bottom:-23px}footer{padding:12px 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* A single, explicit session control. The resting state has no motion. */
.topbar{justify-content:center;padding-top:30px;padding-bottom:8px}.experience{min-height:calc(100svh - 135px)}.intelligence{transition:opacity 1.1s ease,filter 1.1s ease,transform 1.1s ease}.interaction{margin-top:-8px}.voice-line{margin-bottom:25px;transition:opacity .8s}.session-button{min-height:56px;min-width:226px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:17px 28px;border-radius:32px;border:1px solid #ffe078;background:linear-gradient(130deg,#ffe484,#ffcc00 65%,#edb900);color:#201900;font:600 13px "Segoe UI",Arial,sans-serif;letter-spacing:.2px;cursor:pointer;box-shadow:0 6px 35px #ffcc0012,inset 0 1px 0 #ffffff45;transition:background .3s,box-shadow .3s,transform .2s,border-color .3s}.session-button:hover{transform:translateY(-2px);box-shadow:0 8px 40px #ffcc0028}.session-button:active{transform:translateY(0)}.session-icon{width:12px;height:12px;display:block;border-left:10px solid #302300;border-top:6px solid transparent;border-bottom:6px solid transparent}.session-button[aria-pressed="true"]{color:#e9dfbd;background:#ffcc0009;border-color:#ffcc0050;box-shadow:none}.session-button[aria-pressed="true"] .session-icon{border:0;border-radius:2px;background:#d4bf7b;width:9px;height:9px}body[data-state="sleeping"] .intelligence{opacity:.32;filter:saturate(.4);transform:scale(.93)}body[data-state="sleeping"] .aura{opacity:.1;animation-play-state:paused}body[data-state="sleeping"] .orbit-hairline{animation-play-state:paused}body[data-state="sleeping"] .voice-line{opacity:.15}body[data-state="awakening"] .aura{animation-duration:1.2s;background:#ffcc002a}body[data-state="ready"] .aura{animation-duration:4s;background:#ffcc0025}body[data-state="awakening"] .voice-line i{animation:voice .7s ease-in-out infinite alternate}#status{margin-top:22px;min-height:30px;color:#a29a85;max-width:320px}footer{color:#756f61;font-size:7px;letter-spacing:2px;padding-bottom:22px}@media(max-width:600px){.topbar{padding:27px 20px 8px}.experience{min-height:calc(100svh - 120px)}.interaction{margin-top:-5px}.session-button{min-width:216px;min-height:55px}.voice-line{margin-bottom:22px}}@media(max-height:680px) and (min-width:601px){.topbar{padding:18px 25px 0}.experience{min-height:calc(100svh - 105px)}.intelligence{width:350px}.interaction{margin-top:-20px}.voice-line{margin-bottom:12px}.session-button{min-height:48px;padding:13px 25px}#status{margin-top:15px}}

#access-dialog{width:min(390px,calc(100vw - 36px));padding:30px;border:1px solid #ffcc003d;border-radius:18px;background:#131315;color:#eee;box-shadow:0 25px 100px #0008}#access-dialog::backdrop{background:#060607cc;backdrop-filter:blur(14px)}#access-dialog h2{font-size:21px;font-weight:500;margin:0 0 12px}#access-dialog p{font-size:12px;color:#aaa;line-height:1.6}#access-dialog label{display:block;font-size:11px;margin:22px 0 9px;color:#ccc}#access-dialog input{width:100%;background:#080809;border:1px solid #ffffff26;border-radius:8px;padding:13px;color:white;font:inherit}#access-error{color:#e5b39f!important;min-height:16px}.access-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.access-actions button{border:1px solid #ffffff20;border-radius:7px;padding:11px 18px;font:inherit;font-size:12px;background:transparent;color:#ccc;cursor:pointer}#access-submit{background:#ffcc00;color:#171200;border-color:#ffcc00;font-weight:600}body[data-state="processing"] .aura{background:#ffcc0040;animation-duration:1s}body[data-state="processing"] .orbit-hairline{animation-duration:6s}