@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-vietnamese-wght-normal-qRpaaN48.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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-ext-wght-normal-DmpS2jIq.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:Plus Jakarta Sans Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/plus-jakarta-sans-latin-wght-normal-eXO_dkmS.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}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--surface:#fbf5e9;--card:#fff;--border:#e5dcc9;--divider:#e7e4dd;--ink:#1b1917;--on-ink:#fff;--text-secondary:#3e3a34;--text-body:#2e2a25;--text-muted:#5c574f;--text-muted-cream:#6b6559;--accent:#e8a63c;--on-accent:#241b08;--accent-text:#6e5210;--accent-eyebrow:#7a5410;--accent-border:#d9a03a;--accent-dot:#b3801e;--neutral-fill:#e0ddd5;--checkbox-border:#b4aea3;--step-disc:#f0e4cb;--step-disc-ink:#5a4413;--photo-eyebrow:#f5ae7e;--photo-meta:#b7ab99;--photo-title:#f9f5ed;--r-control:10px;--r-card:16px;--r-pill:999px;--font:"Plus Jakarta Sans Variable", "Plus Jakarta Sans", system-ui, -apple-system, sans-serif}html{-webkit-text-size-adjust:100%;scrollbar-gutter:stable}body{font-family:var(--font);background:var(--surface);color:var(--ink);-webkit-font-smoothing:antialiased;min-height:100dvh;line-height:1.6}input,textarea,select,button{font-family:inherit}button{cursor:pointer}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@supports (padding:env(safe-area-inset-top)){.safe-top{padding-top:env(safe-area-inset-top)}.safe-bottom{padding-bottom:env(safe-area-inset-bottom)}}.u-phone{display:none}.u-wide{display:inline}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:.25s both fadeIn}@media (prefers-reduced-motion:reduce){.fade-in{animation:none}}.app{background:var(--surface);min-height:100dvh}.app-mark{background:var(--accent);color:#fff;letter-spacing:-.5px;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;line-height:1;display:inline-flex}.header{z-index:100;background:var(--card);border-bottom:1px solid var(--divider);padding:18px 32px;padding-top:calc(env(safe-area-inset-top,0px) + 18px);align-items:center;gap:32px;display:flex;position:sticky;top:0}.header-brand{background:0 0;border:none;align-items:center;gap:10px;padding:0;display:flex}.header-wordmark{letter-spacing:-.4px;color:var(--ink);font-size:19px;font-weight:800}.header-nav{align-items:center;gap:26px;display:flex}.nav-item{color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;padding:4px 0;font-size:14px;font-weight:500;transition:color .15s}.nav-item:hover{color:var(--ink)}.nav-item.is-active{color:var(--ink);border-bottom-color:var(--accent)}.header-right{align-items:center;gap:12px;margin-left:auto;display:flex}.search-field{align-items:center;display:flex;position:relative}.search-field>svg{color:var(--text-muted);pointer-events:none;position:absolute;left:12px}.search-input{background:var(--card);border:1px solid var(--border);border-radius:var(--r-control);width:280px;color:var(--ink);outline:none;padding:10px 12px 10px 38px;font-size:14px;transition:border-color .15s}.search-input::placeholder{color:var(--text-muted-cream)}.search-input:focus{border-color:var(--accent-border)}.btn-primary{background:var(--ink);color:var(--on-ink);border-radius:var(--r-control);border:none;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:opacity .15s;display:inline-flex}.btn-primary:hover{opacity:.88}.btn-outline{background:var(--card);color:var(--ink);border:1px solid var(--border);border-radius:var(--r-control);align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:background .15s;display:inline-flex}.btn-outline:hover{background:var(--surface)}.avatar{background:var(--neutral-fill);width:32px;height:32px;color:var(--text-secondary);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:13px;font-weight:700;display:flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-wrap{display:flex;position:relative}.avatar-menu{background:var(--card);border:1px solid var(--border);border-radius:var(--r-card);z-index:200;width:230px;position:absolute;top:42px;right:0;overflow:hidden;box-shadow:0 12px 30px #1b19171f}.avatar-menu-head{border-bottom:1px solid var(--divider);padding:14px 16px}.avatar-menu-name{color:var(--ink);font-size:15px;font-weight:700}.avatar-menu-email{color:var(--text-muted);word-break:break-all;margin-top:2px;font-size:12px}.avatar-menu-item{border:none;border-bottom:1px solid var(--divider);width:100%;color:var(--text-secondary);text-align:left;background:0 0;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:500;display:flex}.avatar-menu-item:hover{background:var(--surface)}.avatar-menu-version{color:var(--text-muted-cream);text-align:center;padding:10px 16px;font-size:11px}.home{padding:26px 32px 44px}.load-error{background:var(--card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--r-control);color:var(--text-secondary);margin-bottom:18px;padding:12px 16px;font-size:14px}.chip-row{flex-wrap:wrap;gap:8px;margin-bottom:26px;display:flex}.chip{background:var(--card);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-secondary);white-space:nowrap;align-items:center;gap:7px;padding:9px 16px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.chip:hover{border-color:var(--accent-border)}.chip.is-selected{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.chip-count{opacity:.75;font-weight:400}.section-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:16px;display:flex}.section-title{letter-spacing:-.5px;color:var(--ink);font-size:22px;font-weight:800}.sort{color:var(--text-muted);flex-shrink:0;align-items:center;gap:8px;font-size:13px;display:inline-flex;position:relative}.sort-label{font-weight:500}.sort select{appearance:none;font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:none;padding:4px 20px 4px 0;font-weight:600}.sort select:focus-visible{outline:2px solid var(--accent-border);outline-offset:2px;border-radius:4px}.sort>svg{pointer-events:none;position:absolute;right:0}.feature-row{grid-template-columns:repeat(4,1fr);align-items:start;gap:16px;margin-bottom:16px;display:grid}.grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.hero{border-radius:var(--r-card);background:var(--neutral-fill) center/cover;text-align:left;border:none;grid-column:span 2;width:100%;height:270px;padding:0;display:block;position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(#0000,#0806059e 42%,#080605f5);position:absolute;inset:0}.hero-body{z-index:1;padding:22px;position:absolute;bottom:0;left:0;right:0}.hero-eyebrow{letter-spacing:2.4px;text-transform:uppercase;color:var(--photo-eyebrow);text-shadow:0 1px 8px #080605f2;font-size:11px;font-weight:700}.hero-title{letter-spacing:-.5px;color:var(--photo-title);margin-top:8px;font-size:30px;font-weight:800;line-height:1.15}.hero-meta{color:var(--photo-meta);margin-top:6px;font-size:14px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-card);text-align:left;flex-direction:column;padding:15px;transition:border-color .15s;display:flex}.card:hover{border-color:var(--accent-border)}.card-title{letter-spacing:-.4px;color:var(--ink);-webkit-line-clamp:1;word-break:break-word;-webkit-box-orient:vertical;font-size:18px;font-weight:800;line-height:1.22;display:-webkit-box;overflow:hidden}.card-well{border-radius:var(--r-control);background-position:50%;background-size:cover;height:150px;margin-top:12px;position:relative;overflow:hidden}.card-well-initial{color:#1b191724;justify-content:center;align-items:center;font-size:56px;font-weight:800;display:flex;position:absolute;inset:0}.card-badges{align-items:center;gap:6px;display:flex;position:absolute;top:8px;right:8px}.card-pill{background:var(--card);border-radius:var(--r-pill);letter-spacing:1.5px;text-transform:uppercase;color:var(--ink);padding:4px 8px;font-size:10px;font-weight:700}.card-fav{background:var(--card);width:24px;height:24px;color:var(--accent);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.card-fav.is-off{color:var(--text-muted-cream);opacity:0;transition:opacity .15s}.card:hover .card-fav.is-off{opacity:1}@media (hover:none){.card-fav.is-off{display:none}}.card-bar{background:var(--ink);border-radius:var(--r-control);color:var(--on-ink);align-items:center;gap:10px;margin-top:12px;padding:8px 8px 8px 14px;font-size:12px;font-weight:600;display:flex}.card-bar-clock{color:var(--accent);display:flex}.card-bar-divider{background:#ffffff38;flex-shrink:0;width:1px;height:14px}.card-bar-count{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.card-bar-go{background:var(--card);width:26px;height:26px;color:var(--ink);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.empty{background:var(--card);border:1px solid var(--border);border-radius:var(--r-card);text-align:center;color:var(--text-muted);padding:60px 24px}.empty-icon{color:var(--neutral-fill);justify-content:center;margin-bottom:12px;display:flex}.empty p{font-size:16px}.tabbar{display:none}.login{background:var(--surface);grid-template-columns:52% 1fr;min-height:100dvh;display:grid}.login-art{background:linear-gradient(90deg,#0b090826,#0b0908e6),linear-gradient(150deg,#c8a165,#6e5210)}.login-pane{flex-direction:column;justify-content:center;max-width:620px;padding:48px 64px;display:flex}.login-title{letter-spacing:-.8px;color:var(--ink);margin-top:26px;font-size:42px;font-weight:800;line-height:1.15}.login-sub{color:var(--text-muted);margin-top:14px;font-size:16px;line-height:1.6}.login-btn{background:var(--ink);color:var(--on-ink);border-radius:var(--r-control);border:none;align-self:flex-start;align-items:center;gap:12px;margin-top:32px;padding:15px 26px;font-size:16px;font-weight:700;display:inline-flex}.login-btn:hover{opacity:.9}.login-note{color:var(--text-muted);margin-top:22px;font-size:13px}.login-error{color:#8c2f1d;margin-top:14px;font-size:14px;font-weight:600}.boot{min-height:100dvh;color:var(--text-muted);justify-content:center;align-items:center;font-size:15px;display:flex}@media (width<=1100px){.header{gap:20px;padding-left:26px;padding-right:26px}.search-input{width:200px}.home{padding-left:26px;padding-right:26px}}@media (width<=980px){.feature-row,.grid{grid-template-columns:repeat(3,1fr)}.header-nav{gap:18px}}@media (width<=760px){.feature-row,.grid{grid-template-columns:repeat(2,1fr)}.hero{grid-column:span 2;height:230px}}@media (width<=720px){.header{padding:12px 16px;padding-top:calc(env(safe-area-inset-top,0px) + 12px);flex-wrap:wrap;gap:12px}.header-nav{display:none}.header-right{order:3;width:100%;margin-left:0}.header-right .btn-primary{display:none}.search-field{flex:1}.search-input{width:100%}.avatar-wrap{order:2;margin-left:auto}.home{padding:16px 16px 96px}.chip-row{flex-wrap:nowrap;margin:0 -16px 20px;padding:0 16px;overflow-x:auto}.chip{padding:8px 14px;font-size:13px}.section-head{margin-bottom:12px}.section-title{font-size:20px}.sort-label{display:none}.sort select{font-size:13px}.feature-row{grid-template-columns:1fr;margin-bottom:12px}.hero{grid-column:span 1;height:230px}.hero-title{font-size:24px}.grid{gap:12px}.card{border-radius:var(--r-card);padding:11px}.card-title{letter-spacing:-.3px;font-size:14px}.card-well{height:96px;margin-top:9px}.card-well-initial{font-size:40px}.card-bar{gap:7px;margin-top:9px;padding:7px 7px 7px 11px}.card-bar-go{border-radius:6px;width:20px;height:20px}.u-wide{display:none}.u-phone{display:inline}.tabbar{z-index:120;background:var(--card);border-top:1px solid var(--divider);padding-bottom:env(safe-area-inset-bottom,0px);display:flex;position:fixed;bottom:0;left:0;right:0}.tab{min-height:56px;color:var(--text-muted-cream);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 0;font-size:10px;font-weight:600;display:flex}.tab.is-active{color:var(--accent-text)}.login{grid-template-columns:1fr}.login-art{display:none}.login-pane{justify-content:center;padding:32px 24px}.login-title{font-size:32px}}.detail-band{background:linear-gradient(150deg,#3a342c,#1b1917) 50%/cover;height:360px;position:relative}.detail-band:after{content:"";background:linear-gradient(#0b09088c 0%,#0000 35%,#0b0908eb 100%);position:absolute;inset:0}.band-back{top:calc(env(safe-area-inset-top,0px) + 22px);z-index:2;border-radius:var(--r-control);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f0d0b99;border:1px solid #ffffff4d;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:14px;font-weight:600;display:inline-flex;position:absolute;left:26px}.band-actions{top:calc(env(safe-area-inset-top,0px) + 22px);z-index:2;gap:8px;display:flex;position:absolute;right:26px}.band-btn{border-radius:var(--r-control);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f0d0b99;border:1px solid #ffffff4d;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.band-btn.is-on{color:var(--accent)}.band-caption{z-index:2;position:absolute;bottom:26px;left:32px;right:32px}.band-eyebrow{letter-spacing:2.4px;text-transform:uppercase;color:var(--photo-eyebrow);text-shadow:0 1px 8px #080605f2;font-size:11px;font-weight:700}.band-title{letter-spacing:-.5px;max-width:62%;color:var(--photo-title);margin-top:10px;font-size:46px;font-weight:800;line-height:1.12}.band-meta{color:var(--photo-meta);gap:26px;margin-top:10px;font-size:14px;display:flex}.btn-cook{z-index:2;background:var(--ink);color:var(--on-ink);border-radius:var(--r-control);border:none;align-items:center;gap:10px;padding:15px 26px;font-size:16px;font-weight:700;display:inline-flex;position:absolute;bottom:26px;right:32px}.btn-cook-phone,.detail-tabs{display:none}.detail-body{grid-template-columns:360px 1fr;align-items:start;gap:44px;padding:34px 32px 48px;display:grid}.pane-ingredients{grid-area:1/1}.pane-notes{grid-area:2/1;margin-top:22px}.pane-method{grid-area:1/2/span 2}.pane-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.pane-title{letter-spacing:-.4px;color:var(--ink);font-size:20px;font-weight:800}.pane-hint{color:var(--text-muted-cream);font-size:13px}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--r-card)}.panel-notes{border-left:3px solid var(--accent);padding:16px 18px}.notes-eyebrow{letter-spacing:2.2px;text-transform:uppercase;color:var(--accent-eyebrow);margin-bottom:8px;font-size:11px;font-weight:700}.notes-text{color:var(--text-body);white-space:pre-wrap;font-size:15px;line-height:1.65}.tag-row{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.tag{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-muted);padding:7px 14px;font-size:13px}.ing-check{color:var(--text-body);cursor:pointer;flex:1;align-items:flex-start;gap:12px;padding:11px 14px;font-size:15px;line-height:1.5;display:flex}.ing-check:hover{background:var(--surface)}.ing-box{border:1.5px solid var(--checkbox-border);color:#0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:19px;height:19px;margin-top:2px;display:flex}.ing-check.is-checked .ing-box{background:var(--ink);border-color:var(--ink);color:#fff}.ing-check.is-checked .ing-label{color:var(--text-muted-cream);text-decoration:line-through}.ing-row{align-items:stretch;display:flex}.ing-row+.ing-row{border-top:1px solid #efede8}.ing-row.ing-over{box-shadow:inset 0 2px 0 0 var(--accent)}.ing-row.ing-dragging{opacity:.45}.ing-grip{cursor:grab;width:22px;color:var(--checkbox-border);opacity:0;touch-action:none;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s;display:flex}.ing-row:hover .ing-grip{opacity:1}.ing-grip:active{cursor:grabbing}@media (hover:none){.ing-grip{opacity:1}}.step{gap:16px;margin-bottom:22px;display:flex}.step-disc{background:var(--step-disc);width:32px;height:32px;color:var(--step-disc-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.step-text{color:var(--text-body);font-size:17px;line-height:1.65}.timer-pill{background:var(--card);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--accent-text);align-items:center;gap:7px;margin-top:10px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-flex}.detail-footer{border-top:1px solid var(--border);color:var(--text-muted);margin-top:26px;padding-top:18px;font-size:13px}.cook{z-index:300;background:var(--surface);padding:calc(env(safe-area-inset-top,0px) + 22px) 32px 26px;flex-direction:column;display:flex;position:fixed;inset:0}.cook-head{flex-shrink:0;align-items:center;gap:16px;display:flex}.cook-name{color:var(--text-muted);font-size:16px;font-weight:800}.cook-awake{color:var(--text-muted-cream);align-items:center;gap:8px;margin-left:auto;font-size:13px;font-weight:600;display:flex}.cook-awake svg{color:var(--accent)}.cook-progress{flex-shrink:0;gap:8px;margin:18px 0 26px;display:flex}.cook-bar{background:var(--neutral-fill);border:none;border-radius:3px;flex:1;height:5px;padding:0}.cook-bar.is-done{background:var(--accent)}.cook-body{flex:1;min-height:0;overflow:auto}.cook-grid{grid-template-columns:1fr 330px;align-items:start;gap:48px;min-height:100%;display:grid}.cook-main{flex-direction:column;min-height:100%;display:flex}.cook-eyebrow{letter-spacing:3px;text-transform:uppercase;color:var(--accent-text);font-size:13px;font-weight:700}.cook-step{color:var(--ink);margin-top:18px;font-size:clamp(28px,3.4vw,44px);font-weight:500;line-height:1.32}.cook-step.is-long{font-size:clamp(24px,2.3vw,32px)}.cook-timer{background:var(--card);border:1px solid var(--accent-border);border-radius:var(--r-control);color:var(--accent-text);align-self:flex-start;align-items:center;gap:10px;margin-top:26px;padding:14px 22px;font-size:18px;font-weight:700;display:inline-flex}.cook-timer.is-ringing{background:var(--accent);border-color:var(--accent);color:var(--on-accent);animation:1s ease-in-out infinite ring}@keyframes ring{0%,to{box-shadow:0 0 #e8a63c8c}50%{box-shadow:0 0 0 10px #e8a63c00}}@media (prefers-reduced-motion:reduce){.cook-timer.is-ringing{animation:none}}.cook-timer-x{border-left:1px solid var(--border);opacity:.65;margin-left:4px;padding-left:12px;display:flex}.cook-timer.is-ringing .cook-timer-x{opacity:.8;border-left-color:#241b0840}.cook-actions{gap:14px;margin-top:auto;padding-top:32px;display:flex}.cook-back{background:var(--card);border:1px solid var(--border);border-radius:var(--r-control);width:150px;height:74px;color:var(--ink);justify-content:center;align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.cook-back:disabled{opacity:.4}.cook-next{background:var(--ink);max-width:420px;height:74px;color:var(--on-ink);border-radius:var(--r-control);border:none;flex:1;justify-content:center;align-items:center;gap:12px;font-size:20px;font-weight:800;display:flex}.cook-side{background:var(--card);border:1px solid var(--border);border-radius:var(--r-card);padding:22px}.cook-side-eyebrow{letter-spacing:2.4px;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:700}.cook-ings{flex-direction:column;gap:12px;margin-top:14px;display:flex}.cook-ing{color:var(--text-body);gap:12px;font-size:17px;line-height:1.45;display:flex}.cook-dot{background:var(--accent-dot);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:8px}.cook-rule{background:var(--divider);height:1px;margin:22px 0}.cook-coming{color:var(--text-muted);margin-top:12px;font-size:15px;line-height:1.6}.form-head{z-index:100;background:var(--card);border-bottom:1px solid var(--divider);padding:16px 32px;padding-top:calc(env(safe-area-inset-top,0px) + 16px);align-items:center;gap:18px;display:flex;position:sticky;top:0}.form-cancel{color:var(--text-muted);background:0 0;border:none;align-items:center;gap:8px;font-size:15px;font-weight:600;display:inline-flex}.form-cancel:hover{color:var(--ink)}.form-title{letter-spacing:-.4px;font-size:18px;font-weight:800}.form-actions{gap:10px;margin-left:auto;display:flex}.form-body{grid-template-columns:1fr 400px;align-items:start;gap:44px;padding:30px 32px 48px;display:grid}.field{margin-bottom:22px}.field-label{letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.field-hint{letter-spacing:0;text-transform:none;color:var(--text-muted-cream);font-size:12px;font-weight:500}.input{background:var(--card);border:1px solid var(--border);border-radius:var(--r-control);width:100%;color:var(--ink);outline:none;padding:12px 14px;font-size:15px;transition:border-color .15s}.input:focus{border-color:var(--accent-border)}.input-title{letter-spacing:-.5px;padding:16px;font-size:22px;font-weight:800}.select{cursor:pointer;max-width:240px}textarea.input{resize:vertical;line-height:1.6}.row-list{flex-direction:column;gap:8px;display:flex}.row{background:var(--card);border:1px solid var(--border);border-radius:var(--r-control);align-items:center;gap:10px;padding:2px 10px;display:flex}.row:focus-within{border-color:var(--accent-border)}.row-input{min-width:0;font:inherit;color:var(--ink);resize:none;background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:15px;line-height:1.6;overflow:hidden}.row-x{color:var(--text-muted-cream);background:0 0;border:none;padding:6px;display:flex}.row-x:hover{color:var(--ink)}.row-num{background:var(--step-disc);width:28px;height:28px;color:var(--step-disc-ink);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.step-edit+.step-edit{margin-top:14px}.step-extras{flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px 0 38px;display:flex}.step-time{background:var(--card);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--accent-text);flex-shrink:0;align-items:center;gap:7px;padding:5px 12px;display:inline-flex}.step-time:focus-within{border-color:var(--accent-border)}.step-time input{font-variant-numeric:tabular-nums;width:84px;font:inherit;color:var(--accent-text);background:0 0;border:none;outline:none;font-size:13px;font-weight:700}.step-time input::placeholder{color:var(--text-muted-cream);font-weight:500}.step-chips{flex-wrap:wrap;gap:6px;display:flex}.chip-mini{background:var(--card);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-muted);padding:5px 11px;font-size:12px;font-weight:600;transition:background .12s,border-color .12s,color .12s}.chip-mini:hover{border-color:var(--accent-border)}.chip-mini.is-on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.add-row{border-radius:var(--r-control);width:100%;color:var(--accent-text);background:0 0;border:1px dashed #d9cdb4;justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:12px;font-size:14px;font-weight:700;display:flex}.add-row:hover{background:#e8a63c0f}.photo-well{border-radius:var(--r-control);background:var(--card);width:100%;height:260px;color:var(--text-muted);background-position:50%;background-size:cover;border:1px dashed #d9cdb4;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.photo-well.has-photo{border:1px solid var(--border)}.photo-actions{gap:8px;margin-top:10px;display:flex}.tagbox{background:var(--card);border:1px solid var(--border);border-radius:var(--r-control);flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.tagbox:focus-within{border-color:var(--accent-border)}.tag-pill{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-muted);align-items:center;gap:8px;padding:6px 12px;font-size:13px;display:inline-flex}.tag-pill button{color:var(--text-muted-cream);background:0 0;border:none;padding:0;display:flex}.tagbox input{min-width:110px;font:inherit;color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:6px 4px;font-size:14px}@media (width<=900px){.cook-grid{grid-template-columns:1fr;align-content:start;gap:22px;min-height:0}.cook-main{min-height:0}.cook-actions{margin-top:22px}}@media (width<=860px){.detail-body{grid-template-columns:300px 1fr;gap:28px;padding:26px}.form-body{grid-template-columns:1fr 320px;gap:28px;padding:26px}.band-title{max-width:100%;font-size:36px}}@media (width<=720px){.detail-band{height:300px}.band-back{width:36px;height:36px;top:calc(env(safe-area-inset-top,0px) + 14px);border-radius:50%;padding:0;left:14px}.band-back .band-back-label{display:none}.band-actions{top:calc(env(safe-area-inset-top,0px) + 14px);right:14px}.band-btn{border-radius:50%;width:36px;height:36px}.band-caption{bottom:18px;left:18px;right:18px}.band-title{font-size:28px}.band-meta{flex-wrap:wrap;gap:14px;font-size:13px}.btn-cook{display:none}.btn-cook-phone{background:var(--ink);width:calc(100% - 32px);color:var(--on-ink);border-radius:var(--r-control);border:none;justify-content:center;align-items:center;gap:10px;margin:16px;padding:16px;font-size:17px;font-weight:700;display:flex}.detail-tabs{border-bottom:1px solid var(--divider);gap:24px;padding:0 16px;display:flex}.detail-tab{color:var(--text-muted-cream);background:0 0;border:none;border-bottom:2px solid #0000;padding:15px 0;font-size:15px;font-weight:700}.detail-tab.is-active{color:var(--ink);border-bottom-color:var(--accent)}.detail-body{padding:16px 16px 40px;display:block}.pane{display:none}.pane.is-active{display:block}.pane-notes{margin-top:0}.cook{padding:calc(env(safe-area-inset-top,0px) + 14px) 16px 0}.cook-head .btn-outline{border-radius:50%;justify-content:center;width:34px;height:34px;padding:0}.cook-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14px;overflow:hidden}.cook-awake{gap:0}.cook-awake .cook-awake-label{display:none}.cook-progress{gap:5px;margin:14px 0 18px}.cook-bar{height:4px}.cook-body{padding-bottom:106px}.cook-eyebrow{text-align:center;font-size:12px}.cook-step{margin-top:14px;font-size:30px;font-weight:600}.cook-step.is-long{font-size:24px}.cook-timer{justify-content:center;width:100%;margin-top:22px;font-size:17px}.cook-side{margin-top:0;padding:18px}.cook-actions{padding:12px 16px calc(env(safe-area-inset-bottom,0px) + 12px);background:var(--surface);border-top:1px solid var(--divider);gap:10px;margin:0;position:fixed;bottom:0;left:0;right:0}.cook-back{width:86px;height:66px}.cook-next{max-width:none;height:66px;font-size:19px}.form-head{padding:12px 16px;padding-top:calc(env(safe-area-inset-top,0px) + 12px);gap:10px}.form-head .form-title{display:none}.form-body{padding:16px 16px 40px;display:block}.form-body .form-side{margin-top:22px}.photo-well{height:200px}}