@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fbf8f1;--surface:#fff;--text:#1f2a24;--muted:#5e6b63;--border:#e5e0d3;--accent:#2f5d50;--accent-soft:#dce8df;--accent-soft-text:#234a3f;--action:#c4441f;--action-hover:#a9391a;--action-text:#fff;--danger:#a12a2a;--header-bg:#2f5d50;--header-text:#fff;--header-muted:#cfe0d7;--header-hover:#ffffff24;--tone-sage:#dce8df;--tone-sage-text:#2f5d50;--tone-tomato:#fbe3da;--tone-tomato-text:#9c2f12;--tone-butter:#f6ebc8;--tone-butter-text:#6e5310;--tone-oat:#ede6d8;--tone-oat-text:#5e5240;--font-body:"Inter Variable", system-ui, "Segoe UI", Roboto, sans-serif;--font-display:"Fraunces Variable", Georgia, "Times New Roman", serif;--tap:44px;--gutter:1rem;--tab-bar-height:3.5rem;font-family:var(--font-body);color:var(--text);background:var(--bg);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#131915;--surface:#1b231e;--text:#e9efea;--muted:#a2b0a7;--border:#2e3a33;--accent:#8cc7ae;--accent-soft:#23362d;--accent-soft-text:#b9dccb;--action:#f07a55;--action-hover:#f4936f;--action-text:#1f0d06;--danger:#f08080;--header-bg:#1a2c25;--header-text:#e9efea;--header-muted:#a8c2b5;--header-hover:#ffffff1a;--tone-sage:#23362d;--tone-sage-text:#b9dccb;--tone-tomato:#3a241c;--tone-tomato-text:#f4b8a2;--tone-butter:#36301b;--tone-butter-text:#ecd893;--tone-oat:#2f2b24;--tone-oat-text:#d9cdb6}}*{box-sizing:border-box}body{-webkit-tap-highlight-color:transparent;margin:0}a{color:var(--accent)}a,button,input,label{touch-action:manipulation}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}h1,h2{font-family:var(--font-display);letter-spacing:-.01em;font-weight:600}h1{overflow-wrap:anywhere;margin:0 0 1rem;font-size:1.6rem;line-height:1.15}h2{margin:0 0 .5rem;font-size:1.2rem}.site-header{z-index:10;min-height:3.5rem;padding:env(safe-area-inset-top) max(var(--gutter), env(safe-area-inset-right)) 0 max(var(--gutter), env(safe-area-inset-left));border-bottom:1px solid var(--header-bg);background:var(--header-bg);color:var(--header-text);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.brand{min-height:var(--tap);font-family:var(--font-display);color:var(--header-text);align-items:center;gap:.4rem;font-size:1.25rem;font-weight:600;text-decoration:none;display:inline-flex}.brand svg{width:1.3rem;height:1.3rem}.site-header .icon-button{color:var(--header-text)}@media (hover:hover){.site-header .icon-button:hover{background:var(--header-hover)}}.top-nav{align-items:center;gap:1rem;display:none}.top-nav a:not(.button){min-height:var(--tap);color:var(--header-muted);align-items:center;text-decoration:none;display:inline-flex}.top-nav a.active:not(.button){color:var(--header-text);font-weight:600}.header-end{align-items:center;gap:.75rem;min-width:0;margin-right:-.5rem;display:flex}.sign-in-link{min-height:var(--tap);color:var(--header-text);align-items:center;padding:0 .5rem;font-weight:600;text-decoration:none;display:inline-flex}.account-email{max-width:14rem;color:var(--header-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;text-decoration:none;display:none;overflow:hidden}@media (hover:hover){.account-email:hover{color:var(--header-text);text-decoration:underline}}.tab-bar{z-index:10;padding:0 env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border-top:1px solid var(--border);background:var(--surface);grid-template-columns:1fr 1fr;display:grid;position:fixed;bottom:0;left:0;right:0}.tab-bar a{min-height:var(--tab-bar-height);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:.1rem;font-size:.75rem;text-decoration:none;display:flex}.tab-bar a.active{color:var(--accent);font-weight:600}.back-link{min-height:var(--tap);color:var(--muted);align-items:center;gap:.15rem;margin:-.5rem 0 .25rem -.4rem;padding-right:.5rem;text-decoration:none;display:inline-flex}.back-link svg{width:1.25rem;height:1.25rem}main{max-width:52rem;padding:1.25rem max(var(--gutter), env(safe-area-inset-right)) 2rem max(var(--gutter), env(safe-area-inset-left));margin:0 auto}main.with-tab-bar{padding-bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom) + 2rem)}.button{min-height:var(--tap);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:.45rem 1.1rem;font-weight:500;text-decoration:none;display:inline-flex}.button.primary{border-color:var(--action);background:var(--action);color:var(--action-text);font-weight:600}@media (hover:hover){.button.primary:hover{border-color:var(--action-hover);background:var(--action-hover)}}.button.danger{color:var(--danger)}.button:disabled{opacity:.6;cursor:default}.actions{gap:.5rem;margin-top:1rem;display:flex}.status,.empty{text-align:center;color:var(--muted);padding:3rem 0}.empty h1{color:var(--text)}.error{color:var(--danger)}.description{overflow-wrap:anywhere;margin:.5rem 0}.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.list-heading{margin-bottom:.9rem}.filter-bar{margin:0 calc(-1 * var(--gutter)) 1.1rem;padding:.15rem var(--gutter);scrollbar-width:none;align-items:center;gap:.5rem;display:flex;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.filter{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:999px;flex:none;align-items:center;display:inline-flex;position:relative}.filter select{min-height:2.5rem;color:inherit;font:inherit;appearance:none;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 2rem 0 .95rem;font-size:.9rem}.filter select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.filter svg{pointer-events:none;width:1rem;height:1rem;position:absolute;right:.7rem}.filter.active{border-color:var(--accent);background:var(--accent);color:var(--surface)}.filter.active select{font-weight:600}.filter option{background:var(--surface);color:var(--text)}.clear-filters{flex:none;font-size:.9rem}.no-results{border:1px dashed var(--border);color:var(--muted);text-align:center;border-radius:16px;padding:2.5rem 1rem}.no-results p{margin:0 0 .75rem}.load-error-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;display:flex}.waking-notice{left:50%;bottom:calc(var(--tab-bar-height) + env(safe-area-inset-bottom) + .75rem);z-index:20;border:1px solid var(--border);background:var(--surface);width:min(100% - 2rem,26rem);color:var(--text);border-radius:14px;align-items:flex-start;gap:.75rem;padding:.85rem 1rem;animation:.25s ease-out waking-in;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 28px #00000029}.waking-notice strong{font-family:var(--font-display);font-weight:600;display:block}.waking-notice p{color:var(--muted);margin:.15rem 0 0;font-size:.88rem}.waking-spinner{border:2.5px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;flex:none;width:1.25rem;height:1.25rem;margin-top:.15rem;animation:.9s linear infinite waking-spin}@keyframes waking-spin{to{transform:rotate(360deg)}}@keyframes waking-in{0%{opacity:0;transform:translate(-50%,.5rem)}}@media (prefers-reduced-motion:reduce){.waking-notice,.waking-spinner{animation:none}}.list-heading h1{margin-bottom:.15rem}.list-heading p{color:var(--muted);margin:0}.recipe-card{border:1px solid var(--border);background:var(--surface);height:100%;color:var(--text);border-radius:16px;flex-direction:column;text-decoration:none;transition:border-color .15s,transform .15s;display:flex;position:relative;overflow:hidden}.recipe-card:active{border-color:var(--accent);transform:scale(.99)}@media (hover:hover){.recipe-card:hover{border-color:var(--accent)}}.recipe-image{background:var(--border);position:relative;overflow:hidden}.recipe-image img{object-fit:cover;width:100%;height:100%;display:block}.recipe-image.placeholder{background:var(--band);color:var(--band-text);justify-content:center;align-items:center;display:flex}.recipe-image.placeholder:before{content:"";opacity:.12;background:currentColor;position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='120'%20viewBox='0%200%20120%20120'%20fill='none'%20stroke='%23000'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c!--%20Four%20simple%2024px%20line%20icons,%20scaled%20up%20and%20spaced%20on%20a%202x2%20grid.%20--%3e%3c!--%20Fork%20--%3e%3cg%20transform='translate(14%2012)%20scale(1.25)%20rotate(-12%2012%2012)'%3e%3cpath%20d='M8%203v6a4%204%200%200%200%208%200V3M12%203v6M12%2013v8'/%3e%3c/g%3e%3c!--%20Leaf%20--%3e%3cg%20transform='translate(74%2014)%20scale(1.25)%20rotate(8%2012%2012)'%3e%3cpath%20d='M5%2019C5%2010%2011%205%2020%205c0%209-6%2014-15%2014ZM5%2019l8-8'/%3e%3c/g%3e%3c!--%20Steaming%20bowl%20--%3e%3cg%20transform='translate(12%2070)%20scale(1.25)'%3e%3cpath%20d='M3%2012h18a9%207%200%200%201-18%200ZM9%208c0-1.5%201.5-1.5%201.5-3M14%208c0-1.5%201.5-1.5%201.5-3'/%3e%3c/g%3e%3c!--%20Spoon%20--%3e%3cg%20transform='translate(76%2068)%20scale(1.25)%20rotate(12%2012%2012)'%3e%3cellipse%20cx='12'%20cy='7'%20rx='3.5'%20ry='4.5'/%3e%3cpath%20d='M12%2011.5V21'/%3e%3c/g%3e%3c/svg%3e") 50%/132px 132px;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='120'%20height='120'%20viewBox='0%200%20120%20120'%20fill='none'%20stroke='%23000'%20stroke-width='1.6'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c!--%20Four%20simple%2024px%20line%20icons,%20scaled%20up%20and%20spaced%20on%20a%202x2%20grid.%20--%3e%3c!--%20Fork%20--%3e%3cg%20transform='translate(14%2012)%20scale(1.25)%20rotate(-12%2012%2012)'%3e%3cpath%20d='M8%203v6a4%204%200%200%200%208%200V3M12%203v6M12%2013v8'/%3e%3c/g%3e%3c!--%20Leaf%20--%3e%3cg%20transform='translate(74%2014)%20scale(1.25)%20rotate(8%2012%2012)'%3e%3cpath%20d='M5%2019C5%2010%2011%205%2020%205c0%209-6%2014-15%2014ZM5%2019l8-8'/%3e%3c/g%3e%3c!--%20Steaming%20bowl%20--%3e%3cg%20transform='translate(12%2070)%20scale(1.25)'%3e%3cpath%20d='M3%2012h18a9%207%200%200%201-18%200ZM9%208c0-1.5%201.5-1.5%201.5-3M14%208c0-1.5%201.5-1.5%201.5-3'/%3e%3c/g%3e%3c!--%20Spoon%20--%3e%3cg%20transform='translate(76%2068)%20scale(1.25)%20rotate(12%2012%2012)'%3e%3cellipse%20cx='12'%20cy='7'%20rx='3.5'%20ry='4.5'/%3e%3cpath%20d='M12%2011.5V21'/%3e%3c/g%3e%3c/svg%3e") 50%/132px 132px}.recipe-image[data-tone=sage]{--band:var(--tone-sage);--band-text:var(--tone-sage-text)}.recipe-image[data-tone=tomato]{--band:var(--tone-tomato);--band-text:var(--tone-tomato-text)}.recipe-image[data-tone=butter]{--band:var(--tone-butter);--band-text:var(--tone-butter-text)}.recipe-image[data-tone=oat]{--band:var(--tone-oat);--band-text:var(--tone-oat-text)}.card-banner{aspect-ratio:4/3;flex:none}.recipe-hero{aspect-ratio:4/3;border-radius:16px;width:100%;max-height:28rem;margin-bottom:1rem}.notice{background:var(--tone-butter);color:var(--tone-butter-text);border-radius:10px;margin:0 0 1rem;padding:.6rem .8rem}.photo-picker{position:relative}.photo-actions{gap:.4rem;display:flex;position:absolute;bottom:1.6rem;right:.6rem}.photo-button{color:#1f2a24;background:#ffffffeb;border-color:#0000;gap:.4rem;min-height:2.5rem;padding:.3rem .9rem;box-shadow:0 1px 4px #0000002e}.photo-button svg{width:1.1rem;height:1.1rem}.crop-dialog{background:var(--surface);width:min(100% - 2rem,34rem);max-height:calc(100dvh - 2rem);color:var(--text);border:0;border-radius:18px;padding:1rem 1rem 1.1rem;box-shadow:0 12px 40px #0000004d}.crop-dialog::backdrop{background:#0a100d99}.crop-dialog h2{margin:0 0 .15rem}.crop-dialog>p{margin:0 0 .75rem;font-size:.9rem}.crop-frame{aspect-ratio:4/3;touch-action:none;background:#111;border-radius:12px;position:relative;overflow:hidden}.zoom-control{min-height:var(--tap);color:var(--muted);align-items:center;gap:.75rem;margin-top:.5rem;font-size:.9rem;display:flex}.zoom-control input{accent-color:var(--accent);flex:1}.crop-dialog .actions{justify-content:flex-end;margin-top:.5rem}.photo-picker .field-error{margin-top:-.5rem}.card-body{flex-direction:column;flex:1;min-width:0;padding:.85rem 1rem 1rem;display:flex}.recipe-card h2{overflow-wrap:anywhere;margin-bottom:.25rem;font-size:1.15rem}.card-link{color:inherit;text-decoration:none}.card-link:after{content:"";z-index:1;position:absolute;inset:0}.card-link:focus-visible{outline:none}.recipe-card:has(.card-link:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.favourite-button{width:var(--tap);height:var(--tap);color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.favourite-button svg{width:1.3rem;height:1.3rem}.favourite-button.on{color:var(--action)}.favourite-button:disabled{cursor:default}.card-favourite{z-index:2;color:#1f2a24;background:#ffffffeb;position:absolute;top:.5rem;right:.5rem;box-shadow:0 1px 4px #0000002e}.card-favourite.on{color:#c4441f}@media (hover:hover){.favourite-button:not(.card-favourite):hover{background:var(--border)}}.filter-toggle{min-height:2.5rem;font:inherit;cursor:pointer;gap:.35rem;padding:0 .95rem;font-size:.9rem}.filter .filter-toggle svg,.filter-toggle svg{width:1rem;height:1rem;position:static}.filter-toggle.active{font-weight:600}.chips{flex-wrap:wrap;gap:.4rem;margin-top:auto;display:flex}.chip{background:var(--accent-soft);color:var(--accent-soft-text);border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .6rem;font-size:.8rem;font-weight:500;display:inline-flex}.chip svg{width:.9rem;height:.9rem}.chip.butter{background:var(--tone-butter);color:var(--tone-butter-text)}.chip.oat{background:var(--tone-oat);color:var(--tone-oat-text)}.skill-meter{align-items:flex-end;gap:2px;height:.75rem;display:inline-flex}.skill-meter span{opacity:.3;background:currentColor;border-radius:1px;width:3px}.skill-meter span:first-child{height:40%}.skill-meter span:nth-child(2){height:70%}.skill-meter span:nth-child(3){height:100%}.skill-meter span.on{opacity:1}.byline{color:var(--muted);margin:0 0 .5rem;font-size:.88rem}.byline .author{color:var(--text);font-weight:500}.byline .author.unnamed{color:var(--muted);font-weight:400}.recipe-card h2+.byline{margin-top:-.15rem}.recipe-byline{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;margin:-.5rem 0 .25rem;display:flex}.recipe-byline .byline{margin:0}.set-alias{font-size:.85rem;font-weight:500}.recipe-chips{margin:0 0 .75rem}.skill-picker{border:0;margin:.25rem 0 .75rem;padding:0}.skill-picker legend,.cuisine-picker>span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-bottom:.35rem;padding:0;font-size:.75rem}.segmented{border:1px solid var(--border);background:var(--surface);border-radius:999px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden}.segmented button{min-height:var(--tap);color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 .5rem;font-size:.9rem}.segmented button+button{border-left:1px solid var(--border)}.segmented button[aria-pressed=true]{background:var(--accent);color:var(--surface);font-weight:600}.skill-picker[aria-invalid=true] .segmented{border-color:var(--danger)}.cuisine-picker{flex-direction:column;margin-bottom:.75rem;display:flex}.cuisine-picker select{min-height:var(--tap);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;border-radius:10px;padding:0 .7rem}.alias-form label{font-weight:600}.alias-form>p{margin:.15rem 0 .5rem;font-size:.9rem}.alias-row{gap:.5rem;display:flex}.alias-row input{min-width:0;min-height:var(--tap);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;border-radius:10px;flex:1;padding:0 .75rem}.alias-row input[aria-invalid=true]{border-color:var(--danger)}.recipe-card .description{-webkit-line-clamp:2;line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;margin:0 0 .6rem;font-size:.9rem;display:-webkit-box;overflow:hidden}.recipe h1{margin-bottom:.75rem}.recipe h2{margin-top:1.25rem}.recipe h2:first-child{margin-top:0}.recipe-toolbar{justify-content:space-between;align-items:center;margin:-.5rem -.4rem .25rem;display:flex}.recipe-toolbar .back-link{margin:0}.icon-actions{gap:.25rem;display:flex}.icon-button{width:var(--tap);height:var(--tap);color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.icon-button svg{width:1.3rem;height:1.3rem}.icon-button.danger{color:var(--danger)}.icon-button:active{background:var(--border)}@media (hover:hover){.icon-button:hover{background:var(--border)}}.icon-button:disabled{opacity:.5;cursor:default}.recipe .toggle{margin:-.5rem 0 .5rem}.muted{color:var(--muted)}.stats{grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));gap:.5rem;margin:0 0 1rem;display:grid}.stats>div,.stats>label{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:12px;padding:.6rem .5rem;display:block}.stats dt,.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;display:block}.stats dd,.stat-value{margin:0;font-weight:600}.swipe-tabs{top:calc(3.5rem + 1px + env(safe-area-inset-top));z-index:5;margin:0 calc(-1 * var(--gutter)) 1rem;padding:0 var(--gutter);border-bottom:1px solid var(--border);background:var(--bg);grid-template-columns:repeat(3,1fr);display:grid;position:sticky}.swipe-tabs button{min-height:var(--tap);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;padding:0 .25rem}.swipe-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--text);font-weight:600}.swipe-scroller{margin:0 calc(-1 * var(--gutter));scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;align-items:flex-start;display:flex;overflow:auto hidden}.swipe-scroller::-webkit-scrollbar{display:none}.swipe-panel{min-width:0;padding:0 var(--gutter);scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%}.swipe-dots{justify-content:center;gap:.5rem;margin-top:1.5rem;display:flex}.swipe-dots span{background:var(--border);border-radius:50%;width:.5rem;height:.5rem}.swipe-dots span.active{background:var(--accent)}.toggle{min-height:var(--tap);color:var(--muted);cursor:pointer;align-items:center;gap:.6rem;margin-top:.5rem;display:flex}.toggle input,.ingredients input{width:1.25rem;height:1.25rem;accent-color:var(--accent);flex:none;margin:0}.ingredients{margin:0;padding:0;list-style:none}.ingredients li+li{border-top:1px solid var(--border)}.ingredients label{min-height:var(--tap);overflow-wrap:anywhere;cursor:pointer;align-items:center;gap:.75rem;padding:.4rem 0;display:flex}.ingredients input:checked+span{color:var(--muted);text-decoration:line-through}.steps{padding-left:1.5rem}.steps li{overflow-wrap:anywhere;margin-bottom:.75rem;padding-left:.25rem}.steps li::marker{color:var(--accent);font-family:var(--font-display);font-weight:600}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.editor-badge{background:var(--border);color:var(--muted);border-radius:999px;padding:.2rem .6rem;font-size:.8rem}:where(.recipe-editor) :is(input,textarea){color:var(--text);font:inherit}:where(.recipe-editor) :is(input,textarea)::placeholder{color:var(--muted);opacity:.8}.title-input{width:100%;font-family:var(--font-display);letter-spacing:-.01em;border:0;border-bottom:2px dashed var(--border);background:0 0;margin:0 0 .75rem;padding:.2rem 0;font-size:1.5rem;font-weight:700;line-height:1.2}.title-input:focus{border-bottom-color:var(--accent);outline:none}.stats input{border:0;border-bottom:1px dashed var(--border);text-align:center;appearance:textfield;background:0 0;width:100%;min-height:2rem;padding:0;font-weight:600}.stat-input{justify-content:center;align-items:baseline;gap:.2rem;display:flex}.stat-input input{flex:none;width:3.2em}.stat-input .unit{color:var(--muted);font-size:.85rem}.stats input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stats input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stats>label:focus-within{border-color:var(--accent)}.stats input:focus{outline:none}.stat-computed .stat-value{min-height:2rem;color:var(--muted);line-height:2rem;display:block}.description-input{border:1px solid var(--border);background:var(--surface);resize:vertical;border-radius:10px;width:100%;margin:.25rem 0 .75rem;padding:.6rem .7rem;display:block}.title-input[aria-invalid=true],.description-input[aria-invalid=true]{border-color:var(--danger)}.stats>label:has([aria-invalid=true]){border-color:var(--danger)}.field-error{color:var(--danger);margin:.25rem 0 .75rem;font-size:.85rem}.line-list{margin:0;padding:0;list-style:none}.line-list li{border-bottom:1px solid var(--border);align-items:flex-start;gap:.5rem;display:flex}.line-list li:focus-within{border-bottom-color:var(--accent)}.line-editor[data-invalid] .line-list li{border-bottom-color:var(--danger)}.line-marker{width:1.4rem;color:var(--muted);text-align:right;flex:none;padding-top:.65rem}.line-list textarea{min-width:0;min-height:var(--tap);resize:none;background:0 0;border:0;flex:1;padding:.6rem 0;line-height:1.5;overflow:hidden}.line-list textarea:focus{outline:none}.line-remove{color:var(--muted);flex:none}.line-remove svg{width:1.1rem;height:1.1rem}.add-line{min-height:var(--tap);color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:.35rem;margin:.25rem 0 .5rem;padding:0 .25rem;font-weight:600;display:inline-flex}.add-line svg{width:1.1rem;height:1.1rem}.swipe-tabs button[data-invalid]:after{content:"";background:var(--danger);vertical-align:middle;border-radius:50%;width:.45rem;height:.45rem;margin-left:.35rem;display:inline-block}.recipe-editor .error[role=alert]{margin-top:1rem}.recipe-editor{min-height:calc(100dvh - 3.5rem - 1px - env(safe-area-inset-top) - 1.25rem);flex-direction:column;margin-bottom:-2rem;display:flex}.recipe-editor .form-actions{margin-top:auto;margin-bottom:0}.form-actions{margin:0 calc(-1 * max(var(--gutter), env(safe-area-inset-left))) -2rem;padding:.75rem max(var(--gutter), env(safe-area-inset-right)) calc(.75rem + env(safe-area-inset-bottom)) max(var(--gutter), env(safe-area-inset-left));border-top:1px solid var(--border);background:var(--surface);position:sticky;bottom:0}.form-actions .button.primary{flex:1}.auth-form{flex-direction:column;gap:1rem;max-width:24rem;margin:1rem auto 0;display:flex}.auth-form h1,.auth-form>p{margin:0}.auth-form label{flex-direction:column;gap:.3rem;font-weight:600;display:flex}.auth-form input{width:100%;min-height:var(--tap);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;border-radius:8px;padding:.55rem .7rem;font-weight:400}.hint{color:var(--muted);font-size:.85rem;font-weight:400}.switch-mode{text-align:center;color:var(--muted)}.link-button{min-height:var(--tap);color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 .25rem;font-weight:600;text-decoration:underline}.passkey-button{gap:.5rem}.passkey-button svg{width:1.2rem;height:1.2rem}.auth-form .passkey-hint{text-align:center;margin:-.5rem 0 0}.divider{color:var(--muted);align-items:center;gap:.75rem;margin:0;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--border);flex:1}.success{color:var(--accent)}.account{max-width:32rem;margin:0 auto}.account h1{margin-bottom:.25rem}.account section{margin-top:1.5rem}.passkey-list{margin:0 0 1rem;padding:0;list-style:none}.passkey-list li{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.passkey-list li>svg{color:var(--muted);flex:none}.passkey-list li>div{flex-direction:column;flex:1;min-width:0;display:flex}.passkey-list .muted{font-size:.85rem}@media (width>=640px){:root{--gutter:1.5rem}h1,.title-input{font-size:1.75rem}.top-nav{display:flex}.account-email{display:block}.account-icon,.tab-bar{display:none}main{padding-top:1.5rem}main.with-tab-bar{padding-bottom:3rem}.waking-notice{bottom:1.5rem}.recipe-grid{gap:1rem}.recipe-card .description{-webkit-line-clamp:3;line-clamp:3}.form-actions{background:0 0;border-top:0;margin:0;padding:0;position:static}.recipe-editor{min-height:0;margin-bottom:0}.recipe-editor .form-actions{margin-top:1.5rem}.form-actions .button.primary{flex:none}}