:root{color:#f6f0ff;background:#171327;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:860px;margin:5vh auto;padding:24px}h1{margin:16px 0;font-size:clamp(2.2rem,7vw,4.8rem);line-height:1}.eyebrow{color:#d8a8ff;text-transform:uppercase;letter-spacing:.14em}p{color:#c9bfd8;line-height:1.6}.session{color:#bfa8d4;font-family:monospace}section{background:#211b39;border:1px solid #40345c;border-radius:20px;margin-top:24px;padding:22px}label{color:#fff;margin-bottom:18px;font-weight:700;display:block}input{color:#fff;background:#171327;border:1px solid #55476f;border-radius:10px;width:100%;margin-top:8px;padding:12px;display:block}button{color:#241335;cursor:pointer;background:#e6b4ff;border:0;border-radius:999px;padding:14px 22px;font-size:1rem;font-weight:700}button:disabled{opacity:.45;cursor:not-allowed}.secondary{color:#fff;background:#40345c}.variants{grid-template-columns:1fr 1fr;gap:16px;display:grid}.variants figure{margin:0}.variants figcaption{margin-bottom:8px;font-weight:800}.status img,.placeholder{aspect-ratio:3/4;object-fit:cover;background:#171327;border-radius:14px;width:100%}.placeholder{color:#c9bfd8;place-items:center;display:grid}.choices{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.error{color:#ff9a9a}.success{color:#a9f0c5}@media (width<=640px){main{margin:0 auto;padding:18px}section{padding:16px}.variants{grid-template-columns:1fr}.choices button{width:100%}}