.recipe-vertical,.recipe-vertical *,.recipe-vertical :before,.recipe-vertical :after{box-sizing:border-box}.recipe-vertical{--ink:#eef1f0;--muted:#8d9490;--accent:#4fb0ae;--control-bg:#ffffff0f;--control-border:#ffffff29;color:var(--ink);flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 1.5rem;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:flex}.recipe-vertical .stage{padding:1.5rem 1.5rem 6.5rem}@media (width<=520px){.recipe-vertical{padding:2rem 1rem}.recipe-vertical .stage{padding:1.5rem 1rem 6.5rem}}.recipe-vertical .row{cursor:grab;border-radius:14px}.recipe-vertical .row:active{cursor:grabbing}.recipe-vertical .row:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:14px}.recipe-vertical .row-face{border:1px solid #ffffff14;border-radius:14px;align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px -18px #0009,0 2px 6px #00000059}.recipe-vertical .row-text{z-index:2;color:#fff;text-shadow:0 1px 3px #00000073;flex-direction:column;gap:.2rem;padding:0 1.1rem;display:flex;position:relative}.recipe-vertical .row[inert] .row-text{opacity:0}@media (prefers-reduced-motion:no-preference){.recipe-vertical .row-text{transition:opacity .15s}}.recipe-vertical .row-title{font-size:.98rem;font-weight:600;line-height:1.2}.recipe-vertical .row-artist{letter-spacing:.08em;opacity:.85;font-size:.72rem}.recipe-vertical .meta{text-align:center}.recipe-vertical .title{margin:0;font-family:Georgia,Iowan Old Style,Palatino Linotype,serif;font-size:1.5rem;font-weight:500}.recipe-vertical .artist{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:.3rem 0 0;font-size:.78rem}.recipe-vertical .hint{color:var(--muted);text-align:center;margin:0;font-size:.82rem}.recipe-vertical .hint kbd{border:1px solid var(--control-border);background:var(--control-bg);border-radius:5px;min-width:1.4rem;padding:.1rem .35rem;font-family:inherit;font-size:.78rem;display:inline-block}.recipe-vertical .controls{flex-direction:column;align-items:center;gap:.6rem;display:flex}.recipe-vertical .control{border:1px solid var(--control-border);background:var(--control-bg);min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;border-radius:999px;place-items:center;font-size:1.1rem;line-height:1;display:grid}.recipe-vertical .control:hover{background:#ffffff1f}.recipe-vertical .control:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.recipe-vertical .readout{text-align:center;min-width:4rem;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.05em}.recipe-clamp,.recipe-clamp *,.recipe-clamp :before,.recipe-clamp :after{box-sizing:border-box}.recipe-clamp{--ink:#f3efe8;--muted:#9c988e;--accent:#5fae5c;--control-bg:#ffffff0f;--control-border:#ffffff29;color:var(--ink);background:#121218;border-radius:16px;flex-direction:column;align-items:center;gap:2rem;padding:3rem 1.5rem;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:flex;overflow-x:clip}.recipe-clamp .stage{padding:1.5rem 1.5rem 1.5rem 6.5rem}@media (width<=520px){.recipe-clamp{padding:2rem 1rem}.recipe-clamp .stage{padding:1rem 1rem 1rem 5.5rem}}.recipe-clamp .card{cursor:grab;border-radius:18px}.recipe-clamp .card:active{cursor:grabbing}.recipe-clamp .card:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:18px}.recipe-clamp .card-face{border:1px solid #ffffff14;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 24px 48px -16px #0009,0 2px 6px #00000059}.recipe-clamp .card-scrim{z-index:1;background:linear-gradient(#0000 18%,#0000008c 45%,#000000e0 66% 100%);position:absolute;inset:0}.recipe-clamp .card-text{z-index:2;color:#fff;text-shadow:0 1px 3px #00000073;flex-direction:column;gap:.15rem;padding:1rem .9rem .9rem;display:flex;position:absolute;bottom:0;left:0;right:0}.recipe-clamp .card-name{font-size:.95rem;font-weight:600;line-height:1.2}.recipe-clamp .card-elevation{letter-spacing:.12em;opacity:.8;font-size:.68rem}.recipe-clamp .controls{align-items:center;gap:1.25rem;display:flex}.recipe-clamp .control{border:1px solid var(--control-border);background:var(--control-bg);min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;border-radius:999px;place-items:center;font-size:1.25rem;line-height:1;display:grid}.recipe-clamp .control:disabled{opacity:.35;cursor:not-allowed}.recipe-clamp .control:not(:disabled):hover{background:#ffffff1f}.recipe-clamp .control:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.recipe-clamp .readout{text-align:center;min-width:8rem;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.05em}.recipe-feed,.recipe-feed *,.recipe-feed :before,.recipe-feed :after{box-sizing:border-box}.recipe-feed{--ink:#f3efe8;--muted:#9c988e;--accent:#e8896a;--control-bg:#ffffff0f;--control-border:#ffffff29;color:var(--ink);background:#121218;border-radius:16px;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 1.5rem;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:flex;overflow-x:clip}.recipe-feed .stage{padding:1.5rem 1.5rem 1.5rem 6.5rem}@media (width<=520px){.recipe-feed{padding:2rem 1rem}.recipe-feed .stage{padding:1rem 1rem 1rem 5.5rem}}.recipe-feed .feed-card{cursor:grab;border-radius:18px}.recipe-feed .feed-card:active{cursor:grabbing}.recipe-feed .feed-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:18px}.recipe-feed .feed-card-face{border:1px solid #ffffff14;border-radius:18px;justify-content:flex-end;align-items:flex-end;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 48px -16px #0009,0 2px 6px #00000059}.recipe-feed .feed-card-id{z-index:1;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.04em;background:#00000059;border-radius:999px;margin:.9rem;padding:.2rem .55rem;font-size:.72rem;position:relative}.recipe-feed .controls{align-items:center;gap:1.25rem;display:flex}.recipe-feed .control{border:1px solid var(--control-border);background:var(--control-bg);min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;border-radius:999px;place-items:center;font-size:1.25rem;line-height:1;display:grid}.recipe-feed .control:hover{background:#ffffff1f}.recipe-feed .control:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.recipe-feed .readout{text-align:center;min-width:8rem;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.05em;margin:0}.recipe-feed .loading{min-height:1.2em;color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem}.recipe-programmatic,.recipe-programmatic *,.recipe-programmatic :before,.recipe-programmatic :after{box-sizing:border-box}.recipe-programmatic{--ink:#f3efe8;--muted:#9c988e;--accent:#e8c07a;--control-bg:#ffffff0f;--control-border:#ffffff29;color:var(--ink);background:#121218;border-radius:16px;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 1.5rem;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:flex;overflow-x:clip}.recipe-programmatic .stage{padding:1.5rem 1.5rem 1.5rem 5.5rem}@media (width<=520px){.recipe-programmatic{padding:2rem 1rem}.recipe-programmatic .stage{padding:1rem 1rem 1rem 5.5rem}}.recipe-programmatic .poster{cursor:grab;border-radius:16px;box-shadow:0 24px 48px -16px #0009,0 2px 6px #00000059}.recipe-programmatic .poster:active{cursor:grabbing}.recipe-programmatic .poster:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:16px}.recipe-programmatic .rail{flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:20rem;display:flex}.recipe-programmatic .rail-button{border:1px solid var(--control-border);background:var(--control-bg);min-width:32px;min-height:32px;color:inherit;cursor:pointer;border-radius:999px;font-size:.85rem}.recipe-programmatic .rail-button:hover{background:#ffffff1f}.recipe-programmatic .rail-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.recipe-programmatic .rail-button-active{outline:2px solid;font-weight:700}.recipe-forms,.recipe-forms *,.recipe-forms :before,.recipe-forms :after{box-sizing:border-box}.recipe-forms{--ink:#f3efe8;--muted:#9c988e;--accent:#e8c07a;--control-bg:#ffffff0f;--control-border:#ffffff29;color:var(--ink);background:#121218;border-radius:16px;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 1.5rem;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:flex;overflow-x:clip}.recipe-forms .stage{padding:1.5rem 1.5rem 1.5rem 5.5rem}@media (width<=520px){.recipe-forms{padding:2rem 1rem}.recipe-forms .stage{padding:1rem 1rem 1rem 5.5rem}}.recipe-forms .card{color:var(--ink);cursor:grab;background:#1c1c26;border:1px solid #ffffff24;border-radius:16px;flex-direction:column;gap:.5rem;padding:1rem;display:flex;box-shadow:0 24px 48px -16px #0009,0 2px 6px #00000059}.recipe-forms .card:active{cursor:grabbing}.recipe-forms .card:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:16px}.recipe-forms .card-title{font-size:1rem}.recipe-forms .card-label{color:var(--muted);font-size:.8rem}.recipe-forms .card-input{color:var(--ink);font:inherit;background:#ffffff0a;border:1px solid #ffffff3d;border-radius:8px;padding:.5rem}.recipe-forms .card-input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.recipe-forms .controls{align-items:center;gap:1.25rem;display:flex}.recipe-forms .control{border:1px solid var(--control-border);background:var(--control-bg);min-width:44px;min-height:44px;color:var(--ink);cursor:pointer;border-radius:999px;place-items:center;font-size:1.25rem;line-height:1;display:grid}.recipe-forms .control:hover{background:#ffffff1f}.recipe-forms .control:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.recipe-forms .readout{text-align:center;min-width:4.5rem;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.05em}