:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;color:#eef1f5;background:#0b1018}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,textarea{font:inherit}button{cursor:pointer}.sky{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 50% 90%,#16202e 0%,#0d1420 43%,#0b1018 80%)}.stars{position:absolute;inset:0;opacity:.45;background-repeat:repeat}.layer1{background-image:radial-gradient(1px 1px at 18px 36px,#b8c9dc 98%,transparent),radial-gradient(1px 1px at 116px 96px,#d4d9e5 98%,transparent),radial-gradient(1px 1px at 224px 162px,#91a9c5 98%,transparent);background-size:310px 220px}.layer2{opacity:.22;background-image:radial-gradient(1px 1px at 90px 110px,#fff 98%,transparent),radial-gradient(1px 1px at 260px 20px,#b3c9e9 98%,transparent);background-size:420px 290px}.shooting{position:absolute;top:18%;left:75%;width:90px;height:1px;background:linear-gradient(90deg,transparent,#a6bed8,transparent);transform:rotate(-28deg) translateX(-100vw);opacity:0;animation:meteor 22s linear infinite 6s}@keyframes meteor{0%,86%{opacity:0;transform:rotate(-28deg) translateX(-100vw)}87%{opacity:.8}90%{opacity:0;transform:rotate(-28deg) translateX(110vw)}100%{opacity:0}}.app{position:relative;z-index:1;height:100%;height:100dvh;min-height:0;display:flex;flex-direction:column}.topbar{height:68px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,64px);border-bottom:1px solid #ffffff0b;background:#0b101860}.site-name{font-size:13px;color:#9ba5b4;letter-spacing:-.02em}.exit{border:1px solid #ffffff24;background:#ffffff08;border-radius:10px;padding:9px 12px;color:#c2cad6;font-size:12px}.exit:hover{background:#ffffff13}.main{flex:1;min-height:0;width:min(100%,790px);margin:0 auto;padding:0 20px;display:flex;flex-direction:column}.welcome{margin:auto;text-align:center}.welcome[hidden],.messages[hidden]{display:none!important}.welcome h1{margin:0;font-size:clamp(37px,6.4vw,72px);font-weight:650;letter-spacing:-.065em;line-height:1.1}.welcome h1 span{color:#8a9eb6}.welcome p{color:#8190a4;font-size:13px;margin:18px 0 0}.messages{flex:1;min-height:0;display:flex;flex-direction:column;gap:18px;overflow-y:auto;overscroll-behavior:contain;padding:24px 0 28px;scrollbar-width:thin;scrollbar-color:#354154 transparent}.message{display:flex;line-height:1.55;font-size:15px}.message.user{justify-content:flex-end}.bubble{max-width:min(86%,600px);white-space:pre-wrap;overflow-wrap:anywhere}.user .bubble{padding:11px 15px;background:#263143b5;border:1px solid #ffffff15;border-radius:15px 15px 4px 15px}.assistant .bubble{padding:9px 2px}.typing .bubble{color:#8190a4}.error .bubble{color:#f1a6a6}.footer{width:min(100%,790px);margin:0 auto;padding:0 20px max(17px,env(safe-area-inset-bottom));flex-shrink:0}.composer{display:flex;align-items:flex-end;gap:10px;border:1px solid #ffffff2b;background:#192333eb;border-radius:16px;padding:8px 8px 8px 16px;box-shadow:0 8px 36px #0003}.composer:focus-within{border-color:#a2b2c5}.composer textarea{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#f1f4f8;resize:none;min-height:38px;max-height:135px;padding:8px 0;line-height:1.45;font-size:15px}.composer textarea::placeholder{color:#8b97a9}.composer button{flex-shrink:0;border:0;width:43px;height:43px;border-radius:11px;background:#e9eef4;color:#182332;font-size:26px}.composer button:disabled{opacity:.5;cursor:wait}.hint{margin:11px 0 0;text-align:center;color:#78869a;font-size:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:600px){.topbar{height:60px;padding:0 16px}.main{padding:0 15px}.footer{padding:0 12px max(12px,env(safe-area-inset-bottom))}.welcome h1{font-size:clamp(36px,10vw,52px)}.message{font-size:14px}.hint{font-size:9px}}@media(prefers-reduced-motion:reduce){.shooting{animation:none}}