:root{--bg-1:#fff8ee;--bg-2:#ffecd2;--bg-3:#ffdcb0;--glass:#fffcf6db;--glass-strong:#fffcf6f5;--glass-soft:#fffcf69e;--surface-solid:#fffaf2;--glass-border:#fffc;--ink:#3d2b1f;--ink-soft:#5b4636;--ink-muted:#7a6252;--ink-faint:#7c6650;--accent-2:#e2763f;--gold:#eeab35;--coral:#ef7f6a;--accent-mint:#6fae7d;--sky:#6fa0d8;--accent-warn:#d9634a;--radius-sm:12px;--radius-md:18px;--radius-lg:26px;--shadow-sm:0 4px 12px #784e281a;--shadow-md:0 14px 32px #784e2829;--shadow-lg:0 22px 48px #784e2833;--halo:#ffffffd9;--halo-soft:#fff9;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-display:"Quicksand", var(--font);--page-pad:clamp(10px, 1.4vw, 18px);--page-max-width:min(2400px, 95vw)}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--font);color:var(--ink-soft);background:radial-gradient(ellipse 900px 500px at 15% -10%, #ffd6a88c, transparent 60%), radial-gradient(ellipse 800px 500px at 100% 10%, #ffebcd99, transparent 55%), linear-gradient(170deg, var(--bg-1) 0%, var(--bg-2) 55%, var(--bg-3) 100%);background-attachment:fixed;font-size:clamp(15px,.4vw + 14px,17px)}a{color:inherit}h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink);margin:0}h1,.back,.empty{text-shadow:0 1px 3px var(--halo), 0 1px 6px var(--halo-soft)}button{font-family:inherit}button,a{transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s,background-color .18s,opacity .18s}button:not(:disabled),a{cursor:pointer}button:not(:disabled):hover,a:hover{transform:translateY(-2px)scale(1.045)}button:not(:disabled):active,a:active{transform:scale(.955)}@media (prefers-reduced-motion:reduce){button,a{transition:none!important}button:hover,a:hover{transform:none!important}}.recipe-card{animation:.5s cubic-bezier(.16,1,.3,1) both card-in;animation-delay:var(--card-stagger,0s)}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.recipe-card{animation:none}}