:root{--bg:#f6f0e4;--surface:#fffdf8;--surface-2:#efe7d8;--ink:#2a2420;--ink-2:#6e6259;--ink-3:#9c9087;--line:#e4dac9;--accent:#2f5d46;--accent-hover:#27503b;--on-accent:#f6f0e4;--terra:#b9553b;--terra-soft:#f6e3dc;--chip:#ebe2d1;--scrim:#1c150f73;--shadow:0 1px 2px #2a24200d, 0 10px 28px -14px #2a242047;--shadow-lg:0 2px 4px #2a24200f, 0 18px 40px -16px #2a242059;--radius:16px;--radius-sm:10px;--serif:"Fraunces", "Iowan Old Style", "Palatino", Georgia, serif;--sans:-apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#171410;--surface:#201c16;--surface-2:#2a251e;--ink:#f1e9db;--ink-2:#b3a698;--ink-3:#7e7369;--line:#342e26;--accent:#8dc3a5;--accent-hover:#a3d2b8;--on-accent:#171410;--terra:#e3906f;--terra-soft:#3a2a23;--chip:#2b261f;--scrim:#0009;--shadow:0 1px 2px #0000004d, 0 10px 28px -14px #0009;--shadow-lg:0 2px 4px #0000004d, 0 18px 40px -16px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#171410;--surface:#201c16;--surface-2:#2a251e;--ink:#f1e9db;--ink-2:#b3a698;--ink-3:#7e7369;--line:#342e26;--accent:#8dc3a5;--accent-hover:#a3d2b8;--on-accent:#171410;--terra:#e3906f;--terra-soft:#3a2a23;--chip:#2b261f;--scrim:#0009;--shadow:0 1px 2px #0000004d, 0 10px 28px -14px #0009;--shadow-lg:0 2px 4px #0000004d, 0 18px 40px -16px #000000b3;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg)}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;min-height:100dvh;margin:0;font-size:16px;line-height:1.5;overflow-x:hidden}h1,h2,h3{font-family:var(--serif);letter-spacing:-.012em;margin:0;font-weight:500}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}input,textarea,select{font:inherit;color:inherit}img{max-width:100%;display:block}::selection{background:color-mix(in srgb, var(--accent) 25%, transparent)}.container{width:100%;max-width:1120px;padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));margin:0 auto}.muted{color:var(--ink-2)}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.btn{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 18px;font-size:.95rem;font-weight:600;transition:background .15s,transform .1s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;pointer-events:none}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface);border-color:var(--line)}.btn-secondary:hover{background:var(--chip)}.btn-ghost{color:var(--ink-2)}.btn-ghost:hover{background:var(--chip)}.btn-danger{color:var(--terra)}.btn-danger:hover{background:var(--terra-soft)}.btn-danger-solid{background:var(--terra);color:#fff}.confirm-inline{flex-wrap:wrap;align-items:center;gap:8px;animation:.15s fade-in;display:inline-flex}.confirm-q{color:var(--terra);font-size:.9rem;font-weight:600}.btn-toggle.on{background:var(--terra-soft);color:var(--terra);border-color:#0000}.btn-sm{height:36px;padding:0 14px;font-size:.875rem}.icon-btn{width:40px;height:40px;color:var(--ink);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--chip)}.icon-btn svg,.btn svg{flex:none;width:20px;height:20px}.chip{background:var(--chip);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;height:34px;padding:0 13px;font-size:.85rem;font-weight:500;transition:background .15s;display:inline-flex}.chip:hover{background:color-mix(in srgb, var(--chip) 70%, var(--ink-3))}.chip.active{background:var(--accent);color:var(--on-accent)}.chip .count{opacity:.6;font-size:.75rem}.chip svg{opacity:.7;width:14px;height:14px}.tag{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:color-mix(in srgb, var(--accent) 11%, transparent);border-radius:999px;padding:3px 9px;font-size:.68rem;font-weight:700;display:inline-block}.topbar{z-index:5;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding-top:env(safe-area-inset-top);position:sticky;top:0}.topbar-inner{align-items:center;gap:6px;height:54px;display:flex}.topbar-title{min-width:0;font-family:var(--serif);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:1.05rem;font-style:italic;overflow:hidden}.saving{color:var(--ink-2);align-items:center;gap:6px;padding:0 8px;font-size:.8rem;display:inline-flex}.saving:before{content:"";background:var(--terra);border-radius:999px;width:8px;height:8px;animation:1s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.3}}.masthead{padding:calc(26px + env(safe-area-inset-top)) 0 10px;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.masthead h1{text-wrap:balance;max-width:15ch;font-size:clamp(2.05rem,7.2vw,3.6rem);font-style:italic;font-weight:400;line-height:1.02}.masthead .sub{color:var(--ink-2);margin-top:10px;font-size:.95rem}.masthead-actions{flex:none;align-items:center;gap:8px;display:none}.masthead-mobile{flex:none;gap:4px;margin:-4px -8px 0 0;display:flex}.masthead-actions{margin-top:6px}@media (width>=900px){.masthead-actions{display:flex}.masthead-mobile{display:none}}.toolbar{z-index:5;background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:10px 0 2px;position:sticky;top:0}.search{align-items:center;gap:8px;display:flex}.search-input{background:var(--surface);border:1px solid var(--line);border-radius:999px;flex:1;align-items:center;gap:8px;min-width:0;height:46px;padding:0 10px 0 14px;transition:box-shadow .15s,border-color .15s;display:flex}.search-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}.search-input svg{width:18px;height:18px;color:var(--ink-3);flex:none}.search-input input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:16px}.search-input input::placeholder{color:var(--ink-3)}.clear-btn{width:28px;height:28px;color:var(--ink-3);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.clear-btn:hover{background:var(--chip);color:var(--ink)}.select{border:1px solid var(--line);background:var(--surface);appearance:none;text-overflow:ellipsis;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239c9087' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='m6 9 6 6 6-6'/></svg>");background-position:right 12px center;background-repeat:no-repeat;border-radius:999px;outline:none;max-width:44vw;height:46px;padding:0 34px 0 14px;font-size:.9rem;font-weight:500}.tagrow{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;margin:0 -16px;padding:10px 16px 8px;display:flex;overflow-x:auto}.tagrow::-webkit-scrollbar{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:14px 0 110px;display:grid}@media (width>=640px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}@media (width>=960px){.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding-bottom:60px}}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .18s,box-shadow .18s;display:block;overflow:hidden}.card:active{transform:scale(.985)}@media (hover:hover){.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}}.card-photo{aspect-ratio:4/3;background:var(--surface-2);position:relative;overflow:hidden}.card-photo img,.photo-missing{object-fit:cover;width:100%;height:100%}.photo-missing{font-family:var(--serif);color:var(--ink-3);opacity:.55;background:linear-gradient(135deg, var(--surface-2), color-mix(in srgb, var(--surface-2) 60%, var(--chip)));justify-content:center;align-items:center;font-size:3.4rem;font-style:italic;display:flex}.card-body{padding:11px 13px 13px}.card h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.08rem;font-weight:500;line-height:1.22;display:-webkit-box;overflow:hidden}.card .meta{color:var(--ink-2);margin-top:5px;font-size:.78rem}.card .meta.never{color:var(--ink-3);font-style:italic}.card .tags{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.fab{right:max(18px, env(safe-area-inset-right));bottom:calc(22px + env(safe-area-inset-bottom));background:var(--accent);width:58px;height:58px;color:var(--on-accent);box-shadow:0 12px 26px -8px color-mix(in srgb, var(--accent) 70%, transparent);z-index:6;border-radius:999px;justify-content:center;align-items:center;transition:transform .12s;display:flex;position:fixed}.fab:active{transform:scale(.94)}.fab svg{width:26px;height:26px}@media (width>=900px){.fab{display:none}}.empty{text-align:center;color:var(--ink-2);grid-column:1/-1;padding:56px 16px}.empty h2{color:var(--ink);margin-bottom:8px;font-size:1.7rem;font-style:italic;font-weight:400}.empty .btn{margin-top:18px}.notice{background:var(--terra-soft);color:var(--terra);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;margin:10px 0;padding:12px 14px;font-size:.92rem;display:flex}.notice a{white-space:nowrap;font-weight:700;text-decoration:underline}.tag.more{color:var(--ink-3);background:var(--chip)}.tabs{border-bottom:1px solid var(--line);gap:2px;margin-bottom:10px;display:flex}.tabs button{font-family:var(--serif);color:var(--ink-3);border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;margin-right:18px;padding:8px 2px 10px;font-size:1.15rem;transition:color .15s;display:inline-flex}.tabs button.on{color:var(--ink);border-bottom-color:var(--terra)}.tabs .count{font-family:var(--sans);background:var(--terra-soft);color:var(--terra);border-radius:999px;padding:2px 7px;font-size:.72rem;font-weight:700}.elsewhere{text-align:center;color:var(--accent);text-underline-offset:3px;grid-column:1/-1;padding:8px;font-weight:600;text-decoration:underline}.badge-want{color:var(--terra);background:var(--terra-soft);border-radius:999px;align-items:center;gap:6px;margin-top:10px;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.check-row{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.check-row input{width:20px;height:20px;accent-color:var(--accent);flex:none;margin:2px 0 0}.check-row b{font-weight:600;display:block}.check-row small{color:var(--ink-2);font-size:.85rem}.hero{background:var(--surface-2);margin:0 -16px;overflow:hidden}.gallery{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.gallery::-webkit-scrollbar{display:none}.gallery>div{scroll-snap-align:start;aspect-ratio:4/3;flex:0 0 100%;max-height:64vh}.gallery img{object-fit:cover;width:100%;height:100%}.gallery-dots{justify-content:center;gap:6px;padding:10px 0 0;display:flex}.gallery-dots span{background:var(--ink-3);opacity:.4;border-radius:999px;width:6px;height:6px}.gallery-dots span.on{opacity:1;background:var(--terra)}@media (width>=700px){.hero{border-radius:var(--radius);margin:12px 0 0}.gallery>div{aspect-ratio:16/9}}.recipe-head{padding:22px 0 6px}.recipe-head .tags{flex-wrap:wrap;gap:5px;margin-bottom:10px;display:flex}.recipe-head h1{text-wrap:balance;font-size:clamp(2rem,5.2vw,3rem);font-weight:500;line-height:1.06}.recipe-head .desc{color:var(--ink-2);white-space:pre-wrap;max-width:62ch;margin-top:12px;font-size:1.05rem}.stat{font-family:var(--serif);color:var(--ink-2);margin-top:10px;font-size:1.05rem;font-style:italic}.stat b{color:var(--ink);font-weight:600}.actions{flex-wrap:wrap;gap:8px;padding:16px 0 10px;display:flex}.cols{gap:30px;padding:10px 0 90px;display:grid}@media (width>=800px){.cols{grid-template-columns:minmax(250px,1fr) 2fr;gap:56px}.cols>aside{align-self:start;position:sticky;top:72px}}.section-title{font-family:var(--sans);text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);margin:0 0 10px;font-size:.72rem;font-weight:700}.section+.section{margin-top:30px}.ingredients{margin:0;padding:0;list-style:none}.ingredients li{border-bottom:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:12px;padding:10px 0;transition:color .15s;display:flex}.ingredients .box{border:1.5px solid var(--ink-3);width:20px;height:20px;color:var(--on-accent);border-radius:6px;flex:none;justify-content:center;align-items:center;margin-top:3px;transition:background .15s,border-color .15s;display:inline-flex}.ingredients .box svg{opacity:0;width:13px;height:13px}.ingredients li.done{color:var(--ink-3);text-decoration:line-through}.ingredients li.done .box{background:var(--accent);border-color:var(--accent)}.ingredients li.done .box svg{opacity:1}.steps{counter-reset:step;margin:0;padding:0;list-style:none}.steps li{white-space:pre-wrap;grid-template-columns:34px 1fr;gap:12px;padding:12px 0;font-size:1.06rem;line-height:1.58;display:grid}.steps li:before{counter-increment:step;content:counter(step);font-family:var(--serif);color:var(--terra);font-size:1.55rem;font-style:italic;line-height:1.15}.prose{white-space:pre-wrap;font-size:1.02rem;line-height:1.6}.notes{white-space:pre-wrap;background:var(--surface-2);border-radius:var(--radius-sm);line-height:1.6;font-family:var(--serif);padding:16px 18px;font-size:1.05rem}.source{color:var(--accent);text-underline-offset:3px;overflow-wrap:anywhere;align-items:center;gap:6px;font-weight:600;text-decoration:underline;display:inline-flex}.source svg{flex:none;width:16px;height:16px}.cooklog{margin:0;padding:0;list-style:none}.cooklog li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:12px;padding:11px 0;display:flex}.cooklog .entry{text-align:left;border-radius:var(--radius-sm);flex:1;min-width:0;margin:-6px -8px;padding:6px 8px}.cooklog .entry:not(:disabled):hover{background:var(--chip)}.cooklog .when{font-weight:600}.cooklog .ago{color:var(--ink-3);margin-left:8px;font-size:.85rem;font-weight:400}.cooklog .note{color:var(--ink-2);white-space:pre-wrap;margin-top:2px;font-size:.95rem}.cooklog .remove{color:var(--ink-3);border-radius:999px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.cooklog .remove:hover{background:var(--terra-soft);color:var(--terra)}.cooklog .remove svg{width:16px;height:16px}.form{flex-direction:column;gap:22px;max-width:720px;padding:10px 0 130px;display:flex}.field label,.label{text-transform:uppercase;letter-spacing:.14em;color:var(--ink-3);margin-bottom:8px;font-size:.72rem;font-weight:700;display:block}.input,.field textarea{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);appearance:none;outline:none;width:100%;padding:12px 14px;font-size:16px;transition:border-color .15s,box-shadow .15s}.input:focus,.field textarea:focus,.taginput:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent)}.field textarea{resize:vertical;min-height:112px;line-height:1.5;display:block}.field .hint{color:var(--ink-3);margin-top:6px;font-size:.8rem}.title-input{font-family:var(--serif);padding:10px 14px;font-size:1.75rem;font-weight:500;line-height:1.2}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:10px;display:grid}.photo-tile{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--surface-2);position:relative;overflow:hidden}.photo-tile img{object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%}.photo-tile{cursor:grab;transition:transform .15s,box-shadow .15s,opacity .15s}.photo-tile.dragging{box-shadow:var(--shadow-lg);opacity:.85;z-index:2;cursor:grabbing;transform:scale(1.06)}.photo-tile .grip{color:#fff;touch-action:none;cursor:grab;background:#140f0a8c;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;bottom:6px;right:6px}.photo-tile .grip svg{width:16px;height:16px}.photo-tile .cover-label{letter-spacing:.08em;text-transform:uppercase;color:#fff;background:#140f0a8c;border-radius:999px;padding:3px 7px;font-size:.65rem;font-weight:700;position:absolute;bottom:6px;left:6px}.photo-tile .remove{color:#fff;background:#140f0a99;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:6px;right:6px}.photo-tile .remove svg{width:14px;height:14px}.field .photo-add{text-transform:none;letter-spacing:0;margin:0;display:flex}.photo-add{aspect-ratio:1;border:1.5px dashed color-mix(in srgb, var(--ink-3) 60%, transparent);border-radius:var(--radius-sm);color:var(--ink-2);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.82rem;font-weight:600;transition:background .15s;display:flex}.photo-add:hover{background:var(--chip)}.photo-add svg{width:22px;height:22px}.photo-add input{display:none}.taginput{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:6px;min-height:48px;padding:7px 10px;transition:border-color .15s,box-shadow .15s;display:flex}.taginput input{background:0 0;border:0;outline:none;flex:1;min-width:120px;padding:4px 2px;font-size:16px}.chip-x{background:color-mix(in srgb, var(--accent) 12%, transparent);height:30px;color:var(--accent);padding:0 6px 0 11px;font-size:.82rem;font-weight:600}.chip-x button{width:20px;height:20px;color:inherit;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.chip-x button:hover{background:color-mix(in srgb, var(--accent) 20%, transparent)}.chip-x button svg{width:12px;height:12px}.suggestions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.suggestions .chip{height:30px;font-size:.8rem}.savebar{padding:12px max(16px, env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);z-index:6;justify-content:flex-end;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}.savebar .btn{flex:1}@media (width>=700px){.savebar .btn{flex:none;min-width:150px}}.toast{left:50%;bottom:calc(92px + env(safe-area-inset-bottom));background:var(--ink);color:var(--bg);z-index:30;box-shadow:var(--shadow-lg);text-align:center;border-radius:999px;max-width:calc(100vw - 32px);padding:11px 18px;font-size:.9rem;font-weight:500;animation:.22s toast-in;position:fixed;transform:translate(-50%)}.toast.err{background:var(--terra);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.scrim{background:var(--scrim);z-index:20;justify-content:center;align-items:flex-end;animation:.18s fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.sheet{background:var(--surface);width:100%;max-width:480px;padding:22px 20px calc(20px + env(safe-area-inset-bottom));box-shadow:var(--shadow-lg);border-radius:22px 22px 0 0;animation:.24s cubic-bezier(.2,.8,.2,1) slide-up}@keyframes slide-up{0%{opacity:0;transform:translateY(24px)}}@media (width>=640px){.scrim{align-items:center;padding:16px}.sheet{border-radius:22px;padding-bottom:20px}}.sheet h2{margin-bottom:4px;font-size:1.55rem}.sheet .sub{color:var(--ink-2);margin-bottom:16px;font-size:.95rem}.sheet .field+.field{margin-top:14px}.sheet .row{gap:10px;margin-top:18px;display:flex}.sheet .row .btn{flex:1}.page-title{padding:18px 0 14px;font-size:2rem}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);max-width:720px;margin-bottom:14px;padding:18px}.panel h2{margin-bottom:4px;font-size:1.35rem}.panel p{color:var(--ink-2);margin:6px 0 12px;font-size:.95rem}.panel ol{color:var(--ink-2);margin:8px 0 0;padding-left:20px;font-size:.95rem}.panel ol li{margin:4px 0}.panel .row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.panel code{background:var(--chip);border-radius:6px;padding:1px 6px;font-size:.88em}.segmented{background:var(--chip);border-radius:999px;padding:3px;display:inline-flex}.segmented button{color:var(--ink-2);border-radius:999px;padding:7px 16px;font-size:.9rem;font-weight:500}.segmented button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.kv{border-bottom:1px solid var(--line);justify-content:space-between;gap:12px;padding:8px 0;font-size:.95rem;display:flex}.kv:last-of-type{border-bottom:0}.kv span:first-child{color:var(--ink-2)}.dot{background:var(--ink-3);border-radius:999px;width:8px;height:8px;margin-right:6px;display:inline-block}.dot.ok{background:#4caf7d}.dot.bad{background:var(--terra)}