*{box-sizing:border-box}html,body{background:var(--background);color:var(--text);margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.5}main{gap:20px;max-width:640px;margin:0 auto;padding:32px 20px 64px;display:grid}.brand{color:var(--accent);font-size:20px;font-weight:900;text-decoration:none}h1{margin:0;font-size:36px;line-height:1.15}.muted{color:var(--muted)}.card{background:var(--surface);border:1px solid var(--border);border-radius:18px;gap:10px;padding:18px;display:grid}.card h2{letter-spacing:1px;text-transform:uppercase;color:var(--muted);margin:0;font-size:15px}.ingredients{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ingredients li{background:var(--surfaceRaised);border:1px solid var(--border);border-radius:10px;gap:12px;padding:10px 12px;display:flex}.amount{min-width:72px;font-weight:800}ol{gap:6px;margin:0;padding-left:22px;display:grid}.notes{white-space:pre-wrap;margin:0}.cta{background:var(--accent);color:var(--onAccent);text-align:center;border-radius:14px;padding:14px 20px;font-weight:800;text-decoration:none;display:inline-block}.footer{font-size:14px}a{color:var(--accent)}