*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#03070f;color:#eaf7ff}body{overflow-x:hidden}.stars{position:fixed;inset:0;background:radial-gradient(circle at 20% 15%,rgba(0,210,255,.22),transparent 25%),radial-gradient(circle at 78% 30%,rgba(170,65,255,.18),transparent 25%),radial-gradient(circle at 50% 85%,rgba(255,177,49,.16),transparent 30%),#03070f;z-index:-2}.stars:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:42px 42px;opacity:.15;animation:drift 24s linear infinite}@keyframes drift{to{transform:translateY(-42px)}}.page{max-width:1280px;margin:0 auto;padding:28px}.hero{display:flex;gap:18px;align-items:center;margin-bottom:24px}.mark{width:72px;height:72px;border:1px solid rgba(255,214,132,.65);border-radius:50%;display:grid;place-items:center;color:#ffd684;font-size:38px;box-shadow:0 0 36px rgba(255,190,80,.35)}.eyebrow{margin:0;color:#72e8ff;letter-spacing:.22em;font-size:12px}h1{margin:4px 0;font-size:clamp(34px,6vw,76px);font-weight:500;letter-spacing:.08em;color:#f8d994;text-shadow:0 0 24px rgba(255,201,92,.35)}.subtitle{margin:0;color:#b8d7e6}.layout{display:grid;grid-template-columns:330px 1fr 330px;gap:18px}.panel{border:1px solid rgba(115,226,255,.22);background:linear-gradient(180deg,rgba(7,20,38,.86),rgba(5,10,20,.78));border-radius:22px;padding:18px;box-shadow:0 0 40px rgba(0,145,255,.08),inset 0 0 28px rgba(255,255,255,.03);backdrop-filter:blur(8px)}h2{margin:0 0 10px;color:#dffaff;font-weight:500}.composer p{color:#9bb8c8;line-height:1.45}textarea{width:100%;height:190px;background:#061427;border:1px solid rgba(114,232,255,.28);border-radius:16px;color:#fff;padding:14px;resize:none;outline:none}textarea:focus{border-color:#72e8ff;box-shadow:0 0 22px rgba(114,232,255,.18)}.row{display:flex;gap:10px;margin-top:12px}select,button{border-radius:14px;border:1px solid rgba(255,214,132,.35);background:#081a2f;color:#fff;padding:12px}button{cursor:pointer;background:linear-gradient(90deg,#0b79ff,#9c4dff,#ffb23f);border:none;font-weight:700;box-shadow:0 0 24px rgba(134,97,255,.35)}.flux{min-height:520px;position:relative;overflow:hidden}.river{position:absolute;left:-8%;right:-8%;top:46%;height:125px;transform:translateY(-50%);background:linear-gradient(90deg,transparent,rgba(0,198,255,.55),rgba(255,190,69,.65),rgba(189,84,255,.55),rgba(42,255,193,.55),transparent);filter:blur(17px);opacity:.72;animation:pulse 4s ease-in-out infinite}.river:after{content:"";position:absolute;inset:30px 0;background:repeating-linear-gradient(90deg,transparent 0 18px,rgba(255,255,255,.65) 19px 20px);opacity:.22;animation:flow 1.4s linear infinite}@keyframes pulse{50%{transform:translateY(-50%) scaleY(1.25)}}@keyframes flow{to{transform:translateX(40px)}}.stage{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:112px;height:112px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid rgba(255,255,255,.28);background:rgba(4,12,25,.72);box-shadow:0 0 24px rgba(0,217,255,.16)}.stage strong{font-size:24px;color:#ffd684}.stage span{font-size:12px;color:#cceeff}.stage.active{border-color:#ffd684;box-shadow:0 0 40px rgba(255,204,95,.5),inset 0 0 24px rgba(255,204,95,.12)}.bottle{position:absolute;left:6%;top:55%;transform:translate(-50%,-50%) rotate(-18deg);font-size:42px;z-index:5;filter:drop-shadow(0 0 22px #72e8ff);transition:left .9s ease,top .9s ease,transform .9s ease}.bottle.travel{animation:bob .8s ease-in-out infinite}@keyframes bob{50%{margin-top:-9px}}.response-box{min-height:250px;padding:16px;border-radius:18px;background:radial-gradient(circle at 30% 10%,rgba(255,214,132,.15),transparent 35%),rgba(5,16,31,.8);border:1px solid rgba(255,214,132,.22);line-height:1.5;color:#e7fbff}.metrics{display:grid;grid-template-columns:1fr;gap:12px;margin-top:14px}.metrics div{padding:12px;border-radius:14px;background:rgba(255,255,255,.04);display:flex;justify-content:space-between}.metrics b{color:#ffd684}.metrics span{color:#9bb8c8}.memory{margin-top:18px}.history{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.card{padding:14px;border-radius:16px;border:1px solid rgba(114,232,255,.18);background:rgba(8,24,44,.72)}.card small{color:#72e8ff}.card p{color:#dcefff}.tag{display:inline-block;margin-top:8px;padding:4px 9px;border-radius:999px;background:rgba(255,214,132,.12);color:#ffd684;font-size:12px}@media(max-width:1050px){.layout{grid-template-columns:1fr}.flux{min-height:560px}.row{flex-direction:column}}