:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-soft:#f4f5f1;--surface:#fff;--ink:#1b2420;--muted:#5d6762;--line:#e3e6e1;--primary:#1d5b42;--primary-hover:#174a35;--primary-ink:#fff;--primary-soft:#e5efe9;--band:#173f30;--band-ink:#f3f1ea;--star:#c27a3d;--star-empty:#d9d6cf;--radius:12px;--shadow:0 1px 2px #1b24200f, 0 4px 14px #1b24200d;--font:"Figtree", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1513;--bg-soft:#141c19;--surface:#18211d;--ink:#e8ece9;--muted:#9ca8a2;--line:#26302c;--primary:#74c69d;--primary-hover:#8dd4af;--primary-ink:#0c1411;--primary-soft:#1d2e27;--band:#1b3a2e;--band-ink:#eef2ef;--star:#e2a676;--star-empty:#3a4540;--shadow:0 1px 2px #0005, 0 6px 18px #0004}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1513;--bg-soft:#141c19;--surface:#18211d;--ink:#e8ece9;--muted:#9ca8a2;--line:#26302c;--primary:#74c69d;--primary-hover:#8dd4af;--primary-ink:#0c1411;--primary-soft:#1d2e27;--band:#1b3a2e;--band-ink:#eef2ef;--star:#e2a676;--star-empty:#3a4540;--shadow:0 1px 2px #0005, 0 6px 18px #0004}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}html,body{overflow-x:clip}body{background:var(--bg);color:var(--ink);font:16px/1.55 var(--font);margin:0}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:800;line-height:1.15}svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.muted{color:var(--muted)}.link{font:inherit;color:var(--primary);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.link:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.btn{font:inherit;cursor:pointer;white-space:nowrap;border:1.5px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:var(--primary-ink)}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn-outline:hover{border-color:var(--primary)}.top{z-index:20;padding:max(10px, env(safe-area-inset-top)) 20px 10px;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--line);align-items:center;gap:22px;display:flex;position:sticky;top:0}.brand{flex:none;align-items:center;gap:9px;text-decoration:none;display:flex}.brand img{border-radius:9px}.brand-text{letter-spacing:-.02em;color:var(--primary);font-size:22px;font-weight:800}.nav{flex:1;gap:4px;min-width:0;display:flex}.nav a,.nav .soon{color:var(--muted);white-space:nowrap;border-radius:999px;padding:7px 12px;font-size:15px;font-weight:600;text-decoration:none}.nav a:hover{color:var(--ink);background:var(--bg-soft)}.nav a[aria-current=page]{color:var(--primary);background:var(--primary-soft)}.nav .soon{opacity:.6}.nav .soon em{border:1px solid;border-radius:6px;margin-left:4px;padding:0 5px;font-size:11px;font-style:normal;font-weight:600}.tools{align-items:center;gap:6px;display:flex}.icon-btn{width:38px;height:38px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;text-decoration:none;display:grid}.icon-btn:hover{background:var(--bg-soft)}.icon-btn .fill{fill:currentColor;stroke:none}.lang{color:var(--muted);border-radius:999px;padding:7px 9px;font-size:13px;font-weight:700;text-decoration:none}.lang:hover{background:var(--bg-soft);color:var(--ink)}.who{cursor:pointer;background:var(--primary);width:34px;height:34px;color:var(--primary-ink);font:inherit;border:0;border-radius:50%;place-items:center;font-size:15px;font-weight:800;text-decoration:none;display:grid}main{max-width:1240px;margin:0 auto;padding:0 20px 64px}.hero{padding:36px 0 18px}.hero h1{margin-bottom:18px;font-size:clamp(30px,5vw,46px)}.search-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search{border:1.5px solid var(--line);background:var(--surface);border-radius:999px;flex:320px;align-items:center;gap:10px;max-width:620px;padding:0 16px;display:flex}.search:focus-within{border-color:var(--primary)}.search svg{color:var(--muted)}.search input{font:inherit;color:var(--ink);background:0 0;border:0;outline:0;flex:1;min-width:0;padding:12px 0}.bubbles{scroll-snap-type:x proximity;scrollbar-width:none;gap:18px;margin:0 -2px;padding:14px 2px 22px;display:flex;overflow-x:auto}.bubbles::-webkit-scrollbar{display:none}.bubble{text-align:center;width:104px;font:inherit;color:var(--ink);cursor:pointer;scroll-snap-align:start;background:0 0;border:0;flex:none;justify-items:center;gap:4px;padding:0;display:grid}.bubble-img{background:var(--bg-soft);border:3px solid #0000;border-radius:50%;width:88px;height:88px;transition:border-color .15s;overflow:hidden}.bubble-img img{object-fit:cover;width:100%;height:100%}.bubble:hover .bubble-img{border-color:var(--line)}.bubble[aria-pressed=true] .bubble-img{border-color:var(--primary)}.bubble-label{font-size:15px;font-weight:700;line-height:1.2}.bubble-count{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:11px;font-weight:600}.shelf{padding:22px 0}.shelf-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px;display:flex}.shelf-head h2{font-size:clamp(22px,3vw,28px)}.shelf-head p{margin:2px 0 0}.see-all{white-space:nowrap}.rail{scroll-snap-type:x proximity;scrollbar-width:none;scroll-behavior:smooth;grid-auto-columns:minmax(230px,270px);grid-auto-flow:column;gap:18px;display:grid;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.shelf-tools{align-items:center;gap:8px;display:flex}.arrow{border:1.5px solid var(--line);background:var(--surface);width:34px;height:34px;color:var(--ink);cursor:pointer;border-radius:50%;font-size:20px;line-height:1}.arrow:hover{border-color:var(--primary);color:var(--primary)}.shelf-band .arrow{border-color:color-mix(in srgb, var(--band-ink) 35%, transparent);color:var(--band-ink);background:0 0}@media (hover:none){.arrow{display:none}}.rail .card{scroll-snap-align:start}.shelf-band{background:var(--band);color:var(--band-ink);margin:18px calc(50% - 50vw);padding:34px calc(50vw - 50%)}.shelf-band .muted{color:color-mix(in srgb, var(--band-ink) 72%, transparent)}.shelf-band .see-all,.shelf-band .card-body,.shelf-band .card h3{color:var(--band-ink)}.shelf-band .card .kicker{color:color-mix(in srgb, var(--band-ink) 75%, transparent)}.all{border-top:1px solid var(--line);margin-top:18px;padding-top:22px}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:28px 20px;display:grid}.empty{text-align:center;padding:40px 0}.card{position:relative}.card-link{color:inherit;text-decoration:none;display:block}.thumb{aspect-ratio:4/3;border-radius:var(--radius);background:var(--bg-soft);overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.card-link:hover .thumb img{transform:scale(1.035)}.card-body{padding:10px 2px 0}.kicker{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0 0 2px;font-size:12px;font-weight:700}.card h3{font-size:18px;font-weight:700}.fav{cursor:pointer;color:#1b2420;background:#ffffffeb;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 1px 4px #0003}.fav:hover{transform:scale(1.06)}.fav.on svg{fill:#1d5b42;stroke:#1d5b42}.stars{color:var(--muted);align-items:center;gap:2px;margin:4px 0 0;font-size:13px;display:inline-flex}.stars span{margin-left:5px}.star{background:var(--star-empty);width:14px;height:14px;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5l2.9 6 6.6.9-4.8 4.6 1.2 6.5L12 17.4l-5.9 3.1 1.2-6.5L2.5 9.4l6.6-.9z'/%3E%3C/svg%3E") 50%/contain no-repeat}.star.full{background:var(--star)}.star.half{background:linear-gradient(90deg, var(--star) 50%, var(--star-empty) 50%)}.stars.big .star{width:20px;height:20px}.back{color:var(--primary);margin:20px 0 14px;font-weight:600;text-decoration:none;display:inline-block}.recipe-top{grid-template-columns:minmax(0,1.25fr) minmax(300px,1fr);align-items:start;gap:28px;display:grid}@media (width<=860px){.recipe-top{grid-template-columns:1fr;gap:18px}}.gallery{scroll-snap-type:x mandatory;border-radius:var(--radius);scrollbar-width:none;gap:10px;display:flex;overflow-x:auto}.gallery::-webkit-scrollbar{display:none}.gallery img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);scroll-snap-align:start;flex:0 0 100%;width:100%}.recipe-head h1{margin:6px 0 10px;font-size:clamp(30px,4.6vw,44px)}.lede{color:var(--muted);margin:0 0 12px;font-size:18px}.tags{flex-wrap:wrap;gap:6px;margin:0;display:flex}.tag{letter-spacing:.06em;text-transform:uppercase;color:var(--primary);background:var(--primary-soft);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;text-decoration:none}.rating{align-items:center;gap:10px;margin:2px 0 14px;display:flex}.facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:10px 22px;margin:0 0 16px;padding:14px 0;font-weight:600;list-style:none;display:flex}.facts li{align-items:center;gap:8px;display:inline-flex}.facts svg{color:var(--primary)}.actions{flex-wrap:wrap;gap:10px;display:flex}.fav-big[aria-pressed=true] svg{fill:currentColor}.awake[aria-pressed=true]{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.rate-me{align-items:center;gap:10px;margin-top:18px;display:flex}.stars-input{gap:2px;display:inline-flex}.star-btn{cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px}.star-btn .star{background:var(--star-empty);width:26px;height:26px}.recipe-body{grid-template-columns:minmax(280px,380px) 1fr;align-items:start;gap:24px;margin-top:36px;display:grid}@media (width<=860px){.recipe-body{grid-template-columns:1fr;margin-top:26px}}.panel{background:var(--bg-soft);border-radius:var(--radius);padding:22px 24px}.ingredients{position:sticky;top:76px}@media (width<=860px){.ingredients{position:static}}.panel h2{font-size:24px}.panel h3{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);margin:20px 0 6px;font-size:13px;font-weight:800}.ing-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.stepper{background:var(--surface);border:1px solid var(--line);border-radius:999px;align-items:center;gap:8px;padding:4px;display:inline-flex}.stepper button{background:var(--primary-soft);width:32px;height:32px;color:var(--primary);cursor:pointer;border:0;border-radius:50%;font-size:20px;font-weight:700;line-height:1}.stepper button:hover{background:var(--primary);color:var(--primary-ink)}.stepper output{text-align:center;font-variant-numeric:tabular-nums;min-width:2ch;font-size:17px;font-weight:800}.stepper .muted{padding-right:2px;font-size:14px}.ingredients ul{margin:0;padding:0;list-style:none}.ingredients li{border-bottom:1px solid var(--line)}.ingredients li:last-child{border-bottom:0}.ingredients label{cursor:pointer;align-items:baseline;gap:12px;padding:9px 0;display:flex}.ingredients input{width:18px;height:18px;accent-color:var(--primary);flex:none;margin:0;transform:translateY(3px)}.ingredients .line{flex:1}.ingredients .qty{font-variant-numeric:tabular-nums;font-weight:800}.ingredients .unit{font-weight:700}.ingredients .note{color:var(--muted);font-size:14px}.ingredients input:checked+.line{opacity:.45;text-decoration:line-through}.scaled-note{margin:12px 0 0;font-size:13px}.steps{background:0 0;padding-top:6px}.steps ol{gap:18px;margin:10px 0 0;padding:0;list-style:none;display:grid}.step{grid-template-columns:36px 1fr;align-items:start;gap:14px;display:grid}.step .n{width:32px;height:32px;color:var(--primary-ink);background:var(--primary);border-radius:50%;place-items:center;font-size:15px;font-weight:800;display:grid}.step p,.tip p{margin:4px 0 0;font-size:17px}.tip{background:var(--primary-soft);border-radius:var(--radius);padding:12px 16px}.tip p{margin:0;font-size:16px}dialog{background:var(--surface);width:calc(100% - 32px);max-width:380px;color:var(--ink);border:0;border-radius:18px;padding:26px;box-shadow:0 20px 60px #0006}dialog::backdrop{background:#0b110e99}dialog h2{font-size:24px}dialog p{margin:6px 0 18px}.people{gap:10px;display:grid}.person{font:inherit;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:12px;padding:10px 14px;font-size:17px;font-weight:700;display:flex}.person:hover,.person.is-me{border-color:var(--primary)}.avatar{background:var(--primary);width:36px;height:36px;color:var(--primary-ink);border-radius:50%;place-items:center;font-weight:800;display:grid}.close{margin-top:14px}@media (width<=900px){.top{flex-wrap:wrap;gap:6px 10px;padding-left:14px;padding-right:10px}.nav{scrollbar-width:none;flex:1 0 100%;order:3;margin:0 -4px;overflow-x:auto}.nav::-webkit-scrollbar{display:none}.tools{margin-left:auto}}@media (width<=640px){.top{position:static}main{padding:0 16px 48px}.hero{padding-top:22px}.search-row .btn{flex:1 0 100%}.rail{grid-auto-columns:72%}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.card h3{font-size:15px}.fav{width:34px;height:34px;top:8px;right:8px}.fav svg{width:18px;height:18px}.panel{padding:18px}}.btn-small{padding:6px 14px;font-size:14px}.small{font-size:13px}.account{position:relative}.account summary{list-style:none}.account summary::-webkit-details-marker{display:none}.account-menu{z-index:30;background:var(--surface);width:max-content;max-width:280px;color:var(--ink);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:14px 16px;position:absolute;top:calc(100% + 8px);right:0}.account-menu p{overflow-wrap:anywhere;margin:0 0 10px}.account-menu .btn{width:100%}.notice{background:var(--primary-soft);color:var(--ink);border-radius:var(--radius);margin:10px 0 0;padding:10px 14px;font-size:15px}.notice a{color:var(--primary);font-weight:700}.error-page{text-align:center;padding:60px 0}.error-page h1{margin-bottom:14px;font-size:34px}.recipe-nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.recipe-nav .btn svg{width:16px;height:16px}.changed{margin-top:28px}.star-btn.on .star{background:var(--star)}.editor{gap:22px;max-width:980px;padding-bottom:40px;display:grid}.editor h1{font-size:clamp(28px,4vw,38px)}.editor h2{font-size:22px}.editor .back{margin-bottom:0}.field{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.field>span,.field legend{font-size:14px;font-weight:700}.field legend{margin-bottom:8px}.editor input:not([type=file]),.editor textarea{font:inherit;color:var(--ink);background:var(--surface);border:1.5px solid var(--line);border-radius:10px;width:100%;padding:10px 12px}.editor input:focus,.editor textarea:focus{border-color:var(--primary);outline:0}.editor textarea.lines{resize:vertical;font-size:15px;line-height:1.6}.pair{grid-template-columns:1fr 1fr;gap:14px 18px;display:grid}.trio{grid-template-columns:repeat(3,1fr);gap:14px 18px;display:grid}@media (width<=700px){.pair,.trio{grid-template-columns:1fr}}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{font:inherit;border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:14px;font-weight:600}.chip[aria-pressed=true]{background:var(--primary-soft);border-color:var(--primary);color:var(--primary)}.chip[aria-pressed=true] .muted{color:inherit;opacity:.75}.new-tag{gap:8px;max-width:560px;margin-top:10px;display:flex}.new-tag .btn svg{width:16px;height:16px}.parsed{margin-top:8px;font-size:14px}.parsed summary{cursor:pointer;color:var(--primary);font-weight:600}.parsed table{border-collapse:collapse;width:100%;margin-top:8px}.parsed td{border-bottom:1px solid var(--line);vertical-align:top;padding:4px 8px}.parsed .num{text-align:right;white-space:nowrap;font-weight:800}.photos{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}.photos figure{margin:0}.photos img{aspect-ratio:4/3;object-fit:cover;background:var(--bg-soft);border-radius:10px;width:100%}.photos figcaption{justify-content:space-between;gap:8px;margin-top:6px;font-size:14px;display:flex}.badge{letter-spacing:.06em;text-transform:uppercase;color:var(--primary);background:var(--primary-soft);border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.add-photo{aspect-ratio:4/3;border:2px dashed var(--line);cursor:pointer;color:var(--muted);text-align:center;border-radius:10px;place-content:center;justify-items:center;gap:6px;font-size:14px;font-weight:600;display:grid}.add-photo:hover{border-color:var(--primary);color:var(--primary)}.add-photo input{opacity:0;width:1px;height:1px;position:absolute}.add-photo:focus-within{outline:2px solid var(--primary);outline-offset:2px}.danger{color:#b3261e}:root[data-theme=dark] .danger{color:#f2b8b5}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .danger{color:#f2b8b5}}.btn.danger:hover{border-color:currentColor}.btn:disabled{opacity:.6;cursor:progress}.editor-actions{flex-wrap:wrap;gap:10px;display:flex}.editor-actions .danger{margin-left:auto}.editor-actions svg{width:16px;height:16px}.notice.error{background:color-mix(in srgb, #b3261e 12%, var(--bg))}