:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:#f8f6ff;background:#050716}*{box-sizing:border-box}body{margin:0;min-height:100dvh}button,textarea{font:inherit}button{cursor:pointer}.universe{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse 75% 65% at 50% 74%,#211343 0%,#0b1032 38%,#030715 85%)}.sky{position:absolute;inset:0 0 33%;background:linear-gradient(to bottom,transparent 20%,#070b24 94%),url('/sky.webp') center top/cover no-repeat;opacity:.83}.horizon{position:absolute;bottom:0;left:0;width:100%;height:36%;background:linear-gradient(to bottom,#090b26 0%,transparent 48%,#030614 100%),url('/horizon.webp') center bottom/cover no-repeat;opacity:.65}.universe:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03061650,transparent 25%,transparent 75%,#03061650),linear-gradient(to bottom,#04061544,transparent 40%,#03051388)}.stars{position:absolute;inset:0}.star{position:absolute;width:2px;height:2px;border-radius:50%;background:#d6d8ff;box-shadow:0 0 8px #8499ff;animation:twinkle var(--duration) ease-in-out infinite;animation-delay:var(--delay)}.light-trails{position:absolute;width:100%;height:100%;inset:0;opacity:.85;filter:drop-shadow(0 0 9px #553dff)}.light-trails path{fill:none;stroke:url(#neon);stroke-width:2.2;filter:url(#glow)}.shooting-star{position:absolute;top:12%;left:70%;width:150px;height:2px;transform:rotate(-35deg);background:linear-gradient(90deg,transparent,#b6a2ff,#fff);box-shadow:0 0 13px #b4a3ff;border-radius:50%;opacity:0;animation:meteor 13s linear infinite}.s2{top:29%;left:25%;animation-delay:7s;animation-duration:17s;width:110px}.app{height:100dvh;min-height:400px;display:flex;flex-direction:column;position:relative}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px clamp(18px,5vw,76px);height:86px;flex-shrink:0}.site-name{font-size:13px;letter-spacing:.08em;color:#c7c4d8;opacity:.8}.exit{display:flex;align-items:center;gap:8px;border:1px solid #ffffff27;background:#1113299e;backdrop-filter:blur(15px);color:#f1efff;border-radius:14px;padding:12px 16px;transition:background .2s,border-color .2s}.exit:hover{background:#252044b8;border-color:#a08aff77}.exit svg{width:17px;height:17px}.main{flex:1;min-height:0;width:min(100%,860px);margin:0 auto;padding:0 22px;display:flex;flex-direction:column;justify-content:center}.welcome{text-align:center;animation:fadeUp .7s ease both}.welcome[hidden]{display:none}.welcome h1{margin:0;font-weight:800;font-size:clamp(43px,7.5vw,95px);letter-spacing:-.07em;line-height:1.06;text-transform:uppercase;text-shadow:0 0 35px #9166ff80,0 0 75px #425aff66}.welcome h1 span{color:#f6efff}.welcome p{margin:24px 0 0;font-size:clamp(12px,1.4vw,15px);color:#c6c0df;letter-spacing:.1em}.messages{display:flex;flex-direction:column;gap:20px;padding:28px 0 35px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#7771aa50 transparent;overscroll-behavior:contain}.messages[hidden]{display:none}.message{display:flex;gap:12px;align-items:flex-start;animation:fadeUp .22s ease both;font-size:15px;line-height:1.65}.message.user{justify-content:flex-end}.bubble{max-width:min(86%,650px);overflow-wrap:anywhere;white-space:pre-wrap}.user .bubble{background:#17182dbf;border:1px solid #ffffff20;border-radius:18px 18px 5px 18px;padding:12px 17px;backdrop-filter:blur(12px)}.assistant .bubble{padding:6px 0;text-shadow:0 1px 10px #0009}.message.error .bubble{color:#ffc4c4}.typing .bubble{opacity:.6;animation:twinkle 1.2s infinite}.footer{width:min(100%,860px);margin:0 auto;padding:0 22px max(24px,env(safe-area-inset-bottom));flex-shrink:0}.composer{display:flex;align-items:flex-end;gap:10px;border:1px solid #9990d050;background:#0c0d20c9;backdrop-filter:blur(24px);box-shadow:0 12px 55px #0009,0 0 28px #5b47ff22;border-radius:25px;padding:11px 12px 11px 22px;transition:border-color .2s}.composer:focus-within{border-color:#9a8bff}.composer textarea{flex:1;min-width:0;min-height:36px;max-height:140px;resize:none;outline:0;border:0;background:transparent;color:#fff;font-size:15px;line-height:1.5;padding:7px 0}.composer textarea::placeholder{color:#a6a0bf}.composer button{display:grid;place-items:center;width:45px;height:45px;flex-shrink:0;border:0;border-radius:16px;background:linear-gradient(135deg,#475bff,#9b57ff);color:white;box-shadow:0 0 22px #6656ff9c;transition:transform .2s}.composer button:hover{transform:translateY(-2px)}.composer button:disabled{opacity:.45;cursor:wait}.composer svg{width:23px;height:23px}.disclaimer{text-align:center;font-size:10px;letter-spacing:.015em;color:#aaa6c3;margin:12px 0 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes twinkle{0%,100%{opacity:.25}50%{opacity:1}}@keyframes meteor{0%,78%{opacity:0;translate:0 0}80%{opacity:1}88%{opacity:0;translate:-260px 160px}100%{opacity:0}}@keyframes fadeUp{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@media(max-width:650px){.topbar{height:68px;padding:12px 16px}.site-name{font-size:11px}.exit{padding:10px 12px;font-size:12px}.main{padding:0 15px}.welcome h1{font-size:clamp(40px,11vw,62px)}.welcome p{letter-spacing:.03em;font-size:12px;margin-top:16px}.footer{padding:0 12px max(15px,env(safe-area-inset-bottom))}.composer{border-radius:20px;padding:8px 8px 8px 15px}.composer button{width:41px;height:41px;border-radius:13px}.disclaimer{font-size:9px;line-height:1.5;margin:10px auto 0;max-width:300px}.horizon{height:29%}.light-trails{width:180%;left:-40%}.messages{gap:16px}.message{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}