:root{--bg:#1c1b1a;--ink:#f0eae0;--ink-soft:#a89e90;--paper:#262422;--line:#3a3733;--card-ink:#fff8ef;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);touch-action:manipulation;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;font-family:Avenir Next,Avenir,Futura,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app{max-width:1080px;padding:0 16px calc(48px + env(safe-area-inset-bottom));margin:0 auto}.header{flex-wrap:wrap;justify-content:space-between;align-items:center;row-gap:10px;padding:20px 4px 12px;display:flex}.wordmark{letter-spacing:-.02em;color:var(--ink);white-space:nowrap;font-size:1.5rem;font-weight:700;text-decoration:none}.notice{color:var(--ink-soft);text-align:center;padding:48px 0}.search{width:100%;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);outline-offset:2px;border-radius:999px;padding:12px 16px;font-size:1rem}.search::placeholder{color:var(--ink-soft)}.chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;margin:14px 0 20px;padding-bottom:2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{font:inherit;color:var(--chip-color);border:2px solid var(--chip-color);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:7px 14px;font-size:.85rem;font-weight:600}.chip.active{color:var(--card-ink);background:var(--chip-color)}.grid-page{margin-bottom:calc(-48px - env(safe-area-inset-bottom))}.stacks{align-items:flex-start;gap:20px;max-width:560px;margin:0 auto;display:flex}.stacks>.stack{flex:1;min-width:0}@media (width>=900px){.stacks{max-width:none}}.stack-more{padding:20px 0 calc(48px + env(safe-area-inset-bottom));font-size:.9rem}.stack{--card-title-size:clamp(1.1rem, 4.4vw, 1.25rem);--card-lap:20px;--card-slim:calc(26px + var(--card-lap) + 2.4 * var(--card-title-size));--card-slice:calc((100dvh - var(--stack-top,260px)) / var(--stack-count,6));flex-direction:column;display:flex}.card{height:max(var(--card-slim), var(--card-slice));padding:20px 22px calc(var(--card-lap) + 10px);background:var(--card-color);color:var(--card-ink);border-radius:26px 26px 0 0;flex:none;text-decoration:none;transition:transform .12s;position:relative;overflow:hidden}.card+.card{margin-top:calc(var(--card-lap) * -1);box-shadow:0 -3px 12px #00000029}.card:hover{transform:translateY(-4px)}.card:last-child{height:auto;min-height:max(var(--card-slim), var(--card-slice));padding-bottom:calc(var(--card-lap) + 10px + env(safe-area-inset-bottom))}.card-title{text-align:center;min-height:2.2em;font-size:var(--card-title-size);letter-spacing:.06em;text-transform:uppercase;justify-content:center;align-items:center;margin:0;font-weight:600;line-height:1.2;display:flex}.card-ingredients{letter-spacing:.02em;text-transform:uppercase;margin:12px 0 0;padding:0;font-family:Georgia,Iowan Old Style,Times New Roman,serif;font-size:1.05rem;font-style:italic;line-height:1.3;list-style:none}.card-steps{margin:14px 0 0;font-size:.95rem;line-height:1.45}.card-category{letter-spacing:.08em;text-transform:uppercase;opacity:.85;margin-top:6px;font-size:.7rem;font-weight:600;display:inline-block}.app.bare{padding-top:1rem;padding-bottom:0}.detail{max-width:560px;min-height:calc(100dvh - 1rem);padding:18px 22px calc(28px + env(safe-area-inset-bottom));background:var(--card-color);color:var(--card-ink);border-radius:26px 26px 0 0;margin:0 auto}.detail .btn.ghost,.detail .scale-btn{color:inherit;border-color:color-mix(in srgb, currentColor 45%, transparent)}.detail .scale-btn.active{background:var(--card-ink);border-color:var(--card-ink);color:var(--card-color)}.detail-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.back{color:inherit;text-decoration:none}.detail-top-actions{align-items:center;gap:8px;display:flex}.share-note{white-space:nowrap;opacity:.75;font-size:.85rem}.detail-head{text-align:center;margin:14px 0 26px}.detail-title{letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:clamp(1.35rem,5.5vw,1.75rem);font-weight:600;line-height:1.2}.detail-summary{opacity:.92;margin:12px 0 0;line-height:1.45}.detail-section{margin-top:22px}.detail-section h3{letter-spacing:.14em;text-transform:uppercase;opacity:.6;margin:0 0 8px;font-size:.72rem;font-weight:700}.ingredients{letter-spacing:.02em;text-transform:uppercase;margin:0;padding:0;font-family:Georgia,Iowan Old Style,Times New Roman,serif;font-size:clamp(1.05rem,4.4vw,1.3rem);font-style:italic;list-style:none}.ingredients li{padding:2px 0;line-height:1.3}.ingredients-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.scale-picker{flex-wrap:wrap;gap:4px;margin-bottom:8px;display:flex}.scale-btn{font:inherit;border:1.5px solid var(--line);color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:600}.servings{opacity:.75;margin:0 0 10px;font-size:.9rem}.instructions{margin:0;padding-left:20px}.instructions li{padding:5px 0 5px 4px;line-height:1.5}.instructions li::marker{opacity:.6;font-weight:700}.notes{white-space:pre-wrap;margin:0;line-height:1.5}.instructions a,.notes a{color:inherit;text-underline-offset:2px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 55%, transparent);text-decoration-color:color-mix(in srgb, currentColor 55%, transparent)}.instructions a:hover,.notes a:hover{text-decoration-color:currentColor}.recipe-link{font-weight:600}.detail-photo{border-radius:16px;width:100%;margin:26px 0 0;display:block}.detail-meta{text-align:center;opacity:.7;margin:26px 0 0;font-size:.85rem}.btn{font:inherit;cursor:pointer;text-align:center;white-space:nowrap;border:none;border-radius:999px;padding:10px 18px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-block}.btn.primary{color:#fff8ef;background:#e85d4c}.btn.ghost{color:var(--ink);border:1.5px solid var(--line);background:0 0}.btn.danger{color:#c0392b;background:0 0;border:1.5px solid #c0392b}.btn.small{padding:6px 12px;font-size:.85rem}.btn:disabled{opacity:.6;cursor:default}.nav{align-items:center;gap:8px;margin-left:auto;display:flex}.icon-btn{color:var(--ink);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:6px;text-decoration:none;display:inline-flex}.icon-btn:hover{color:var(--ink-soft)}.form{flex-direction:column;gap:16px;max-width:560px;margin:0 auto;display:flex}.form h2{letter-spacing:-.02em;margin:8px 0 0}.form label{flex-direction:column;gap:6px;font-size:.9rem;font-weight:600;display:flex}.form input,.form textarea,.form select{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-weight:400}.form textarea{resize:vertical;line-height:1.5}.hint,.hint-inline{color:var(--ink-soft);font-weight:400}.hint-inline{font-size:.8rem}.error{color:#c0392b;margin:0}.form-actions{justify-content:flex-end;gap:10px;display:flex}.photo-field{flex-direction:column;gap:8px;display:flex}.field-title{font-size:.9rem;font-weight:600}.photo-preview{object-fit:cover;border:1px solid var(--line);border-radius:12px;width:100%;max-height:280px}.photo-actions{justify-content:flex-start}.import-panel{border:1px dashed var(--line);background:var(--paper);border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.import-url-row{align-items:center;gap:8px;display:flex}.import-url-row input{flex:1;min-width:0}.login-form{max-width:380px;padding-top:24px}.settings-page{max-width:560px;margin:0 auto}.settings-section{background:var(--paper);border:1px solid var(--line);border-radius:16px;margin:16px 0 24px;padding:18px 22px}.settings-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 4px;font-size:.8rem;font-weight:700}.settings-user{margin:0;font-size:1.1rem;font-weight:600}.categories-page{max-width:560px;margin:0 auto}.category-list{margin:0 0 28px;padding:0;list-style:none}.category-row{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 0;display:flex}.category-row .category-name{flex:1;font-weight:600}.category-row.editing{flex-direction:column;align-items:stretch}.category-row input{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:8px 12px}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{background:var(--swatch);cursor:pointer;border:3px solid #0000;border-radius:50%;width:32px;height:32px;padding:0}.swatch.active{border-color:var(--ink)}.swatch.static{cursor:default;border:none;width:20px;height:20px}@media (width<=480px){.stacks,.detail{margin:0 -16px}}.filter-bar{gap:8px;margin:0 0 16px;display:flex}.filter-panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:14px;margin:0 0 20px;padding:16px;display:flex}.filter-panel .chips{margin:0}.filter-ingredient{flex-direction:column;gap:6px;font-size:.9rem;font-weight:600;display:flex}.filter-ingredient input{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-weight:400}.find-good{align-self:flex-start}.tag{border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.detail-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.detail-tags .tag{color:inherit;background:#ffffff38}.tag-field{flex-direction:column;gap:6px;display:flex}.tag-editor{background:var(--paper);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.tag-editor .tag{background:var(--line);color:var(--ink)}.tag-editor .tag button{font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:0 2px;line-height:1}.form .tag-editor input{background:0 0;border:none;flex:1;min-width:130px;padding:4px}.tag-suggestions{flex-wrap:wrap;gap:6px;display:flex}.tag-suggestion{font:inherit;color:var(--ink-soft);border:1px dashed var(--line);cursor:pointer;background:0 0;border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:600}.tag-suggestion:hover{color:var(--ink);border-color:var(--ink-soft)}.tags-page{max-width:560px;margin:0 auto}.tag-list{margin:0 0 28px;padding:0;list-style:none}.tag-row{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 0;display:flex}.tag-row .tag-name{flex:1;font-weight:600}.tag-row .tag-count{color:var(--ink-soft);text-align:right;min-width:1.5em;font-size:.85rem;font-weight:600}.tag-row.editing{flex-direction:column;align-items:stretch}.tag-row input{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:8px 12px}.form-actions .delete-action{margin-right:auto}.modal{background:var(--paper);width:calc(100% - 32px);max-width:360px;color:var(--ink);border:none;border-radius:16px;padding:22px;box-shadow:0 20px 60px #0000004d}.modal::backdrop{background:#00000073}.modal-title{letter-spacing:-.01em;margin:0 0 8px;font-size:1.15rem}.modal-message{color:var(--ink-soft);margin:0 0 18px;line-height:1.45}.modal-actions{justify-content:flex-end;gap:10px;display:flex}