:root{color-scheme:light;--green-900: #0f3d24;--green-800: #14532d;--green-700: #166534;--green-600: #1a7f4e;--green-500: #22a06b;--green-300: #6ee7a8;--green-100: #d7f5e3;--tomato: #d9482f;--tomato-soft: #fbe6e1;--amber: #c2831a;--paper: #fbfaf5;--surface: #ffffff;--surface-2: #f4f4ee;--line: #e3e2d8;--line-strong: #cdccbf;--ink: #1c2119;--ink-2: #4a5348;--ink-3: #737c70;--brand: var(--green-700);--brand-ink: #ffffff;--accent: var(--green-700);--accent-2: var(--green-600);--focus: #2563eb;--radius-sm: 15px;--radius: 22px;--radius-lg: 28px;--border-w: 2px;--shadow-sm: 0 2px 0 var(--line-strong);--shadow: 0 4px 0 var(--line-strong);--shadow-lg: 0 6px 0 var(--line-strong);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: "Bricolage Grotesque", ui-sans-serif, system-ui, -apple-system, sans-serif;--page: 1080px;--gutter: 20px}:root[data-theme=dark]{color-scheme:dark;--paper: #0e150f;--surface: #151d16;--surface-2: #1c261d;--line: #2a362b;--line-strong: #3a4a3b;--ink: #e9efe7;--ink-2: #b3c0b1;--ink-3: #869285;--green-100: #16301f;--green-300: #4ec98c;--brand: var(--green-500);--brand-ink: #06170e;--accent: var(--green-300);--accent-2: var(--green-300);--tomato: #f0705a;--tomato-soft: #35201c;--amber: #e0ad4d;--focus: #7aa7ff;--shadow-sm: 0 2px 0 var(--line-strong);--shadow: 0 4px 0 var(--line-strong);--shadow-lg: 0 6px 0 var(--line-strong)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);font-size:16px;line-height:1.55;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}h1,h2,h3,h4{margin:0;line-height:1.15;font-weight:800;letter-spacing:-.03em}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}a{color:var(--accent);text-decoration-color:color-mix(in srgb,var(--accent) 35%,transparent);text-underline-offset:2px}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.skip-link{position:absolute;left:8px;top:-60px;z-index:100;background:var(--brand);color:var(--brand-ink);padding:10px 16px;border-radius:var(--radius-sm);font-weight:600;transition:top .12s ease}.skip-link:focus{top:8px}.shell{min-height:100dvh;display:flex;flex-direction:column}.page{width:100%;max-width:var(--page);margin:0 auto;padding:0 var(--gutter)}.main{flex:1;padding-bottom:72px}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:34px 0 14px}.section-head h2{font-size:1.32rem}.section-head .muted{font-size:.9rem}.muted{color:var(--ink-2)}.dim{color:var(--ink-3)}.tiny{font-size:.8rem}.small{font-size:.88rem}.center{text-align:center}.masthead{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--line)}.masthead-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:inherit;font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;flex:none}.brand-mark{width:30px;height:30px;border-radius:999px;flex:none;background:linear-gradient(150deg,var(--green-600),var(--green-800));display:grid;place-items:center;color:#fff;font-size:16px}.brand-text{font-size:1.02rem;white-space:nowrap}.brand-text span{color:var(--ink-3);font-weight:600}.masthead-end{display:flex;align-items:center;gap:8px;min-width:0}.theme-toggle{flex:none;display:grid;place-items:center;width:38px;height:38px;padding:0;border:var(--border-w) solid transparent;border-radius:999px;background:transparent;color:var(--ink-2);cursor:pointer;transition:background .12s ease,color .12s ease,border-color .12s ease}.theme-toggle:hover{background:var(--surface-2);border-color:var(--line-strong);color:var(--ink)}.theme-toggle:active{transform:translateY(1px)}.nav{display:flex;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.nav::-webkit-scrollbar{display:none}.nav a{scroll-snap-align:end}.nav .nav-short{display:none}.nav a{padding:8px 12px;border-radius:999px;text-decoration:none;color:var(--ink-2);font-weight:650;font-size:.92rem;white-space:nowrap}.nav a:hover{background:var(--surface-2);color:var(--ink)}.nav a[aria-current=page]{background:var(--green-100);color:var(--accent)}@media(max-width:620px){.brand-text{font-size:.94rem}.masthead-end{gap:4px}.theme-toggle{width:34px;height:34px}.nav a{padding:8px 9px;font-size:.88rem}.nav a[data-phone=hide],.nav .nav-long{display:none}.nav .nav-short{display:inline}}@media(max-width:460px){.brand-text{display:none}}.btn{--btn-bg: var(--surface);--btn-ink: var(--ink);--btn-line: var(--line-strong);display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border:var(--border-w) solid var(--btn-line);border-radius:999px;background:var(--btn-bg);color:var(--btn-ink);font-weight:700;font-size:.95rem;text-decoration:none;cursor:pointer;transition:transform 80ms ease,background .12s ease,border-color .12s ease}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(2px)}.btn-primary:active{box-shadow:0 1px 0 var(--green-900)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.btn[aria-disabled=true]:hover{background:var(--btn-bg)}.btn[aria-disabled=true]:active{transform:none}.btn-primary{--btn-bg: var(--brand);--btn-ink: var(--brand-ink);--btn-line: transparent;box-shadow:0 3px 0 var(--green-900)}.btn-primary:hover{background:color-mix(in srgb,var(--brand) 88%,black)}.btn-ghost{--btn-bg: transparent;--btn-line: transparent;color:var(--ink-2)}.btn-ghost:hover{background:var(--surface-2);color:var(--ink)}.btn-lg{min-height:52px;padding:12px 26px;font-size:1.02rem}.btn-block{width:100%}.btn-danger{color:var(--tomato)}.chip{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:6px 14px;border:var(--border-w) solid var(--line-strong);border-radius:999px;background:var(--surface);color:var(--ink-2);font-size:.88rem;font-weight:650;cursor:pointer;white-space:nowrap;transition:background .11s ease,border-color .11s ease,color .11s ease}.chip:hover{border-color:var(--green-500);color:var(--ink)}.chip[aria-pressed=true],.chip.on{background:var(--green-100);border-color:var(--green-500);color:var(--accent)}.chip .count{color:var(--ink-3);font-weight:500;font-variant-numeric:tabular-nums}.chip-x{font-size:1.05rem;line-height:1;opacity:.7}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:.74rem;font-weight:800;letter-spacing:.03em;color:var(--ink-2);text-transform:none;white-space:nowrap}.tag-diet{background:var(--green-100);border-color:color-mix(in srgb,var(--green-500) 40%,transparent);color:var(--accent)}.tag-premium{background:color-mix(in srgb,var(--amber) 16%,transparent);border-color:color-mix(in srgb,var(--amber) 45%,transparent);color:var(--amber)}.tag-spice{background:var(--tomato-soft);border-color:color-mix(in srgb,var(--tomato) 40%,transparent);color:var(--tomato)}.tag-wrap{background:color-mix(in srgb,var(--focus) 12%,transparent);border-color:color-mix(in srgb,var(--focus) 35%,transparent);color:var(--focus)}.card{background:var(--surface);border:var(--border-w) solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:20px}.recipe-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(268px,1fr))}.recipe-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:20px 20px 18px;background:var(--surface);border:var(--border-w) solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}.recipe-card:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--line-strong);border-color:var(--line-strong)}.recipe-card h3{font-family:var(--font-display);font-size:1.24rem;font-weight:800;letter-spacing:-.03em;padding-right:34px}.recipe-card .tagline{color:var(--ink-2);font-size:.9rem}.recipe-card .meta{margin-top:auto;padding-top:6px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.recipe-card .cuisine{font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--green-600)}.fav-btn{position:absolute;top:10px;right:10px;width:36px;height:36px;display:grid;place-items:center;border-radius:999px;border:1px solid transparent;background:transparent;cursor:pointer;font-size:17px;line-height:1;color:var(--ink-3)}.fav-btn:hover{background:var(--surface-2)}.fav-btn[aria-pressed=true]{color:var(--tomato)}.match-bar{display:flex;align-items:center;gap:8px;margin-top:4px}.match-meter{flex:1;height:5px;border-radius:999px;background:var(--surface-2);overflow:hidden}.match-meter i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green-500),var(--green-700))}.match-label{font-size:.76rem;font-weight:650;color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap}.hero{padding:40px 0 8px}.hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(2.1rem,6.4vw,3.3rem);letter-spacing:-.04em;max-width:15ch}.hero h1 em{font-style:normal;color:var(--green-600)}.hero .lede{margin-top:14px;font-size:clamp(1rem,2.6vw,1.15rem);color:var(--ink-2);max-width:54ch}.home-actions{margin-top:30px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.home-action{display:flex;flex-direction:column;gap:10px;padding:26px 24px 20px;min-height:216px;text-decoration:none;color:inherit;border:var(--border-w) solid var(--line-strong);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);transition:transform 80ms ease,box-shadow .12s ease,border-color .12s ease}.home-action:hover{border-color:var(--green-500);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.home-action:active{transform:translateY(2px);box-shadow:var(--shadow-sm)}.home-action .mark{font-size:2.1rem;line-height:1}.home-action .body{display:flex;flex-direction:column;gap:5px;min-width:0}.home-action b{font-family:var(--font-display);font-size:1.32rem;font-weight:800;letter-spacing:-.03em}.home-action .blurb{font-size:.92rem;color:var(--ink-2)}.home-action .go{margin-top:auto;text-align:right;font-size:1.3rem;font-weight:800;color:var(--accent-2)}.home-action-wide{grid-column:1 / -1;flex-direction:row;align-items:center;gap:15px;min-height:0;padding:18px 22px}.home-action-wide .mark{font-size:1.7rem;flex:none}.home-action-wide .go{margin-top:0;margin-left:auto;flex:none}@media(max-width:780px){.home-actions{grid-template-columns:1fr;gap:12px}.home-action{flex-direction:row;align-items:center;gap:15px;min-height:0;padding:20px 22px}.home-action .mark{font-size:1.8rem;flex:none}.home-action .go{margin-top:0;margin-left:auto;flex:none}}@media(max-width:420px){.home-action{padding:18px;gap:13px}.home-action b{font-size:1.16rem}}.picker{display:flex;flex-direction:column;gap:14px}.picker-search{position:relative}.picker-search input{width:100%;min-height:52px;padding:12px 44px;border:var(--border-w) solid var(--line-strong);border-radius:var(--radius);background:var(--surface);font-size:1rem}.picker-search input::placeholder{color:var(--ink-3)}.picker-search .icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--ink-3);pointer-events:none}.picker-search .clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;cursor:pointer;color:var(--ink-3);width:34px;height:34px;border-radius:999px;font-size:1.1rem}.picker-search .clear:hover{background:var(--surface-2)}.selected-tray{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px;border-radius:var(--radius);background:var(--green-100);border:var(--border-w) solid color-mix(in srgb,var(--green-500) 30%,transparent)}.station-group{display:flex;flex-direction:column;gap:8px}.station-group h4{font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);font-weight:800}.chip-wrap{display:flex;flex-wrap:wrap;gap:8px}.filter-bar{display:flex;flex-direction:column;gap:12px;margin-bottom:8px}.chip-row{display:flex;align-items:flex-start;gap:8px}.chip-row-items{display:flex;flex-wrap:wrap;gap:8px;flex:1;min-width:0;max-height:38px;overflow:hidden}.chip-row-items.is-open{max-height:none}.chip-expand{flex:none;color:var(--ink-3);border-style:dashed}.chip-expand:hover{color:var(--ink)}.detail-head{padding:26px 0 8px}.detail-head h1{font-family:var(--font-display);font-weight:800;font-size:clamp(1.9rem,5.6vw,2.7rem);letter-spacing:-.035em}.detail-head .tagline{margin-top:10px;font-size:1.08rem;color:var(--ink-2)}.detail-cols{display:grid;gap:18px;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;margin-top:20px}@media(max-width:860px){.detail-cols{grid-template-columns:1fr}}.build-list{display:flex;flex-direction:column;gap:16px}.build-station{display:flex;flex-direction:column;gap:6px}.build-station .station-name{display:flex;align-items:center;gap:8px;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-weight:800}.build-station .station-num{width:20px;height:20px;border-radius:999px;flex:none;background:var(--green-100);color:var(--green-700);display:grid;place-items:center;font-size:.7rem;font-weight:700}.build-item{display:flex;align-items:baseline;gap:8px;padding:3px 0 3px 28px}.build-item .name{font-weight:550}.build-item .note{color:var(--ink-3);font-size:.88rem}.aside-card{position:sticky;top:76px;display:flex;flex-direction:column;gap:14px}.tips{display:flex;flex-direction:column;gap:10px}.tips li{display:flex;gap:10px;align-items:flex-start;font-size:.93rem;color:var(--ink-2)}.tips li:before{content:"→";color:var(--green-600);font-weight:700;flex:none}.source-note{border-left:3px solid var(--line-strong);padding-left:14px;font-size:.9rem;color:var(--ink-2)}.deck-nav{display:flex;align-items:center;gap:10px}.deck-nav .btn{flex:none}.deck-nav-foot{margin-top:28px}.deck-count{flex:1;min-width:0;text-align:center;white-space:nowrap;font-size:.86rem;color:var(--ink-3);font-variant-numeric:tabular-nums}.deck-count b{color:var(--ink);font-weight:800;font-size:1rem}@media(max-width:380px){.deck-nav{flex-wrap:wrap;gap:8px}.deck-count{order:-1;flex:0 0 100%}.deck-nav .btn{flex:1}}.order-shell{padding-bottom:96px}.order-top{position:sticky;top:60px;z-index:30;background:color-mix(in srgb,var(--paper) 92%,transparent);-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line);padding:12px 0}.order-top .inner{display:flex;align-items:center;gap:14px}.order-top h1{font-size:1.05rem;font-weight:650;letter-spacing:-.01em}.order-top .sub{font-size:.8rem;color:var(--ink-3)}.ring{flex:none;width:46px;height:46px;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:5}.ring .track{stroke:var(--line)}.ring .value{stroke:var(--green-500);stroke-linecap:round;transition:stroke-dasharray .26s ease}.ring-wrap{position:relative;display:grid;place-items:center}.ring-wrap span{position:absolute;font-size:.72rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--ink-2)}.order-station{margin-top:16px;border:var(--border-w) solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden;transition:border-color .16s ease,opacity .16s ease}.order-station[data-state=active]{border-color:var(--green-500);box-shadow:var(--shadow)}.order-station[data-state=done]{opacity:.62}.order-station header{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--surface-2);border-bottom:var(--border-w) solid var(--line)}.order-station header .num{width:30px;height:30px;flex:none;border-radius:999px;background:var(--green-700);color:#fff;display:grid;place-items:center;font-weight:700;font-size:.85rem}.order-station[data-state=done] header .num{background:var(--green-500)}.order-station header h2{font-size:1.05rem;font-weight:800;letter-spacing:-.02em}.order-station header .tally{margin-left:auto;font-size:.8rem;font-weight:650;color:var(--ink-3);font-variant-numeric:tabular-nums}.tick{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border:0;border-top:var(--border-w) solid var(--line);background:transparent;text-align:left;cursor:pointer;transition:background .11s ease}.order-station ul>li:first-child .tick{border-top:0}.tick:hover{background:var(--surface-2)}.tick .box{width:30px;height:30px;flex:none;border-radius:999px;border:var(--border-w) solid var(--line-strong);background:var(--surface);display:grid;place-items:center;color:transparent;font-size:16px;font-weight:700;transition:background .12s ease,border-color .12s ease,color .12s ease}.tick[aria-pressed=true] .box{background:var(--green-600);border-color:var(--green-600);color:#fff}.tick .label{display:flex;flex-direction:column;gap:1px;min-width:0}.tick .label b{font-weight:700;font-size:1.02rem}.tick[aria-pressed=true] .label b{text-decoration:line-through;color:var(--ink-3);text-decoration-thickness:1.5px}.tick .label small{color:var(--ink-3);font-size:.84rem}.tick .flags{margin-left:auto;display:flex;gap:6px;flex:none}.order-actions{position:fixed;left:0;right:0;bottom:0;z-index:35;padding:12px var(--gutter) calc(12px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--paper) 94%,transparent);-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-top:1px solid var(--line)}.order-actions .inner{max-width:var(--page);margin:0 auto;display:flex;gap:10px}.order-actions .btn{flex:1}.done-banner{margin-top:18px;padding:20px;border-radius:var(--radius-lg);background:var(--green-100);border:var(--border-w) solid color-mix(in srgb,var(--green-500) 45%,transparent);display:flex;gap:14px;align-items:center}.done-banner .big{font-size:1.8rem}.done-banner b{font-size:1.05rem}.empty{padding:46px 20px;text-align:center;border:var(--border-w) dashed var(--line-strong);border-radius:var(--radius-lg);color:var(--ink-2);background:var(--surface)}.empty h3{font-size:1.1rem;margin-bottom:6px;color:var(--ink)}.loading{padding:80px 20px;display:grid;place-items:center;gap:14px;color:var(--ink-2)}.spinner{width:34px;height:34px;border-radius:999px;border:3px solid var(--line);border-top-color:var(--green-600);animation:spin .72s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}*{scroll-behavior:auto!important}}.notice{padding:12px 16px;border-radius:var(--radius);background:var(--tomato-soft);border:var(--border-w) solid color-mix(in srgb,var(--tomato) 35%,transparent);color:var(--ink);font-size:.9rem}.site-foot{border-top:1px solid var(--line);margin-top:40px;padding:26px 0 40px;color:var(--ink-3);font-size:.85rem}.site-foot .row{gap:16px}.recipe-card .card-link{text-decoration:none;color:inherit}.recipe-card .card-link:after{content:"";position:absolute;inset:0;border-radius:inherit}.recipe-card .source-credit,.recipe-card .fav-btn{position:relative;z-index:2}.source-credit{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;color:var(--ink-2);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--green-600) 40%,transparent);padding-bottom:1px;max-width:100%}.source-credit:hover{color:var(--accent);border-bottom-color:var(--green-600)}.source-credit .label{color:var(--ink-3);flex:none}.source-credit .title{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.source-credit .ext{flex:none;font-size:.72rem;opacity:.75}.source-card{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border-radius:var(--radius);background:var(--green-100);border:var(--border-w) solid color-mix(in srgb,var(--green-500) 35%,transparent)}.source-card .icon{font-size:1.3rem;line-height:1.2;flex:none}.source-card .body{min-width:0;display:flex;flex-direction:column;gap:3px}.source-card .kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--accent)}.source-card a{font-weight:650;font-size:1.02rem;color:var(--ink);text-decoration:underline;text-underline-offset:3px}.source-card a:hover{color:var(--accent)}.source-card .pub{font-size:.86rem;color:var(--ink-2)}.source-card .missing{font-size:.9rem;color:var(--ink-2)}.order-source{margin-top:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px 16px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}