:root{--bg:#100a14;--ink:#f3e8ff;--accent:#c084fc;--muted:#a78bb5;--card:#1c1226;font-family:Georgia,Segoe UI,serif;color:var(--ink);background:radial-gradient(800px 400px at 80% 0,#3b1d5c,transparent),var(--bg)}*{box-sizing:border-box}body{margin:0}#app{max-width:820px;margin:0 auto;padding:28px 18px 70px}h1{font-size:clamp(2rem,5vw,3rem);margin:0}.lede{color:var(--muted)}.card{background:var(--card);border:1px solid #3b2a52;border-radius:18px;padding:20px;margin-top:18px}.swatches{display:flex;gap:8px;margin:12px 0}.swatch{width:42px;height:42px;border-radius:12px;border:2px solid #fff3}button{appearance:none;border:0;border-radius:999px;padding:12px 18px;font:inherit;font-weight:700;background:linear-gradient(180deg,#d8b4fe,#7c3aed);color:#1a0828;cursor:pointer;margin-right:8px;margin-top:10px}.meta{font-size:.9rem;color:var(--muted);line-height:1.5}.tag{display:inline-block;background:#2a1840;border-radius:999px;padding:4px 10px;margin:4px 4px 0 0;font-size:.78rem}