:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#edf8ff;background:#030509;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden;background:#030509}button,input{font:inherit}button{color:inherit}.presence-shell{position:relative;width:100vw;height:100vh;min-height:560px;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 46%,rgba(21,44,71,.2),transparent 24%),radial-gradient(circle at 43% 50%,rgba(30,112,132,.08),transparent 40%),radial-gradient(circle at 62% 57%,rgba(83,45,132,.07),transparent 42%),linear-gradient(180deg,#04070c,#020307 76%)}.presence-shell:before{content:"";position:absolute;inset:-18%;z-index:-3;background-image:linear-gradient(rgba(120,208,226,.014) 1px,transparent 1px),linear-gradient(90deg,rgba(120,208,226,.012) 1px,transparent 1px);background-size:54px 54px;mask-image:radial-gradient(circle at center,black 0,transparent 68%);transform:perspective(900px) rotateX(62deg) translateY(28%);opacity:.55}.ambient-field{position:absolute;inset:0;z-index:-2;pointer-events:none}.ambient-field:before,.ambient-field:after{content:"";position:absolute;width:48vw;height:48vw;border-radius:50%;filter:blur(90px);opacity:.08}.ambient-field:before{left:-16vw;top:-18vw;background:#4feaff}.ambient-field:after{right:-18vw;bottom:-22vw;background:#8a62ff}.presence-name{position:absolute;top:30px;left:34px;z-index:8;color:#e2f7ffa8;font-size:12px;font-weight:700;letter-spacing:.22em;text-transform:uppercase}.core-stage{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;transition:transform .36s cubic-bezier(.2,.8,.2,1)}.presence-shell.has-result .core-stage{transform:translateY(11vh)}.presence-orb{position:relative;z-index:5;width:min(31vw,310px);min-width:224px;aspect-ratio:1;padding:0;border:0;outline:0;background:transparent;cursor:pointer;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;transition:filter .24s ease,transform .24s ease}.presence-orb:hover{filter:brightness(1.08)}.presence-orb:active{transform:scale(.985)}.presence-orb:disabled{cursor:default}.presence-orb svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 28px 46px rgba(0,0,0,.48))}.orb-aura{fill:#49cceb0a;stroke:#86eaff1a;stroke-width:.7;transform-origin:130px 130px;animation:aura-breathe 5.6s ease-in-out infinite}.membrane{fill:#0a121c33;stroke:url(#alexia-line);stroke-width:.9;transform-origin:130px 130px;filter:url(#alexia-glow);opacity:.56;transition:.38s cubic-bezier(.2,.8,.2,1)}.membrane-a{animation:drift-a 9s ease-in-out infinite alternate}.membrane-b{animation:drift-b 11s ease-in-out infinite alternate;opacity:.35}.membrane-c{animation:drift-c 13s ease-in-out infinite alternate;opacity:.26}.core-halo{fill:#25b3da14;filter:url(#alexia-soft);transform-origin:130px 130px;animation:core-halo 4.6s ease-in-out infinite}.core{fill:url(#alexia-core);opacity:.83;filter:url(#alexia-glow);transform-origin:130px 130px;animation:core-breathe 4.8s ease-in-out infinite}.filaments{transform-origin:130px 130px}.filament{fill:none;stroke:url(#alexia-line);stroke-width:1.35;stroke-linecap:round;opacity:.66;transform-origin:130px 130px}.filament-a{animation:filament-a 8s ease-in-out infinite}.filament-b{animation:filament-b 10s ease-in-out infinite reverse;opacity:.5}.filament-c{animation:filament-c 12s ease-in-out infinite;opacity:.36}.orbit-particle{fill:#b3f6ffb8;opacity:.14;transform-origin:130px 130px;animation:particle-breathe 4.4s ease-in-out infinite}.learning-particle,.action-thread,.completion-ring{opacity:0;pointer-events:none}.learning-particle{fill:#ecffff;filter:url(#alexia-glow)}.action-thread{fill:none;stroke:#aaf7ff;stroke-width:1.3;stroke-linecap:round;stroke-dasharray:4 7;filter:url(#alexia-glow)}.completion-ring{fill:none;stroke:#b7fbffeb;stroke-width:1.2;filter:url(#alexia-glow);transform-origin:130px 130px}.presence-orb.listening .membrane-a{transform:translate(-7px,-3px) scale(1.035);opacity:.82}.presence-orb.listening .membrane-b{transform:translate(7px,4px) scale(1.045);opacity:.58}.presence-orb.listening .membrane-c{transform:translate(1px,-8px) scale(1.025);opacity:.44}.presence-orb.listening .core{animation:listening-core .72s ease-in-out infinite}.presence-orb.listening .orbit-particle{animation-duration:1.1s;opacity:.58}.presence-orb.listening .filament{stroke-width:1.7;opacity:.82}.presence-orb.understanding .membrane{transform:scale(.94);opacity:.72}.presence-orb.understanding .filaments{animation:converge .5s cubic-bezier(.2,.9,.3,1) both}.presence-orb.understanding .core{transform:scale(1.12)}.presence-orb.thinking .membrane-a{animation:think-spin-a 3.8s linear infinite;opacity:.78}.presence-orb.thinking .membrane-b{animation:think-spin-b 5.8s linear infinite reverse;opacity:.52}.presence-orb.thinking .membrane-c{animation:think-spin-c 7.4s linear infinite;opacity:.4}.presence-orb.thinking .filament-a{animation:think-filament 2.8s ease-in-out infinite}.presence-orb.thinking .filament-b{animation:think-filament 3.4s ease-in-out infinite reverse}.presence-orb.thinking .filament-c{animation:think-filament 4.2s ease-in-out infinite}.presence-orb.thinking .orbit-particle{opacity:.46;animation-duration:1.8s}.presence-orb.acting .action-thread{opacity:.85;animation:action-flow 1.1s linear infinite}.presence-orb.acting .membrane-a{transform:translate(-5px,4px) scaleX(1.08)}.presence-orb.acting .membrane-b{transform:translate(6px,-3px) scaleY(1.06)}.presence-orb.acting .core{animation:acting-core 1.05s ease-in-out infinite}.presence-orb.learning .learning-particle{opacity:1;animation:absorb .78s cubic-bezier(.4,0,.2,1) forwards}.presence-orb.learning .core{animation:learning-core .82s ease-out both}.presence-orb.learning .filaments{animation:learning-lock .86s ease-out both}.presence-orb.complete .completion-ring{opacity:1;animation:completed .85s ease-out both}.presence-orb.complete .core{animation:completed-core .7s ease-out both}.presence-orb.error .membrane-a{transform:translate(-4px,3px) scale(1.015);stroke:#ff758cc2}.presence-orb.error .membrane-b{transform:translate(5px,-4px) scale(.985);stroke:#ff758c70}.presence-orb.error .core{filter:saturate(.7) hue-rotate(298deg) url(#alexia-glow)}.result-plane{position:absolute;z-index:3;left:50%;top:7.5%;width:min(640px,calc(100vw - 54px));max-height:28vh;transform:translate(-50%);display:grid;place-items:center;animation:materialize .42s cubic-bezier(.16,.84,.3,1) both;pointer-events:auto}.result-plane.text{display:flex;flex-direction:column;align-items:center;gap:12px}.result-plane.text p{margin:0;max-width:620px;color:#ebf8ffe0;font-size:clamp(16px,1.8vw,22px);line-height:1.5;font-weight:420;text-align:center;text-wrap:balance;text-shadow:0 4px 30px rgba(67,216,245,.12);white-space:pre-wrap}.result-expand{padding:5px 9px;border:0;background:transparent;color:#9bdce86b;font-size:10px;letter-spacing:.08em;cursor:pointer}.result-expand:hover{color:#cdf4fabf}.result-plane.image img{width:auto;max-width:min(680px,86vw);max-height:28vh;border-radius:2px;object-fit:contain;box-shadow:0 26px 80px #0000007a,0 0 0 1px #97e9ff14}.state-whisper{position:absolute;z-index:8;left:50%;top:calc(50% + min(18vw,175px));transform:translate(-50%);min-height:22px;color:#abdde775;font-size:11px;letter-spacing:.12em;white-space:nowrap;text-transform:uppercase}.state-whisper.error{color:#ff8f9fb8}.first-hint,.presence-whisper{position:absolute;left:50%;bottom:34px;transform:translate(-50%);margin:0;color:#abcdd940;font-size:10px;letter-spacing:.08em;white-space:nowrap;animation:hint-fade 8s ease forwards}.login-presence .presence-orb{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.login-presence .presence-orb:active{transform:translate(-50%,-50%) scale(.985)}.presence-error{position:absolute;left:50%;bottom:86px;transform:translate(-50%);color:#ff96a4cc;font-size:12px}.orb-menu{position:absolute;z-index:12;width:min(520px,92vw);height:min(520px,92vw);pointer-events:none;animation:menu-in .26s ease-out both}.orb-menu-item{position:absolute;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid rgba(131,215,235,.1);border-radius:999px;background:#050c149e;backdrop-filter:blur(16px);color:#dbf4fa9e;font-size:11px;cursor:pointer;pointer-events:auto;transition:.16s ease}.orb-menu-item:hover{color:#ecfeff;border-color:#83d7eb47;background:#0c1c29c2}.orb-menu-item small{color:#7cdef1b3;font-size:9px}.item-write{left:50%;top:1%;transform:translate(-50%)}.item-memory{right:1%;top:50%;transform:translateY(-50%)}.item-voice{left:50%;bottom:1%;transform:translate(-50%)}.item-exit{left:1%;top:50%;transform:translateY(-50%)}.text-plane{position:absolute;z-index:20;left:50%;bottom:34px;width:min(660px,calc(100vw - 28px));transform:translate(-50%);display:grid;grid-template-columns:1fr auto;gap:8px;padding:7px;border:1px solid rgba(138,220,240,.12);border-radius:18px;background:#050c14b8;backdrop-filter:blur(22px);animation:materialize .24s ease-out both}.text-plane input{min-width:0;padding:12px 14px;border:0;outline:0;background:transparent;color:#edfaff}.text-plane input::placeholder{color:#a6cbd74d}.text-plane button{padding:0 15px;border:0;border-radius:12px;background:#68ddf214;color:#d3f7ffbd;cursor:pointer}.text-plane button:disabled{opacity:.25;cursor:default}.login-plane{bottom:62px;max-width:420px}.memory-space{position:absolute;z-index:30;inset:0;padding:max(70px,8vh) max(26px,6vw);overflow:auto;background:radial-gradient(circle at 50% 45%,rgba(35,115,135,.08),transparent 34%),#020509eb;backdrop-filter:blur(24px);animation:space-open .36s ease-out both}.memory-space header{width:min(860px,100%);margin:0 auto 30px}.memory-space header span{display:block;color:#84e3f57a;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.memory-space header strong{display:block;margin-top:8px;font-size:clamp(24px,4vw,40px);font-weight:420;letter-spacing:-.03em}.memory-close{position:fixed;top:26px;right:30px;border:0;background:transparent;color:#c6e4eb6b;font-size:11px;cursor:pointer}.memory-space-list{width:min(860px,100%);margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.memory-fragment{position:relative;min-height:118px;padding:18px;border:1px solid rgba(126,215,233,.08);border-radius:2px;background:linear-gradient(145deg,#0c18239e,#050b1280)}.memory-fragment>span{color:#76e1f480;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.memory-fragment p{margin:9px 0 0;color:#e2f2f7c7;line-height:1.45;font-size:13px}.memory-empty{color:#b4d6de66}@keyframes aura-breathe{0%,to{transform:scale(.98);opacity:.35}50%{transform:scale(1.05);opacity:.65}}@keyframes core-halo{0%,to{transform:scale(.94);opacity:.5}50%{transform:scale(1.12);opacity:.84}}@keyframes core-breathe{0%,to{transform:scale(.98);opacity:.72}50%{transform:scale(1.035);opacity:.92}}@keyframes drift-a{0%{transform:rotate(-2deg) scale(.995)}to{transform:rotate(3deg) scale(1.015)}}@keyframes drift-b{0%{transform:rotate(3deg) translate(1px,-1px)}to{transform:rotate(-3deg) translate(-1px,2px)}}@keyframes drift-c{0%{transform:rotate(-4deg) scale(1.02)}to{transform:rotate(2deg) scale(.99)}}@keyframes filament-a{0%,to{transform:rotate(-5deg) scale(.98)}50%{transform:rotate(7deg) scale(1.03)}}@keyframes filament-b{0%,to{transform:rotate(4deg) scale(1.02)}50%{transform:rotate(-8deg) scale(.96)}}@keyframes filament-c{0%,to{transform:rotate(-7deg)}50%{transform:rotate(9deg)}}@keyframes particle-breathe{0%,to{opacity:.08;transform:scale(.7)}50%{opacity:.44;transform:scale(1.4)}}@keyframes listening-core{0%,to{transform:scale(.98);opacity:.75}50%{transform:scale(1.08);opacity:1}}@keyframes converge{0%{transform:scale(1.1) rotate(7deg);opacity:.5}to{transform:scale(.92) rotate(0);opacity:.95}}@keyframes think-spin-a{to{transform:rotate(360deg) scale(1.01)}}@keyframes think-spin-b{to{transform:rotate(360deg) scale(.985)}}@keyframes think-spin-c{to{transform:rotate(360deg) scale(1.025)}}@keyframes think-filament{0%,to{transform:rotate(-10deg) scale(.92)}50%{transform:rotate(16deg) scale(1.08)}}@keyframes action-flow{0%{stroke-dashoffset:22}to{stroke-dashoffset:0}}@keyframes acting-core{0%,to{transform:translate(-1px,1px) scale(.98)}50%{transform:translate(2px,-1px) scale(1.06)}}@keyframes absorb{0%{transform:translate(0) scale(1);opacity:0}12%{opacity:1}to{transform:translate(-88px,44px) scale(.25);opacity:.2}}@keyframes learning-core{0%{transform:scale(.92)}62%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes learning-lock{0%{transform:rotate(-7deg) scale(1.07);opacity:.46}to{transform:rotate(0) scale(.97);opacity:.85}}@keyframes completed{0%{transform:scale(.72);opacity:0}32%{opacity:.95}to{transform:scale(1.15);opacity:0}}@keyframes completed-core{0%{transform:scale(.96)}45%{transform:scale(1.16)}to{transform:scale(1)}}@keyframes materialize{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.985);filter:blur(8px)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1);filter:blur(0)}}@keyframes menu-in{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes space-open{0%{opacity:0;filter:blur(12px)}to{opacity:1;filter:blur(0)}}@keyframes hint-fade{0%,55%{opacity:1}to{opacity:.18}}.boot{display:grid;place-items:center}.boot .presence-orb{pointer-events:none}@media(max-width:720px){.presence-name{top:22px;left:22px;font-size:10px}.presence-orb{width:62vw;min-width:210px;max-width:280px}.presence-shell.has-result .core-stage{transform:translateY(12vh)}.result-plane{top:6.5%;width:min(92vw,560px);max-height:26vh}.result-plane.text p{font-size:16px;line-height:1.42}.result-plane.image img{max-height:26vh}.state-whisper{top:calc(50% + 150px)}.orb-menu{width:min(88vw,410px);height:min(88vw,410px)}.orb-menu-item{padding:8px 10px;font-size:10px}.memory-space{padding:68px 18px 24px}.memory-space-list{grid-template-columns:1fr}.first-hint,.presence-whisper{bottom:24px}.login-plane{bottom:54px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.presence-orb.speaking .core{animation:speaking-core .92s ease-in-out infinite}.presence-orb.speaking .membrane-a{animation:speaking-wave-a 1.45s ease-in-out infinite;opacity:.82}.presence-orb.speaking .membrane-b{animation:speaking-wave-b 1.75s ease-in-out infinite reverse;opacity:.56}.presence-orb.speaking .filament{opacity:.88;stroke-width:1.55}@keyframes speaking-core{0%,to{transform:scale(.98);opacity:.8}50%{transform:scale(1.075);opacity:1}}@keyframes speaking-wave-a{0%,to{transform:scale(.99) rotate(-2deg)}50%{transform:scale(1.055) rotate(2deg)}}@keyframes speaking-wave-b{0%,to{transform:scale(1.03) rotate(2deg)}50%{transform:scale(.97) rotate(-3deg)}}
