:root{--bg:#f7f0e6;--bg-elevated:#fffaf3;--ink:#2c2118;--ink-muted:#6b5748;--accent:#b85c38;--accent-dark:#8f4528;--accent-soft:#f3d9c8;--tag-bg:#efe0d0;--border:#e5d4c2;--tip:#eef5e6;--tip-border:#b7c9a0;--note:#fff3d6;--note-border:#e0c77a;--shadow:0 8px 24px #4a301c14;--radius:16px;--font-display:"Fraunces", Georgia, serif;--font-body:"Source Sans 3", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;font-family:var(--font-body);color:var(--ink);background:radial-gradient(ellipse at top, #fff8ef 0%, transparent 55%), linear-gradient(180deg, #faf3ea 0%, var(--bg) 40%, #f0e4d4 100%);background-attachment:fixed;margin:0;font-size:18px;line-height:1.5}#root{min-height:100dvh}.app-shell{max-width:720px;margin:0 auto;padding:1.25rem 1rem 3rem}.page{flex-direction:column;gap:1.25rem;display:flex}.hero{padding:.5rem .25rem .25rem}.hero__eyebrow{letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.95rem;font-weight:600}.hero__title{font-family:var(--font-display);color:var(--ink);margin:.2rem 0;font-size:clamp(2.2rem,8vw,3rem);font-weight:700;line-height:1.1}.hero__subtitle{color:var(--ink-muted);margin:.35rem 0 0;font-size:1.05rem}.search-bar input{border:2px solid var(--border);background:var(--bg-elevated);width:100%;font:inherit;color:var(--ink);box-shadow:var(--shadow);border-radius:999px;outline:none;padding:.95rem 1.1rem;transition:border-color .15s,box-shadow .15s}.search-bar input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.tag-filter{flex-wrap:wrap;gap:.5rem;display:flex}.tag-chip{appearance:none;border:2px solid var(--border);background:var(--bg-elevated);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;min-height:44px;padding:.55rem .9rem;font-size:.95rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.tag-chip.is-active,.tag-chip:hover{background:var(--accent);border-color:var(--accent);color:#fff}.recipe-grid{gap:1rem;display:grid}.recipe-groups{flex-direction:column;gap:1.75rem;display:flex}.recipe-section{flex-direction:column;gap:.85rem;display:flex}.recipe-section__title{font-family:var(--font-display);color:var(--ink);letter-spacing:.01em;border-bottom:2px solid var(--accent-soft);margin:0;padding-bottom:.45rem;font-size:1.55rem;font-weight:700}.recipe-subsection{flex-direction:column;gap:.65rem;margin-top:.35rem;display:flex}.recipe-subsection__title{font-family:var(--font-display);color:var(--accent-dark);margin:0;font-size:1.15rem;font-weight:600}.recipe-card{color:inherit;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.3rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:block}.recipe-card:hover,.recipe-card:focus-visible{outline:none;transform:translateY(-2px);box-shadow:0 12px 28px #4a301c1f}.recipe-card__title{font-family:var(--font-display);margin:0 0 .65rem;font-size:1.45rem;line-height:1.2}.recipe-card__tags{flex-wrap:wrap;gap:.4rem;display:flex}.tag{background:var(--tag-bg);color:var(--ink-muted);border-radius:999px;padding:.28rem .65rem;font-size:.82rem;font-weight:600;display:inline-block}.recipe-card__cta{color:var(--accent);margin-top:.85rem;font-size:.95rem;font-weight:700;display:inline-block}.empty-state{text-align:center;color:var(--ink-muted);background:var(--bg-elevated);border-radius:var(--radius);border:1px dashed var(--border);margin:1rem 0;padding:1.5rem}.back-link{min-height:44px;color:var(--accent-dark);align-items:center;width:fit-content;font-weight:700;text-decoration:none;display:inline-flex}.back-link:hover{text-decoration:underline}.detail-hero{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.detail-hero h1{font-family:var(--font-display);margin:0;font-size:clamp(1.9rem,7vw,2.5rem);line-height:1.15}.detail-source{color:var(--ink-muted);margin:0;font-size:.98rem}.btn-primary{background:var(--accent);color:#fff;min-height:48px;font:inherit;border:none;border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1.25rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 14px #b85c3859}.btn-primary:hover{background:var(--accent-dark)}.btn-text{appearance:none;color:var(--accent-dark);font:inherit;cursor:pointer;background:0 0;border:none;min-height:44px;padding:.25rem .4rem;font-size:.95rem;font-weight:700}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.2rem 1.25rem 1.35rem}.panel h2{font-family:var(--font-display);margin:0;font-size:1.35rem}.panel__header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.panel__hint{color:var(--ink-muted);margin:.4rem 0 .9rem;font-size:.95rem}.panel--tip{background:var(--tip);border-color:var(--tip-border)}.panel--note{background:var(--note);border-color:var(--note-border)}.panel--tip p,.panel--note p{margin:.6rem 0 0}.ingredient-section+.ingredient-section{margin-top:1rem}.ingredient-section__title{color:var(--accent-dark);margin:0 0 .45rem;font-size:1.05rem}.ingredient-list{flex-direction:column;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.ingredient-item{cursor:pointer;border-radius:12px;align-items:flex-start;gap:.75rem;min-height:48px;padding:.7rem .75rem;transition:background .12s;display:flex}.ingredient-item:hover{background:#f5ebe0}.ingredient-item input{width:1.35rem;height:1.35rem;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin-top:.15rem}.ingredient-item.is-checked span{color:var(--ink-muted);text-decoration:line-through}.steps-list{counter-reset:none;flex-direction:column;gap:.85rem;margin:1rem 0 0;padding:0;list-style:none;display:flex}.steps-list li{grid-template-columns:auto 1fr;align-items:start;gap:.85rem;display:grid}.step-num{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.95rem;font-weight:700;display:inline-flex}.step-text{padding-top:.15rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=640px){.app-shell{padding:2rem 1.5rem 4rem}}.wildcard{background:linear-gradient(145deg, #fff6ea 0%, var(--bg-elevated) 45%, #f8e8d8 100%);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.35rem 1.3rem 1.45rem}.wildcard__header{margin-bottom:1rem}.wildcard__eyebrow{letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.9rem;font-weight:600}.wildcard__title{font-family:var(--font-display);color:var(--ink);margin:.15rem 0 0;font-size:1.65rem;line-height:1.15}.wildcard__subtitle{color:var(--ink-muted);margin:.4rem 0 0;font-size:1rem}.wildcard__spin{appearance:none;background:var(--accent);color:#fff;width:100%;min-height:52px;font:inherit;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:.85rem 1.35rem;font-size:1.1rem;font-weight:700;transition:background .15s,transform .12s;display:inline-flex;box-shadow:0 4px 14px #b85c3859}.wildcard__spin:hover{background:var(--accent-dark)}.wildcard__spin:active{transform:scale(.98)}.wildcard__spin--again{color:var(--accent-dark);border:2px solid var(--accent);box-shadow:none;background:0 0;margin-top:1.1rem}.wildcard__spin--again:hover{background:var(--accent-soft);color:var(--accent-dark)}.wildcard__result{flex-direction:column;gap:.55rem;padding-top:.15rem;display:flex}.wildcard__name{font-family:var(--font-display);margin:0;font-size:1.4rem;line-height:1.2}.wildcard__blurb{color:var(--ink);margin:0;font-size:1.02rem}.wildcard__because{background:var(--note);border:1px solid var(--note-border);color:var(--ink-muted);border-radius:12px;margin:0;padding:.55rem .75rem;font-size:.95rem;font-style:italic}.wildcard__tags{flex-wrap:wrap;gap:.4rem;margin-top:.15rem;display:flex}.wildcard__pairs{color:var(--ink-muted);margin:.15rem 0 0;font-size:.95rem}.wildcard__pairs-label{color:var(--accent-dark);font-weight:700}.rater-toggle{background:var(--bg-elevated);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:999px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem 1rem;margin-bottom:.35rem;padding:.75rem 1rem;display:flex}.rater-toggle__label{color:var(--ink-muted);font-size:.95rem;font-weight:700}.rater-toggle__buttons{gap:.4rem;display:flex}.rater-toggle__btn{appearance:none;border:2px solid var(--border);color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:999px;min-width:5.5rem;min-height:44px;padding:.5rem 1rem;font-size:.95rem;font-weight:700;transition:background .15s,border-color .15s,color .15s}.rater-toggle__btn.is-active,.rater-toggle__btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.panel--scores{background:linear-gradient(160deg, #fff8ef 0%, var(--bg-elevated) 55%, #f6e9dc 100%)}.scores-note{margin-bottom:1rem}.scores-list{flex-direction:column;gap:.85rem;display:flex}.score-row{border:1px solid var(--border);background:#fffaf3d9;border-radius:14px;grid-template-columns:1fr;gap:.35rem;padding:.85rem .9rem;display:grid}.score-row.is-active-rater{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:#fff}.score-row__meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.score-row__name{font-family:var(--font-display);color:var(--ink);font-size:1.15rem;font-weight:700}.score-row__badge{letter-spacing:.03em;text-transform:uppercase;color:var(--accent-dark);background:var(--accent-soft);border-radius:999px;padding:.2rem .55rem;font-size:.75rem;font-weight:700}.score-row__value{color:var(--ink-muted);font-size:.95rem;font-weight:600}.star-row{flex-wrap:wrap;align-items:center;gap:.2rem;display:flex}.star{width:2.35rem;height:2.35rem;color:var(--border);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:1.65rem;line-height:1;display:inline-flex}.star.is-filled{color:#d4a017}.star--btn{appearance:none;cursor:pointer;background:0 0;border:none;border-radius:10px;min-width:44px;min-height:44px;padding:0;transition:transform .1s,background .12s}.star--btn:hover{background:var(--accent-soft);transform:scale(1.08)}.star--btn:active{transform:scale(.96)}.star-row--active .star--btn{color:#c4a882}.star-row--active .star--btn.is-filled{color:#d4a017}.scores-average{background:var(--note);border:1px solid var(--note-border);color:var(--ink);border-radius:12px;margin:1rem 0 0;padding:.65rem .85rem;font-size:1.05rem}.scores-average strong{font-family:var(--font-display);color:var(--accent-dark);font-size:1.25rem}.recipe-card__top{justify-content:space-between;align-items:flex-start;gap:.65rem;margin-bottom:.65rem;display:flex}.recipe-card__top .recipe-card__title{flex:1;min-width:0;margin:0}.recipe-card__score{background:var(--note);border:1px solid var(--note-border);color:var(--accent-dark);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:.25rem;margin-top:.15rem;padding:.28rem .55rem;font-size:.82rem;font-weight:700;display:inline-flex}.recipe-card__score-stars{color:#d4a017;font-size:.9rem}