@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;600;700;800&family=Playfair+Display:ital,wght@0,700;1,700&display=swap');:root{--ink:#f8f0e5;--muted:#b8aebc;--bg:#100b1b;--pink:#ff4fa3;--orange:#ff9f43;--cyan:#55e6e0}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 9% 0,#51214e 0,transparent 28rem),radial-gradient(circle at 94% 30%,#173e52 0,transparent 30rem),var(--bg);font-family:Manrope,sans-serif;min-height:100vh}.shell{max-width:1050px;margin:auto;padding:32px 28px 80px}header{display:flex;justify-content:space-between;gap:20px}.brand{font:700 24px 'DM Mono';letter-spacing:-2px;color:#fff;text-decoration:none}.brand span{color:var(--pink)}header p,.eyebrow{font:12px 'DM Mono';letter-spacing:1px;color:var(--muted);text-transform:uppercase}.hero{display:flex;justify-content:space-between;align-items:center;padding:78px 3% 50px}.hero h1{font-size:clamp(42px,7vw,82px);line-height:1.03;margin:12px 0 20px;letter-spacing:-4px}.hero em{font-family:'Playfair Display';color:var(--orange)}.lead{max-width:530px;color:var(--muted);font-size:17px;line-height:1.7}.orb{font-size:120px;filter:drop-shadow(0 0 35px #ff4fa388);animation:f 4s ease-in-out infinite}@keyframes f{50%{transform:translateY(-14px) rotate(5deg)}}.bar,.result{background:#21152fd9;border:1px solid #ffffff16;border-radius:28px;padding:34px;box-shadow:0 24px 80px #0005}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.chip{border:1px solid #ffffff2a;background:#ffffff0a;color:var(--ink);border-radius:100px;padding:11px 15px;cursor:pointer;font:600 14px Manrope}.chip:hover,.chip.active{background:var(--pink);border-color:var(--pink)}button#mix{background:linear-gradient(110deg,var(--pink),#ff6f75);border:0;border-radius:14px;padding:15px 20px;color:#fff;font:700 15px Manrope;cursor:pointer}.result{margin-top:20px;border-color:#55e6e055}.result h3{font:700 34px 'Playfair Display';margin:0;color:var(--cyan)}.result p{color:var(--muted);line-height:1.7}.recipe{display:grid;grid-template-columns:1fr 2fr;gap:25px;border-top:1px solid #ffffff18;margin-top:20px;padding-top:20px}.recipe strong{color:var(--orange)}.hidden{display:none}footer{text-align:center;color:#8e8396;font:11px 'DM Mono';letter-spacing:1px;padding-bottom:30px}@media(max-width:650px){header p,.orb{display:none}.hero{padding:55px 0 35px}.bar,.result{padding:24px}.recipe{grid-template-columns:1fr}}