:root{--bg:#16120f;--bg2:#1d1814;--card:#211b16;--card2:#292118;--border:#332a22;--hairline:#f0e0c817;--text:#f4ecdf;--text2:#ac9f8d;--text3:#71655a;--ember:#e8874a;--ember-deep:#c9662b;--ember-bg:#e8874a21;--ember-glow:#e8874a52;--sage:#a7c080;--sage-bg:#a7c08021;--clay:#e06b54;--clay-bg:#e06b5421;--blue:#7e9cc9;--accent:var(--ember);--accent-bg:var(--ember-bg);--green:var(--sage);--green-bg:var(--sage-bg);--red:var(--clay);--red-bg:var(--clay-bg);--spring:cubic-bezier(.34, 1.4, .64, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);--radius:18px;--radius-lg:26px;--font-display:"Fraunces", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;font:15.5px/1.5 var(--font-body);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);overscroll-behavior-y:none;margin:0}body:after{content:"";z-index:9999;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#app{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{margin:0;font-weight:500}p{margin:0}button{cursor:pointer;touch-action:manipulation;font-family:inherit}button:active{transform:scale(.97)}input,select,textarea{background:var(--bg2);border:1.5px solid var(--border);color:var(--text);border-radius:14px;min-height:52px;padding:14px 16px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:var(--ember);box-shadow:0 0 0 3px var(--ember-bg);outline:none}.display{font-family:var(--font-display);letter-spacing:-.01em;font-weight:550}.label{text-transform:uppercase;letter-spacing:.14em;color:var(--text2);font-size:11.5px;font-weight:500}.rule-label{align-items:center;gap:12px;display:flex}.rule-label:after{content:"";background:var(--hairline);flex:1;height:1px}.badge{border-radius:100px;padding:4px 11px;font-size:12px;font-weight:500;display:inline-block}.badge-ok{color:var(--sage);background:var(--sage-bg)}.badge-low{color:var(--ember);background:var(--ember-bg)}.badge-out{color:var(--clay);background:var(--clay-bg)}.screen-area{flex-direction:column;flex:1;display:flex;overflow-y:auto}.screen{padding-bottom:calc(104px + env(safe-area-inset-bottom));animation:screen-in .34s var(--ease-out) both;flex:1}@keyframes screen-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.screen-header{flex-direction:column;gap:14px;padding:24px 22px 14px;display:flex}.screen-header h2{font-family:var(--font-display);letter-spacing:-.01em;font-size:30px;font-weight:550}.dock{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:50;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--hairline);background:#1e1813db;border-radius:24px;padding:6px;display:flex;position:fixed;box-shadow:0 12px 32px #00000080,0 2px 8px #0006}.dock-item{min-height:60px;color:var(--text3);letter-spacing:.04em;-webkit-user-select:none;user-select:none;border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10.5px;font-weight:500;text-decoration:none;transition:color .25s;display:flex;position:relative}.dock-item svg{transition:transform .3s var(--spring)}.dock-item:active svg{transform:scale(.85)}.dock-item.active{color:var(--ember);background:var(--ember-bg)}.dock-item.active svg{filter:drop-shadow(0 0 8px var(--ember-glow));transform:translateY(-1px)}.btn-primary{background:linear-gradient(160deg, var(--ember), var(--ember-deep));color:#1a120b;width:100%;min-height:56px;box-shadow:0 4px 16px var(--ember-glow), inset 0 1px 0 #ffffff38;transition:transform .15s var(--spring), box-shadow .2s, filter .2s;border:none;border-radius:16px;padding:16px;font-size:16px;font-weight:600}.btn-primary:active{filter:brightness(1.1);transform:scale(.97)}.btn-primary:disabled{opacity:.55;box-shadow:none}.btn-secondary{background:var(--card);color:var(--text);border:1.5px solid var(--border);min-height:56px;transition:transform .15s var(--spring), border-color .2s;border-radius:16px;flex:1;padding:14px;font-size:15px;font-weight:500}.btn-secondary:active{border-color:var(--text3)}.btn-danger{background:var(--clay-bg);color:var(--clay);border:none;border-radius:16px;width:100%;min-height:56px;margin-top:8px;padding:16px;font-size:15px;font-weight:500}.btn-text{color:var(--ember);background:0 0;border:none;min-height:44px;padding:10px;font-size:14px;font-weight:500}.btn-text:disabled{color:var(--text3)}.btn-icon{background:var(--card);border:1px solid var(--border);width:48px;height:48px;color:var(--text2);transition:transform .15s var(--spring), color .2s;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:17px;line-height:1;display:flex}.btn-icon:active{color:var(--text)}.search-bar{align-items:center;display:flex;position:relative}.search-bar input{background:var(--card);border-radius:100px;width:100%;padding-left:46px;padding-right:44px}.search-bar input[type=search]::-webkit-search-cancel-button{appearance:none}.search-icon{color:var(--text3);pointer-events:none;position:absolute;left:17px}.search-clear{color:var(--text3);background:0 0;border:none;padding:14px;font-size:14px;line-height:1;position:absolute;right:4px}.home-greeting{font-family:var(--font-display);letter-spacing:-.015em;font-size:34px;font-weight:550;line-height:1.12}.home-date{margin-top:6px}.hero-wrap{padding:4px 22px 22px}.hero-card{text-align:left;background:linear-gradient(150deg, var(--card2), var(--card) 60%);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;color:var(--text);transition:transform .2s var(--spring);padding:24px 22px;display:block;position:relative;overflow:hidden;box-shadow:0 8px 28px #00000059}.hero-card:active{transform:scale(.98)}.hero-card.hero-resume:before{content:"";background:radial-gradient(circle, var(--ember-glow), transparent 65%);pointer-events:none;border-radius:50%;width:220px;height:220px;animation:3.2s ease-in-out infinite ember-breathe;position:absolute;top:-60px;right:-60px}@keyframes ember-breathe{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.hero-card.hero-resume{border-color:#e8874a73}.hero-card.hero-empty{border:1.5px dashed var(--border);box-shadow:none;background:0 0}.hero-badge{text-transform:uppercase;letter-spacing:.14em;color:var(--ember);align-items:center;gap:7px;margin-bottom:12px;font-size:11.5px;font-weight:600;display:flex}.live-dot{background:var(--ember);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite live-pulse}@keyframes live-pulse{0%,to{box-shadow:0 0 0 0 var(--ember-glow)}50%{box-shadow:0 0 0 6px #0000}}.hero-title{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:8px;font-size:26px;font-weight:550;line-height:1.15}.hero-sub{color:var(--text2);font-size:14px}.hero-cta{color:var(--ember);align-items:center;gap:6px;margin-top:18px;font-size:15px;font-weight:600;display:inline-flex}.home-stats{gap:10px;margin-bottom:28px;padding:0 22px;display:flex}.stat-chip{text-align:left;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);min-width:0;min-height:108px;color:var(--text);transition:transform .18s var(--spring);flex-direction:column;flex:1;justify-content:space-between;align-items:flex-start;gap:8px;padding:14px;display:flex}.stat-chip:active{transform:scale(.96)}.stat-chip-icon{background:var(--ember-bg);width:38px;height:38px;color:var(--ember);border-radius:12px;justify-content:center;align-items:center;display:flex}.stat-chip-main{font-family:var(--font-display);font-size:26px;font-weight:550;line-height:1}.stat-chip-label{color:var(--text2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;display:-webkit-box;overflow:hidden}.pantry-ring{flex-shrink:0}.home-section{margin-bottom:10px}.home-section-label{padding:0 22px 12px}.carousel{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding:2px 22px 8px;display:flex;overflow-x:auto}.carousel::-webkit-scrollbar{display:none}.carousel-card{scroll-snap-align:start;text-align:left;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);width:150px;min-height:116px;color:var(--text);transition:transform .18s var(--spring);flex-direction:column;flex-shrink:0;gap:7px;padding:15px;display:flex}.carousel-card:active{transform:scale(.96)}.carousel-card-icon{background:var(--ember-bg);width:34px;height:34px;color:var(--ember);border-radius:10px;justify-content:center;align-items:center;display:flex}.carousel-card-name{font-family:var(--font-display);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}.carousel-card-meta{color:var(--text2);font-size:12px}.carousel-card-meta .stars-inline{color:var(--ember);letter-spacing:1px}.list-stagger>*{animation:row-in .4s var(--ease-out) both}.list-stagger>:first-child{animation-delay:20ms}.list-stagger>:nth-child(2){animation-delay:50ms}.list-stagger>:nth-child(3){animation-delay:80ms}.list-stagger>:nth-child(4){animation-delay:.11s}.list-stagger>:nth-child(5){animation-delay:.14s}.list-stagger>:nth-child(6){animation-delay:.17s}.list-stagger>:nth-child(n+7){animation-delay:.2s}@keyframes row-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pantry-add-row{gap:10px;padding:0 22px 18px;display:flex}.pantry-group-title{padding:20px 22px 10px}.pantry-row{align-items:center;gap:14px;min-height:72px;padding:14px 22px;display:flex}.pantry-icon-wrap{flex-shrink:0;width:44px;height:44px;position:relative}.pantry-icon-fallback{background:var(--ember-bg);color:var(--ember);font-family:var(--font-display);border-radius:13px;justify-content:center;align-items:center;font-size:18px;font-weight:550;display:flex;position:absolute;inset:0}.pantry-icon-img{object-fit:cover;border-radius:13px;width:100%;height:100%;position:absolute;inset:0}.pantry-item-ring{flex-shrink:0}.pantry-row-main{flex:1;min-width:0}.pantry-row-name{font-size:16px;font-weight:500}.pantry-row-sub{color:var(--text2);margin-top:2px;font-size:13px}.swipe-wrap{position:relative;overflow:hidden}.swipe-wrap:after{content:"";background:var(--hairline);height:1px;position:absolute;bottom:0;left:22px;right:22px}.swipe-content{background:var(--bg);z-index:1;position:relative}.swipe-actions{display:flex;position:absolute;top:0;bottom:0}.swipe-actions-right{right:0}.swipe-actions-left{left:0}.swipe-actions button{color:var(--text);border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.action-details{background:var(--ember);color:#1a120b}.action-edit{background:var(--blue);color:#10141b}.action-delete{background:var(--clay);color:#1a120b}.form{flex-direction:column;gap:6px;display:flex}.form label{margin-top:10px}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-row>div{min-width:0}.form-row input,.form-row select{width:100%}.form .btn-primary{margin-top:18px}.form-hint{color:var(--text3);margin:0 0 4px;font-size:12.5px}.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:100;background:#0a0705a6;align-items:flex-end;animation:.25s both overlay-in;display:flex;position:fixed;inset:0}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.modal{overscroll-behavior-y:contain;background:var(--bg2);border-top:1px solid var(--hairline);width:100%;max-height:88vh;padding:30px 22px calc(26px + env(safe-area-inset-bottom));animation:sheet-in .38s var(--spring) both;border-radius:28px 28px 0 0;position:relative;overflow:hidden auto;box-shadow:0 -12px 48px #00000080}@keyframes sheet-in{0%{opacity:.5;transform:translateY(60%)}to{opacity:1;transform:translateY(0)}}.modal-grabber{background:var(--border);border-radius:3px;width:42px;height:4.5px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.modal-close{width:44px;height:44px;color:var(--text2);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex;position:absolute;top:14px;right:14px}.modal-title{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:18px;padding-right:36px;font-size:23px;font-weight:550;line-height:1.2}.error-fallback{text-align:center;color:var(--text2);padding:36px 22px}.error-fallback p:nth-child(2){color:var(--clay);word-break:break-word;margin:8px 0 16px;font-size:13px}.error-fallback button{background:var(--ember-bg);color:var(--ember);border:none;border-radius:14px;min-height:52px;padding:14px 24px}.empty-state{text-align:center;color:var(--text3);white-space:pre-line;padding:56px 22px;font-size:15px;line-height:1.7}.empty-state:before{content:"✳";color:var(--border);margin-bottom:14px;font-size:26px;display:block}.shop-item{align-items:center;gap:16px;min-height:68px;padding:14px 22px;display:flex}.shop-check{border:2px solid var(--border);color:#0000;width:32px;height:32px;transition:background .25s var(--spring), border-color .2s, transform .25s var(--spring);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.shop-check svg polyline{stroke-dasharray:24;stroke-dashoffset:24px;transition:stroke-dashoffset 50ms}.shop-check.done{background:var(--ember);border-color:var(--ember);color:#1a120b;transform:scale(1.05)}.shop-check.done svg polyline{stroke-dashoffset:0;transition:stroke-dashoffset .3s var(--ease-out) 50ms}.shop-info{flex:1;min-width:0}.shop-name{font-size:16px;font-weight:500;transition:color .25s}.shop-name.struck{color:var(--text3);text-decoration:line-through}.shop-qty{color:var(--text2);margin-top:2px;font-size:13px}.shop-recipe-badge{background:var(--ember-bg);color:var(--ember);border-radius:7px;margin-top:5px;padding:2px 9px;font-size:11px;font-weight:500;display:inline-block}.shop-checked-header{justify-content:space-between;align-items:center;padding:18px 22px 4px;display:flex}.shop-progress{background:var(--border);border-radius:3px;height:5px;overflow:hidden}.shop-progress-fill{background:linear-gradient(90deg, var(--ember-deep), var(--ember));height:100%;transition:width .45s var(--ease-out);border-radius:3px}.history-insights{scrollbar-width:none;gap:10px;padding:4px 22px 14px;display:flex;overflow-x:auto}.history-insights::-webkit-scrollbar{display:none}.history-insight-chip{background:var(--card);border:1px solid var(--border);white-space:nowrap;color:var(--text2);border-radius:100px;padding:10px 18px;font-size:13.5px}.history-insight-chip strong{color:var(--text);font-family:var(--font-display);font-weight:550}.history-row{cursor:pointer;flex-direction:column;gap:5px;min-height:68px;padding:16px 22px;display:flex;position:relative}.history-row:after{content:"";background:var(--hairline);height:1px;position:absolute;bottom:0;left:22px;right:22px}.history-row:active{background:var(--card)}.history-row-name{font-family:var(--font-display);font-size:17px;font-weight:500}.history-row-meta{color:var(--text2);flex-wrap:wrap;gap:12px;font-size:13px;display:flex}.history-row-notes{color:var(--text3);font-size:13.5px;font-style:italic}.stars{gap:6px;display:flex}.star{cursor:pointer;color:var(--text3);transition:color .15s, transform .2s var(--spring);-webkit-user-select:none;user-select:none;padding:4px;font-size:30px}.star:active{transform:scale(1.25)}.star.filled{color:var(--ember)}.recipe-card-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.recipe-card-tag{background:var(--sage-bg);color:var(--sage);border-radius:8px;padding:3px 10px;font-size:12px}.cook-featured{background:linear-gradient(150deg, var(--card2), var(--card));border-radius:var(--radius);text-align:left;width:calc(100% - 44px);min-height:72px;color:inherit;transition:transform .18s var(--spring);border:1px solid #e8874a66;align-items:center;gap:12px;margin:0 22px 18px;padding:17px 18px;display:flex;position:relative;overflow:hidden}.cook-featured:active{transform:scale(.98)}.cook-featured:before{content:"";background:radial-gradient(circle, var(--ember-glow), transparent 65%);opacity:.6;pointer-events:none;border-radius:50%;width:140px;height:140px;position:absolute;top:-40px;right:-40px}.cook-featured-label{text-transform:uppercase;letter-spacing:.13em;color:var(--ember);align-items:center;gap:6px;margin-bottom:4px;font-size:11px;font-weight:600;display:flex}.cook-featured-name{font-family:var(--font-display);white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:550;overflow:hidden}.cook-featured-arrow{color:var(--ember);flex-shrink:0;margin-left:auto}.quick-picks{scroll-snap-type:x proximity;scrollbar-width:none;gap:10px;padding:2px 22px 20px;display:flex;overflow-x:auto}.quick-picks::-webkit-scrollbar{display:none}.quick-pick-card{scroll-snap-align:start;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);text-align:left;min-width:112px;min-height:88px;color:inherit;transition:transform .18s var(--spring);flex-shrink:0;padding:14px}.quick-pick-card:active{transform:scale(.95)}.quick-pick-time{font-family:var(--font-display);color:var(--ember);font-size:26px;font-weight:550;line-height:1}.quick-pick-time span{font-family:var(--font-body);color:var(--text2);margin-left:3px;font-size:12px;font-weight:400}.quick-pick-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:8px;font-size:13px;line-height:1.3;display:-webkit-box;overflow:hidden}.tag-filter-row{scrollbar-width:none;gap:8px;padding:0 22px 16px;display:flex;overflow-x:auto}.tag-filter-row::-webkit-scrollbar{display:none}.tag-chip{background:var(--card);border:1.5px solid var(--border);color:var(--text2);white-space:nowrap;min-height:44px;transition:background .2s, border-color .2s, color .2s, transform .15s var(--spring);border-radius:100px;flex-shrink:0;padding:10px 18px;font-size:14px}.tag-chip:active{transform:scale(.94)}.tag-chip.active{background:var(--ember-bg);border-color:var(--ember);color:var(--ember)}.recipe-list{padding-top:4px}.recipe-row{align-items:center;gap:12px;min-height:84px;padding:18px 22px;display:flex;position:relative}.recipe-row:after{content:"";background:var(--hairline);height:1px;position:absolute;bottom:0;left:22px;right:22px}.recipe-row:last-child:after{display:none}.recipe-row-body{text-align:left;min-width:0;color:inherit;background:0 0;border:none;flex:1;padding:0}.recipe-row-status{text-transform:uppercase;letter-spacing:.13em;align-items:center;gap:5px;margin-bottom:5px;font-size:11px;font-weight:600;display:inline-flex}.recipe-row-status.status-progress{color:var(--ember)}.recipe-row-status.status-next{color:var(--sage)}.recipe-row-name{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:5px;font-size:19px;font-weight:550}.recipe-row-meta{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.recipe-row-meta .dot{color:var(--text3);margin:0 6px}.recipe-row-action{background:var(--ember-bg);width:52px;height:52px;color:var(--ember);transition:transform .18s var(--spring), background .2s;border:1px solid #e8874a59;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.recipe-row-action:active{background:var(--ember);color:#1a120b;transform:scale(.88)}.cook-overlay{background:var(--bg);z-index:200;animation:overlay-rise .4s var(--ease-out) both;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes overlay-rise{0%{opacity:0;transform:translateY(6%)}to{opacity:1;transform:translateY(0)}}.cook-header{align-items:center;gap:12px;padding:16px 22px 0;display:flex}.cook-title{font-family:var(--font-display);flex:1;font-size:21px;font-weight:550;line-height:1.2}.cook-body{flex:1;padding:22px}.cook-footer{padding:14px 16px calc(14px + env(safe-area-inset-bottom));gap:10px;display:flex}.prep-item{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:16px;min-height:64px;padding:16px 4px;display:flex;position:relative}.prep-item:after{content:"";background:var(--hairline);height:1px;position:absolute;bottom:0;left:0;right:0}.prep-item:active{background:var(--card);border-radius:12px}.prep-num{background:var(--ember-bg);width:36px;height:36px;color:var(--ember);font-family:var(--font-display);transition:background .25s, color .25s, transform .3s var(--spring);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-weight:550;display:flex}.prep-num.done{background:var(--sage);color:#14180e;transform:scale(1.08)}.prep-text{flex:1;padding-top:6px;font-size:16px;transition:color .25s}.prep-text.done{color:var(--text3);text-decoration:line-through}.prep-clean-prompt{background:var(--card);border-left:3px solid var(--sage);color:var(--text2);border-radius:12px;margin:10px 0;padding:12px 16px;font-size:13.5px}.prep-ref-step{background:var(--card);border-radius:14px;margin-bottom:8px;padding:13px 16px}.prep-ref-title{margin-bottom:3px;font-weight:500}.prep-ref-instruction{color:var(--text2);font-size:13px}.cookmode-top{align-items:center;gap:8px;padding:14px 22px 0;display:flex}.cook-progress-track{background:var(--border);border-radius:3px;flex:1;height:5px;overflow:hidden}.cook-progress-fill{background:linear-gradient(90deg, var(--ember-deep), var(--ember));height:100%;transition:width .5s var(--ease-out);box-shadow:0 0 8px var(--ember-glow);border-radius:3px}.wake-badge{letter-spacing:.06em;color:var(--ember);background:var(--ember-bg);white-space:nowrap;border-radius:8px;padding:4px 9px;font-size:10.5px;font-weight:600}.cookmode-stepcount{align-items:baseline;gap:8px;padding:14px 22px 0;display:flex}.cookmode-stepcount .current{font-family:var(--font-display);color:var(--ember);font-size:20px;font-weight:550}.cookmode-stepcount .total{color:var(--text3);font-size:13px}.step-body-anim-fwd{animation:step-fwd .35s var(--ease-out) both}.step-body-anim-back{animation:step-back .35s var(--ease-out) both}@keyframes step-fwd{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:translate(0)}}@keyframes step-back{0%{opacity:0;transform:translate(-36px)}to{opacity:1;transform:translate(0)}}.step-watermark{font-family:var(--font-display);color:#0000;-webkit-text-stroke:1.5px var(--border);pointer-events:none;-webkit-user-select:none;user-select:none;font-size:170px;font-weight:600;line-height:1;position:absolute;top:-30px;right:-6px}.step-title{font-family:var(--font-display);letter-spacing:-.01em;margin-bottom:14px;font-size:27px;font-weight:550;line-height:1.18;position:relative}.step-instruction{font-size:18px;line-height:1.65;position:relative}.step-detail{color:var(--text2);margin-top:12px;font-size:14px;line-height:1.6;position:relative}.step-chefiq{background:var(--card);border:1px solid var(--border);color:var(--text2);border-radius:13px;margin-top:16px;padding:12px 16px;font-size:13.5px}.step-warning{background:var(--clay-bg);color:var(--clay);border-left:3px solid var(--clay);border-radius:12px;margin-top:12px;padding:12px 16px;font-size:14px}.step-clean{background:var(--sage-bg);color:var(--sage);border-left:3px solid var(--sage);border-radius:12px;margin-top:12px;padding:12px 16px;font-size:13.5px}.timer-dial{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;width:216px;height:216px;transition:transform .2s var(--spring);margin:26px auto 8px;position:relative}.timer-dial:active{transform:scale(.96)}.timer-dial svg{display:block;transform:rotate(-90deg)}.timer-dial .dial-track{stroke:var(--border)}.timer-dial .dial-fill{stroke:var(--ember);filter:drop-shadow(0 0 6px var(--ember-glow));transition:stroke-dashoffset .9s linear,stroke .3s}.timer-dial.done .dial-fill{stroke:var(--sage);filter:drop-shadow(0 0 8px #a7c08080)}.timer-dial.done{animation:dial-done .8s var(--spring)}@keyframes dial-done{0%{transform:scale(1)}35%{transform:scale(1.06)}to{transform:scale(1)}}.timer-dial-center{flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;inset:0}.timer-time{font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:44px;font-weight:550;line-height:1}.timer-dial.done .timer-time{color:var(--sage)}.timer-hint{color:var(--text2);text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:600}.timer-dial.running .timer-hint{color:var(--ember)}.btn-nav{background:var(--card);border:1.5px solid var(--border);min-height:76px;color:var(--text);cursor:pointer;transition:transform .15s var(--spring), border-color .2s;-webkit-tap-highlight-color:transparent;border-radius:20px;justify-content:center;align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.btn-nav:active{transform:scale(.96)}.btn-nav.back{color:var(--text2);flex:0 0 84px}.btn-nav.accent{background:linear-gradient(160deg, var(--ember), var(--ember-deep));color:#1a120b;box-shadow:0 6px 20px var(--ember-glow), inset 0 1px 0 #ffffff38;border:none;flex:1}.btn-nav.accent:active{filter:brightness(1.1)}.step-swipe-hint{text-align:center;color:var(--text3);letter-spacing:.1em;text-transform:uppercase;padding-bottom:4px;font-size:11px}.pd-img{object-fit:contain;background:#fffaf00a;border-radius:16px;width:100%;max-height:170px;margin-bottom:18px}.pd-section{margin-bottom:20px}.pd-section-label{color:var(--ember);text-transform:uppercase;letter-spacing:.14em;align-items:center;gap:12px;margin-bottom:10px;font-size:11px;font-weight:600;display:flex}.pd-section-label:after{content:"";background:var(--hairline);flex:1;height:1px}.pd-row{border-bottom:1px solid var(--hairline);justify-content:space-between;gap:12px;padding:8px 0;font-size:14px;display:flex}.pd-row:last-child{border-bottom:none}.pd-row-label{color:var(--text2)}.pd-row-val{color:var(--text);text-align:right}.pd-text{color:var(--text2);font-size:14px;line-height:1.65}.rd-meta{color:var(--text2);flex-wrap:wrap;gap:16px;margin-bottom:16px;font-size:13.5px;display:flex}.rd-meta-item{align-items:center;gap:6px;display:flex}.rd-meta-item svg{color:var(--ember)}.rd-prep-item{color:var(--text2);align-items:flex-start;gap:12px;padding:7px 0;font-size:14px;display:flex}.rd-prep-num{background:var(--ember-bg);width:22px;height:22px;color:var(--ember);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;display:flex}.rd-step{border-bottom:1px solid var(--hairline);padding:12px 0}.rd-step:last-child{border-bottom:none}.rd-step-highlight{background:var(--ember-bg);border-bottom:1px solid #0000;border-radius:12px;margin:0 -22px;padding:12px 22px}.rd-step-title{margin-bottom:5px;font-size:15px;font-weight:600}.rd-step-instruction{color:var(--text2);font-size:13.5px;line-height:1.55}.rd-step-chefiq{color:var(--ember);margin-top:7px;font-size:12.5px}.rd-sticky-cta{background:var(--bg2);border-top:1px solid var(--hairline);margin-top:14px;padding-top:16px;position:sticky;bottom:0}.toast-host{left:16px;right:16px;bottom:calc(96px + env(safe-area-inset-bottom));z-index:1000;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed}.toast{pointer-events:auto;background:var(--card2);animation:toast-in .4s var(--spring);border-radius:16px;align-items:center;gap:10px;padding:14px 18px;font-size:14.5px;font-weight:500;display:flex;box-shadow:0 8px 28px #0000008c}.toast-icon{flex-shrink:0;display:flex}.toast-success{color:var(--sage);border:1px solid #a7c08066}.toast-error{color:var(--clay);border:1px solid #e06b5466}@keyframes toast-in{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}main[data-nav-dir=fwd] .screen{animation:screen-fwd .32s var(--ease-out) both}main[data-nav-dir=back] .screen{animation:screen-back .32s var(--ease-out) both}@keyframes screen-fwd{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes screen-back{0%{opacity:0;transform:translate(-28px)}to{opacity:1;transform:translate(0)}}.dock-cook{min-height:60px;color:var(--text3);letter-spacing:.04em;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:2px;padding-bottom:7px;font-size:10.5px;font-weight:500;text-decoration:none;display:flex;position:relative}.dock-cook-btn{background:linear-gradient(160deg, var(--ember), var(--ember-deep));color:#1a120b;border:3px solid var(--bg);width:58px;height:58px;box-shadow:0 8px 24px var(--ember-glow), 0 2px 6px #00000080, inset 0 1px 0 #ffffff40;transition:transform .2s var(--spring);border-radius:50%;justify-content:center;align-items:center;margin-top:-28px;display:flex}.dock-cook:active .dock-cook-btn{transform:scale(.88)}.dock-cook.active{color:var(--ember)}.dock-cook.active .dock-cook-btn{animation:2.6s ease-in-out infinite cook-glow}@keyframes cook-glow{0%,to{filter:brightness()}50%{filter:brightness(1.18)}}.step-deck{padding:6px 2px 14px;position:relative}.step-deck:before{content:"";background:var(--card);border:1px solid var(--border);z-index:0;border-radius:24px;position:absolute;inset:14px -5px -7px 8px;transform:rotate(1.4deg)}.step-deck.last:before{display:none}.step-card{z-index:1;background:var(--bg2);border:1px solid var(--border);touch-action:pan-y;will-change:transform;border-radius:24px;padding:26px 22px 28px;position:relative;overflow:hidden;box-shadow:0 16px 44px #00000061}.step-ticks{flex:1;gap:4px;display:flex}.step-tick{background:var(--border);border-radius:3px;flex:1;height:4.5px;transition:background .3s}.step-tick.done{background:var(--ember)}.step-tick.current{background:var(--text);animation:1.8s ease-in-out infinite tick-pulse}@keyframes tick-pulse{0%,to{opacity:1}50%{opacity:.4}}.timer-pills{scrollbar-width:none;gap:8px;padding:0 16px 8px;display:flex;overflow-x:auto}.timer-pills::-webkit-scrollbar{display:none}.timer-pill{background:var(--card2);min-height:46px;color:var(--text);animation:toast-in .35s var(--spring);border:1.5px solid #e8874a80;border-radius:100px;flex-shrink:0;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;display:flex;box-shadow:0 4px 16px #0006}.timer-pill .pill-time{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--ember);font-weight:550}.timer-pill.pill-done{border-color:var(--sage)}.timer-pill.pill-done .pill-time{color:var(--sage)}.shelf-grid{grid-template-columns:repeat(3,1fr);gap:12px 10px;padding:0 22px 4px;display:grid}.shelf-tile{background:var(--card);border:1px solid var(--border);text-align:center;min-height:118px;color:var(--text);transition:transform .18s var(--spring);border-radius:16px;flex-direction:column;justify-content:flex-start;align-items:center;gap:7px;padding:14px 8px 12px;display:flex;position:relative;overflow:hidden}.shelf-tile:active{transform:scale(.93)}.shelf-fill{pointer-events:none;opacity:.14;transition:height .5s var(--ease-out);position:absolute;bottom:0;left:0;right:0}.shelf-fill:before{content:"";background:inherit;opacity:.9;height:2px;position:absolute;top:0;left:0;right:0}.shelf-tile.out{border-color:#e06b5473}.tile-img-wrap{width:42px;height:42px;position:relative}.tile-fallback{background:var(--ember-bg);color:var(--ember);font-family:var(--font-display);border-radius:12px;justify-content:center;align-items:center;font-size:17px;font-weight:550;display:flex;position:absolute;inset:0}.tile-img{object-fit:cover;border-radius:12px;width:100%;height:100%;position:absolute;inset:0}.tile-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12.5px;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}.tile-qty{color:var(--text2);margin-top:auto;font-size:11px;position:relative}.tile-dot{border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.shelf-board{background:linear-gradient(#3e3126,#251c14);border-radius:5px;height:9px;margin:0 22px 8px;box-shadow:0 4px 8px #0006,inset 0 1px #f0e0c812}.sheet-actions{gap:10px;margin-top:18px;display:flex}.shopswipe-wrap{position:relative;overflow:hidden}.shopswipe-wrap:after{content:"";background:var(--hairline);height:1px;position:absolute;bottom:0;left:22px;right:22px}.shopswipe-check{background:var(--sage-bg);color:var(--sage);align-items:center;padding-left:26px;display:flex;position:absolute;inset:0}.shopswipe-check svg{transition:transform .15s var(--spring)}.shopswipe-check.armed{background:#a7c08047}.shopswipe-check.armed svg{transform:scale(1.3)}.shopswipe-remove{width:96px;position:absolute;top:0;bottom:0;right:0}.shopswipe-remove button{background:var(--clay);color:#1a120b;border:none;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%;font-size:13px;font-weight:600;display:flex}.shopswipe-content{z-index:1;background:var(--bg);position:relative}.btn-primary.all-done{animation:2s ease-in-out infinite cook-glow}.month-label{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);align-items:baseline;gap:12px;padding:22px 22px 6px;font-size:19px;font-weight:550;display:flex}.month-label:after{content:"";background:var(--hairline);flex:1;align-self:center;height:1px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.cooker-screen{padding:16px 16px calc(28px + env(safe-area-inset-bottom));max-width:640px;margin-inline:auto}.cooker-head{align-items:center;gap:12px;margin-bottom:16px;display:flex}.cooker-back{border:1px solid var(--border);background:var(--card);width:44px;height:44px;color:var(--text);border-radius:14px;flex:none;place-items:center;display:grid}.cooker-head h1{font-family:var(--font-display);margin:0;font-size:1.75rem;line-height:1}.cooker-sub{color:var(--text2);margin:3px 0 0;font-size:.82rem}.cooker-status{border-radius:var(--radius);border:1px solid var(--border);background:var(--card);align-items:center;gap:9px;margin-bottom:12px;padding:12px 14px;font-size:.92rem;font-weight:600;display:flex}.cooker-status--on{border-color:var(--sage);background:var(--sage-bg);color:var(--sage)}.cooker-status--connecting{border-color:var(--ember);background:var(--ember-bg);color:var(--ember)}.cooker-status--error{border-color:var(--clay);background:var(--clay-bg);color:var(--clay)}.cooker-hint{color:var(--text2);margin:0 0 16px;font-size:.82rem;line-height:1.45}.cooker-actions{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.cooker-btn{border-radius:var(--radius);border:1px solid var(--border);background:var(--card2);min-height:52px;color:var(--text);font:600 .95rem var(--font-body);transition:transform .15s var(--spring), opacity .2s;flex:auto;justify-content:center;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.cooker-btn:active{transform:scale(.97)}.cooker-btn:disabled{opacity:.38}.cooker-btn--primary{background:var(--ember);border-color:var(--ember-deep);color:#1b1005}.cooker-chars{margin-bottom:14px}.cooker-chars summary{cursor:pointer;color:var(--text2);padding:4px 0;font-size:.85rem;font-weight:600}.cooker-chip-row{flex-wrap:wrap;gap:7px;margin-top:8px;display:flex}.cooker-chip{border:1px solid var(--border);background:var(--card);color:var(--text2);border-radius:11px;align-items:center;gap:6px;padding:7px 10px;font:600 .8rem ui-monospace,monospace;display:inline-flex}.cooker-chip.on{border-color:var(--ember);color:var(--ember);background:var(--ember-bg)}.cooker-chip span{opacity:.7;border-left:1px solid var(--hairline);padding-left:5px;font-size:.64rem}.cooker-send{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.cooker-send label{color:var(--text2);flex-direction:column;gap:5px;font-size:.78rem;font-weight:600;display:flex}.cooker-send input{border:1px solid var(--border);background:var(--bg2);color:var(--text);border-radius:12px;padding:12px;font:.9rem ui-monospace,monospace}.cooker-send input:focus{border-color:var(--ember);outline:none}.cooker-log-head{color:var(--text2);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.88rem;font-weight:700;display:flex}.cooker-clear{color:var(--text3);font:600 .8rem var(--font-body);background:0 0;border:none;align-items:center;gap:5px;display:inline-flex}.cooker-log{white-space:pre-wrap;word-break:break-word;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);height:46vh;color:var(--text2);margin:0;padding:12px;font:.72rem/1.5 ui-monospace,Cascadia Code,Menlo,monospace;overflow-y:auto}