@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+0460-052F,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+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,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+1F00-1FFF}@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+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@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+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,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+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@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+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,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+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-sans: "Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading: "Fraunces Variable", Georgia, "Iowan Old Style", Palatino, serif;--leading-body: 1.45;--leading-heading: 1.15;--radius-sm: 10px;--radius-md: 14px;--radius-pill: 999px;--maxw: 480px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--text-2xs: 11px;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 19px;--text-xl: 24px;--text-2xl: 30px;--purple-50: #f8f3fb;--purple-100: #f1e8f7;--purple-200: #e0cfed;--purple-300: #c7a8e1;--purple-350: #bf9ee0;--purple-400: #b085d6;--purple-500: #8e4dc7;--purple-600: #7732b3;--purple-700: #642697;--purple-800: #4d1b74;--purple-900: #34114b;--purple-950: #1d0b28;--red-50: #feeeec;--red-100: #fcddd9;--red-300: #f18a7e;--red-400: #e86559;--red-500: #dd3b2c;--red-600: #c12f25;--red-700: #a12721;--red-900: #621b18;--amber-50: #fef9eb;--amber-100: #fbeec5;--amber-300: #f0c256;--amber-400: #eaaa2a;--amber-500: #d38e17;--amber-600: #b87614;--amber-700: #975d11;--amber-800: #76460f;--amber-900: #59330d;--green-50: #ebf9f1;--green-100: #d0f0de;--green-300: #70cd9b;--green-400: #40bf80;--green-500: #2f9d66;--green-600: #258356;--green-700: #1d6d48;--green-900: #10412c}.zone-kitchen{--bg: var(--purple-100);--surface: var(--purple-50);--surface-alt: var(--purple-200);--border: var(--purple-400);--text: var(--purple-900);--text-muted: var(--purple-600);--accent: var(--purple-700);--accent-soft: var(--purple-100);--on-accent: #ffffff;--on-scrim: #ffffff;--highlight: var(--amber-700);--star: var(--amber-700);--danger: var(--red-600);--on-danger: #ffffff;--success: var(--green-700);--on-success: #ffffff;--disabled-bg: var(--purple-200);--disabled-text: var(--purple-500);--shadow: rgba(60, 21, 89, .13);color-scheme:light}.zone-bar{--bg: var(--purple-950);--surface: var(--purple-900);--surface-alt: var(--purple-800);--border: var(--purple-600);--text: var(--purple-100);--text-muted: var(--purple-350);--accent: var(--purple-300);--accent-soft: var(--purple-800);--on-accent: var(--purple-950);--on-scrim: #ffffff;--highlight: var(--amber-300);--star: var(--amber-400);--danger: var(--red-400);--on-danger: var(--purple-950);--success: var(--green-300);--on-success: var(--purple-950);--disabled-bg: var(--purple-800);--disabled-text: var(--purple-400);--shadow: rgba(0, 0, 0, .5);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app{background:var(--bg);color:var(--text);min-height:100%;max-width:var(--maxw);margin:0 auto;display:flex;flex-direction:column;transition:background .25s ease}.app-scroll{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-4) calc(76px + env(safe-area-inset-bottom));padding-top:max(var(--space-5),env(safe-area-inset-top))}h1,h2,h3{font-family:var(--font-heading);font-weight:400;line-height:var(--leading-heading);margin:0;font-optical-sizing:auto}.title{font-size:var(--text-2xl);line-height:1.2}.heading{font-size:var(--text-lg);font-weight:600}.muted{color:var(--text-muted)}.caption{font-size:var(--text-xs);color:var(--text-muted)}.help{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-body)}.row{display:flex;align-items:center;gap:var(--space-3)}.row-between{display:flex;align-items:center;justify-content:space-between}.col{display:flex;flex-direction:column}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.gap-sm{gap:var(--space-2)}.gap-md{gap:var(--space-3)}.gap-lg{gap:var(--space-4)}.stack>*+*{margin-top:var(--space-4)}.section{margin:var(--space-6) 0 var(--space-2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:0 1px 3px var(--shadow);transition:transform .07s ease,background .12s ease}a.card,.card.pressable{cursor:pointer}a.card:active,.card.pressable:active{transform:scale(.99);background:var(--accent-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:12px 18px;border-radius:var(--radius-md);border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);font-size:var(--text-base);font-weight:600;font-family:inherit;text-decoration:none;cursor:pointer;transition:opacity .12s ease,transform .06s ease}.btn:active{transform:scale(.98)}.btn:disabled{background:var(--disabled-bg);border-color:var(--disabled-bg);color:var(--disabled-text);cursor:default;transform:none}.btn-outline{background:transparent;color:var(--accent)}.btn-outline:disabled{background:transparent;border-color:var(--border);color:var(--disabled-text)}.btn-danger{background:var(--danger);border-color:var(--danger);color:var(--on-danger)}.btn-danger.btn-outline{background:transparent;color:var(--danger)}.btn-block{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:none;border:none;color:var(--accent);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm)}.icon-btn:active{transform:scale(.94)}.icon-btn-danger{color:var(--danger)}.input{width:100%;min-height:44px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;color:var(--text);font-size:var(--text-base);font-family:inherit}.input::placeholder{color:var(--text-muted)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input-invalid,.input-invalid:focus{border-color:var(--danger);box-shadow:0 0 0 3px transparent}.req{color:var(--danger);margin-inline-start:2px}.field-error{color:var(--danger);font-size:var(--text-xs);margin-top:var(--space-1)}.tag{display:inline-flex;align-items:center;gap:5px;background:var(--accent-soft);color:var(--accent);border-radius:var(--radius-pill);padding:4px 10px;font-size:var(--text-xs);letter-spacing:.02em;border:none;cursor:default}.pill{display:inline-flex;align-items:center;gap:var(--space-2);min-height:36px;background:var(--accent-soft);color:var(--accent);border:none;border-radius:var(--radius-pill);padding:6px 14px;font-size:var(--text-sm);cursor:pointer}.pill:active{transform:scale(.97)}.chip{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:40px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-pill);padding:8px 16px;font-size:var(--text-sm);cursor:pointer}.chip-on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.search{display:flex;align-items:center;gap:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:0 12px}.search input{flex:1;border:none;background:none;padding:12px 0;color:var(--text);font-size:var(--text-base);font-family:inherit}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search input:focus{outline:none}.search input::placeholder{color:var(--text-muted)}.tabbar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--maxw);display:flex;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -2px 14px var(--shadow);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;background:none;border:none;color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap;cursor:pointer;text-decoration:none}.tab.active{color:var(--accent);font-weight:600;box-shadow:inset 0 2px 0 var(--accent)}.badge{position:absolute;top:-2px;inset-inline-end:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--accent);color:var(--on-accent);font-size:var(--text-2xs);display:flex;align-items:center;justify-content:center}.thumb{width:64px;height:64px;border-radius:var(--radius-sm);background:var(--surface-alt);display:flex;align-items:center;justify-content:center;color:var(--accent);overflow:hidden;flex-shrink:0}.thumb img{width:100%;height:100%;object-fit:cover}.empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:40px 20px;color:var(--text-muted);text-align:center}.empty-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-pill);background:var(--surface-alt);color:var(--accent);margin-bottom:var(--space-1)}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--accent-soft);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:var(--surface-alt);border-radius:var(--radius-sm);animation:skeleton-pulse 1.3s ease-in-out infinite}.skeleton-line{height:12px;border-radius:var(--radius-pill)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.link{color:var(--accent);cursor:pointer;background:none;border:none;font-size:inherit;font-family:inherit;padding:0}a{color:var(--accent)}.list-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-top:1px solid var(--border);cursor:pointer;transition:background .12s ease}.list-row:first-child{border-top:none}.list-row.tappable:active{background:var(--accent-soft)}.struck{text-decoration:line-through;color:var(--text-muted)}.detail-hero{position:relative;border-radius:var(--radius-md);overflow:hidden}.detail-hero>img{display:block;width:100%;height:220px;object-fit:cover}.detail-hero-scrim{position:absolute;inset-inline:0;bottom:0;padding:var(--space-5) var(--space-4) var(--space-4);background:linear-gradient(to top,rgba(0,0,0,.62),rgba(0,0,0,.12) 70%,transparent)}.detail-hero-scrim .title{color:var(--on-scrim)}.toast-region{position:fixed;left:50%;transform:translate(-50%);bottom:calc(80px + env(safe-area-inset-bottom));width:100%;max-width:var(--maxw);padding:0 max(var(--space-4),env(safe-area-inset-right)) 0 max(var(--space-4),env(safe-area-inset-left));display:flex;flex-direction:column;gap:var(--space-2);z-index:50;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:var(--space-2);background:var(--surface);color:var(--text);border:1px solid var(--border);border-inline-start:3px solid var(--accent);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);box-shadow:0 6px 20px var(--shadow);font-size:var(--text-sm);animation:toast-in .18s ease}.toast-success{border-inline-start-color:var(--success)}.toast-success .toast-icon{color:var(--success)}.toast-error{border-inline-start-color:var(--danger)}.toast-error .toast-icon{color:var(--danger)}.toast-icon{display:inline-flex;flex-shrink:0}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.stepper{display:flex;align-items:flex-start}.stepper-step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;background:none;border:none;padding:0;cursor:pointer}.stepper-line{position:absolute;top:19px;inset-inline-end:50%;width:100%;height:2px;background:var(--border)}.stepper-line[data-done=true]{background:var(--accent)}.stepper-dot{position:relative;z-index:1;width:40px;height:40px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;background:var(--surface-alt);color:var(--text-muted);transition:box-shadow .15s ease}.stepper-dot[data-state=done],.stepper-dot[data-state=current]{background:var(--accent);color:var(--on-accent)}.stepper-dot[data-state=current]{box-shadow:0 0 0 4px var(--accent-soft)}.stepper-label{margin-top:var(--space-2);font-size:var(--text-sm);text-align:center;color:var(--text-muted)}.stepper-label[data-state=current]{color:var(--accent);font-weight:600}.step-pane-out-fwd{animation:step-out-fwd .16s ease both}.step-pane-in-fwd{animation:step-in-fwd .2s ease both}.step-pane-out-back{animation:step-out-back .16s ease both}.step-pane-in-back{animation:step-in-back .2s ease both}@keyframes step-out-fwd{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-24px)}}@keyframes step-in-fwd{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes step-out-back{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(24px)}}@keyframes step-in-back{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: reduce){.step-pane-out-fwd,.step-pane-in-fwd,.step-pane-out-back,.step-pane-in-back,.spinner,.toast,.skeleton{animation:none}}.stepper-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--maxw);display:flex;gap:var(--space-2);background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -2px 14px var(--shadow);padding:var(--space-3) max(var(--space-4),env(safe-area-inset-right)) calc(var(--space-3) + env(safe-area-inset-bottom)) max(var(--space-4),env(safe-area-inset-left))}.cook-step{cursor:pointer}.cook-step[data-current=true]{box-shadow:0 0 0 2px var(--accent)}.cook-step[data-done=true]{opacity:.55}.cook-num-done{background:var(--success)!important;color:var(--on-success)!important}