:root{--violet:#7558f5;--pink:#e65cca;--cyan:#4dd9df;--ink:#22213b;--muted:#77758d;--line:#e8e5f1;--glass:#ffffffd9}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden;background:#f8f6ff;color:var(--ink);font-family:Tahoma,"Segoe UI",sans-serif}.aurora{position:fixed;border-radius:50%;filter:blur(90px);opacity:.32;pointer-events:none;animation:drift 12s ease-in-out infinite alternate}.a1{width:520px;height:520px;background:#b8a4ff;top:-230px;right:-130px}.a2{width:460px;height:460px;background:#90f2ec;bottom:-260px;left:-130px;animation-delay:-5s}.noise{position:fixed;inset:0;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}@keyframes drift{to{transform:translate(70px,45px) scale(1.12)}}.app-shell{min-height:100vh;position:relative}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(25px,calc((100vw - 1120px)/2));border-bottom:1px solid #ffffff90;background:#ffffff80;backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:11px}.brand strong{display:block;font-size:18px}.brand>div:last-child>span{display:block;color:var(--muted);font-size:10px;margin-top:4px}.brand i{display:inline-block;width:7px;height:7px;background:#35c982;border-radius:50%;box-shadow:0 0 0 4px #35c98218;margin-left:4px}.mini-orb{width:43px;height:43px;border-radius:15px;background:linear-gradient(145deg,var(--violet),var(--pink));display:flex;gap:5px;align-items:center;justify-content:center;box-shadow:0 9px 22px #7558f540}.mini-orb span{width:5px;height:8px;background:#fff;border-radius:50%;animation:blink 5s infinite}.glass-button{display:flex;align-items:center;gap:7px;border:1px solid #ded9ed;background:#ffffff9c;border-radius:12px;padding:9px 14px;color:#5b5870;cursor:pointer}.glass-button svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.8}.experience{width:min(1120px,calc(100% - 30px));margin:42px auto 20px;display:grid;grid-template-columns:350px 1fr;gap:22px;align-items:stretch}.presence-card,.chat-card{border:1px solid #ffffff;background:var(--glass);backdrop-filter:blur(22px);box-shadow:0 25px 80px #3f2d7e16;border-radius:28px}.presence-card{position:relative;overflow:hidden;text-align:center;padding:25px 25px 22px;min-height:610px;background:linear-gradient(160deg,#ffffffec,#f2edffdc)}.presence-card:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,#9a82ff33,transparent 68%);top:35px;left:35px;animation:breathe 3s ease-in-out infinite}.stars i{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--violet);animation:twinkle 2s infinite}.stars i:nth-child(1){top:80px;left:50px}.stars i:nth-child(2){top:145px;right:45px;animation-delay:.4s}.stars i:nth-child(3){top:235px;left:42px;animation-delay:1s}.stars i:nth-child(4){top:50px;right:100px;animation-delay:1.4s}.stars i:nth-child(5){top:270px;right:70px;animation-delay:.7s}@keyframes twinkle{50%{transform:scale(2.5);opacity:.25}}.creature{height:290px;position:relative;display:grid;place-items:center}.glow{position:absolute;width:185px;height:185px;border-radius:50%;background:#886cf642;filter:blur(28px);animation:breathe 3s ease-in-out infinite}.body{width:165px;height:174px;position:relative;border-radius:48% 52% 45% 55%/52% 45% 55% 48%;background:radial-gradient(circle at 34% 26%,#bdaeff 0 8%,#8064f3 36%,#5c43cf 72%,#4330a2);box-shadow:inset -18px -22px 35px #3a258044,inset 12px 12px 24px #ffffff30,0 25px 45px #563bc652;animation:float 3s ease-in-out infinite}.body:before,.body:after{content:"";position:absolute;width:55px;height:72px;background:#7457e2;border-radius:60% 40% 70% 30%;top:27px;z-index:-1}.body:before{right:-26px;transform:rotate(32deg)}.body:after{left:-26px;transform:rotate(-32deg)}.face{position:absolute;inset:57px 35px auto;display:flex;justify-content:space-between}.eye{width:18px;height:24px;border-radius:50%;background:#1f174b;position:relative;box-shadow:inset 0 -3px 0 #0f0b27;animation:blink 5s infinite}.eye:after{content:"";position:absolute;width:6px;height:7px;border-radius:50%;background:#fff;top:4px;right:4px}.mouth{position:absolute;width:25px;height:12px;border-bottom:4px solid #2b1b65;border-radius:0 0 50% 50%;right:35px;top:36px;transition:.3s}.cheek{position:absolute;width:22px;height:9px;background:#f58acb66;border-radius:50%;top:105px}.c1{right:28px}.c2{left:28px}.shadow{position:absolute;width:135px;height:22px;border-radius:50%;background:#3a27772c;filter:blur(7px);bottom:26px;animation:shadow 3s ease-in-out infinite}.orbit{position:absolute;border:1px solid #8067e94a;border-radius:50%;animation:spin 9s linear infinite}.orbit:after{content:"✦";position:absolute;color:var(--pink);font-size:15px;top:10px;right:8px}.orbit-one{width:230px;height:205px;transform:rotate(20deg)}.orbit-two{width:255px;height:235px;animation-direction:reverse;animation-duration:13s}.orbit-two:after{color:var(--cyan);top:auto;bottom:18px;right:auto;left:11px}@keyframes spin{to{transform:rotate(380deg)}}@keyframes float{50%{transform:translateY(-12px) rotate(1deg)}}@keyframes shadow{50%{transform:scale(.82);opacity:.6}}@keyframes breathe{50%{transform:scale(1.12);opacity:.65}}@keyframes blink{0%,45%,49%,100%{transform:scaleY(1)}47%{transform:scaleY(.08)}}.creature.listening .body{animation:listen .6s ease-in-out infinite alternate}.creature.listening .mouth{height:15px;width:15px;border:3px solid #2b1b65;border-radius:50%;right:39px}.creature.thinking .body{animation:think 1.1s ease-in-out infinite}.creature.thinking .eye.right{transform:translateY(-4px)}.creature.happy .mouth{height:18px;width:34px;background:#2b1b65;border:0;border-radius:5px 5px 20px 20px;right:30px}.creature.happy .mouth:after{content:"";position:absolute;width:18px;height:6px;background:#f58acb;border-radius:50%;bottom:2px;right:8px}@keyframes listen{to{transform:translateY(-6px) scale(1.035)}}@keyframes think{25%{transform:translateX(5px) rotate(2deg)}75%{transform:translateX(-5px) rotate(-2deg)}}.creature-copy{position:relative}.creature-copy>span{display:inline-block;background:#eeeaff;color:#6653d9;border-radius:999px;padding:7px 11px;font-size:10px}.creature-copy h1{font-size:25px;margin:14px 0 7px}.creature-copy p{font-size:13px;color:var(--muted);line-height:1.9;margin:0}.abilities{display:flex;justify-content:center;gap:8px;margin-top:20px}.abilities span{border:1px solid #e3def2;background:#fff9;border-radius:10px;padding:8px;color:#77718a;font-size:10px}.chat-card{display:flex;flex-direction:column;overflow:hidden;min-height:610px}.chat-title{height:74px;padding:0 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.chat-title b{display:block}.chat-title small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.pulse{display:flex;gap:3px;align-items:flex-end}.pulse i{width:3px;height:8px;background:var(--violet);border-radius:3px;animation:wave .8s ease-in-out infinite alternate}.pulse i:nth-child(2){height:16px;animation-delay:.2s}.pulse i:nth-child(3){height:11px;animation-delay:.4s}@keyframes wave{to{height:4px;opacity:.4}}.welcome{margin:auto;width:100%;padding:30px}.welcome>p{text-align:center;color:var(--muted);font-size:12px}.suggestions{display:grid;gap:10px}.suggestions button{display:grid;grid-template-columns:42px 1fr 20px;align-items:center;gap:12px;text-align:right;border:1px solid var(--line);background:#fbfaff;border-radius:16px;padding:13px;cursor:pointer;transition:.25s}.suggestions button:hover{transform:translateX(-5px);border-color:#bdb2f7;box-shadow:0 8px 25px #5d4dcc0c}.suggestions .icon{width:40px;height:40px;border-radius:12px;background:#eeeaff;color:var(--violet);display:grid;place-items:center;font-size:18px}.suggestions span:nth-child(2){font-size:13px}.suggestions small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.suggestions b{color:var(--violet)}.messages{display:none;height:446px;overflow:auto;padding:25px;scroll-behavior:smooth}.message{display:flex;gap:10px;align-items:flex-start;margin-bottom:22px}.message.user{direction:ltr}.avatar{width:36px;height:36px;flex:0 0 36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,var(--violet),var(--pink));color:#fff;font-size:12px;font-weight:bold;box-shadow:0 6px 15px #7558f52b}.user .avatar{background:#45455b}.message-content{max-width:78%}.message-name{display:block;color:var(--muted);font-size:10px;margin:0 5px 5px}.bubble{background:#f0edff;padding:13px 16px;border-radius:5px 17px 17px 17px;line-height:1.9;white-space:pre-wrap;font-size:13px;animation:appear .35s ease-out}.user .bubble{background:#f0f1f5;border-radius:17px 5px 17px 17px;direction:rtl}@keyframes appear{from{opacity:0;transform:translateY(8px) scale(.97)}}.typing{display:flex;gap:5px;padding:17px}.typing i{width:6px;height:6px;border-radius:50%;background:var(--violet);animation:dots .8s infinite alternate}.typing i:nth-child(2){animation-delay:.18s}.typing i:nth-child(3){animation-delay:.36s}@keyframes dots{to{transform:translateY(-5px);opacity:.3}}.composer{position:relative;margin-top:auto;border-top:1px solid var(--line);padding:16px 18px 27px}.composer textarea{display:block;width:100%;height:58px;max-height:130px;resize:none;border:1px solid #dedbe9;border-radius:17px;padding:17px 54px;outline:0;font:inherit;line-height:1.6;background:#fff}.composer textarea:focus{border-color:#a99cf2;box-shadow:0 0 0 4px #7558f50d}.composer button{position:absolute;top:27px;width:36px;height:36px;border:0;border-radius:11px;cursor:pointer}.composer .plus{right:29px;background:#f1eff8;color:#79748b;font-size:19px}.composer .send{left:29px;background:linear-gradient(145deg,var(--violet),#8f65eb);display:grid;place-items:center}.send svg{width:18px;fill:none;stroke:#fff;stroke-width:1.8}.send:disabled{filter:grayscale(1);opacity:.35}.composer small{position:absolute;right:24px;bottom:6px;color:#aaa7b4;font-size:9px}footer{text-align:center;color:#9691a6;font-size:10px;padding:10px 15px 22px}footer span{color:var(--violet)}@media(max-width:850px){.experience{grid-template-columns:1fr;margin-top:20px}.presence-card{min-height:360px}.creature{height:220px;transform:scale(.8);margin:-30px 0}.creature-copy p,.abilities{display:none}.chat-card{min-height:590px}}@media(max-width:520px){.experience{width:calc(100% - 18px)}.topbar{padding:0 12px}.glass-button{font-size:0}.glass-button svg{width:19px}.presence-card{min-height:330px}.chat-title{padding:0 17px}.messages{padding:17px}.message-content{max-width:82%}.composer small{display:none}.composer{padding-bottom:16px}.welcome{padding:18px}}