:root{--bg:#f3ede1;--paper:#fdf8ee;--card:#fffdf8;--card-2:#f7f0e4;--card-warm:#fbf3e0;--ink:#2a2118;--ink-soft:#5c5145;--muted:#8f8372;--line:#e3d8c4;--line-strong:#d2c3a7;--accent:#d8481f;--accent-dark:#b13a17;--accent-soft:#fae6db;--ok:#3e7d3a;--ok-dark:#2f602c;--ok-soft:#e4f0df;--danger:#b5402f;--danger-soft:#f9e3df;--info:#3f6f9e;--info-dark:#2f5280;--info-soft:#e4edf7;--amber:#b57a12;--amber-dark:#8f5f0a;--amber-soft:#f8edcf;--cat-breakfast:#e09a2e;--cat-lunch:#5a9e4b;--cat-dinner:#3f7fae;--cat-snack:#d46a8e;--radius-control:999px;--radius-field:10px;--radius-surface:0px;--radius-overlay:16px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);margin:0;font-family:system-ui,-apple-system,PingFang SC,Microsoft YaHei,sans-serif;line-height:1.5;overflow-x:hidden}::selection{background:var(--accent-soft);color:var(--ink)}#app{max-width:1120px;margin:0 auto;padding:24px 20px 80px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar{justify-content:space-between;align-items:center;gap:var(--sp-4);background:var(--ink);color:var(--paper);border-radius:var(--radius-overlay);margin-bottom:var(--sp-4);flex-wrap:wrap;padding:18px 22px;animation:.32s ease-out topbar-in;display:flex}@keyframes topbar-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.brand{align-items:center;gap:12px;min-width:0;display:flex}.logo{background:var(--accent);color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.brand-text{min-width:0}.brand h1{letter-spacing:-.02em;color:var(--paper);margin:0;font-size:25px;font-weight:800;line-height:1.15}.subtitle{color:#fdf8eea8;margin:2px 0 0;font-size:13px}.topbar-actions,.toolbar-actions{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.banner-host:empty{display:none}.banner{border-radius:12px;align-items:center;gap:10px;margin-bottom:12px;padding:12px 16px;font-size:13px;display:flex}.banner-text{flex:1;min-width:0}.banner-info{background:var(--info-soft);color:var(--info-dark)}.banner-warning{background:var(--amber-soft);color:var(--amber-dark)}.banner-error{background:var(--danger-soft);color:var(--danger)}.banner-close,.toast-close{cursor:pointer;color:inherit;opacity:.65;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:4px;transition:opacity .15s,background .15s;display:inline-flex}.banner-close:hover,.toast-close:hover{opacity:1;background:#5a462d1a}.toast-host{z-index:60;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;max-width:min(360px,100vw - 32px);display:flex;position:fixed;bottom:16px;right:16px}.toast{pointer-events:auto;background:var(--card);border-left:4px solid var(--muted);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;animation:.18s ease-out toast-in;display:flex;box-shadow:0 14px 34px #2a21182e}.toast-text{flex:1}.toast-success{border-left-color:var(--ok)}.toast-error{border-left-color:var(--danger)}.toast-info{border-left-color:var(--accent)}.toast-out{opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;transform:translateY(6px)}.toast-action{background:var(--accent);color:#fff;border-radius:var(--radius-control);cursor:pointer;border:none;padding:4px 12px;font-size:12px;font-weight:600;transition:background .15s}.toast-action:hover{background:var(--accent-dark)}.toast-action:disabled{opacity:.6;cursor:default}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tabs{background:var(--card);border-radius:var(--radius-control);scrollbar-width:none;gap:4px;width:fit-content;max-width:100%;margin-bottom:18px;padding:4px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--muted);cursor:pointer;border-radius:var(--radius-control);white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:8px 18px;font-size:14px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.tab:hover{color:var(--ink);background:var(--card-2)}.tab.active{color:var(--paper);background:var(--ink)}.tab-badge{background:var(--accent);color:#fff;border-radius:var(--radius-control);padding:1px 7px;font-size:10px;font-weight:700}.hidden{display:none}.panel:not([hidden]){animation:.22s ease-out panel-in}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.count-line{color:var(--muted);margin:6px 0 12px;font-size:13px}.btn{background:var(--card-2);color:var(--ink);border-radius:var(--radius-control);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:600;transition:background .15s,color .15s,transform 80ms;display:inline-flex}.btn:hover{background:#ece2d0}.btn:active{transform:scale(.97)}.btn:focus-visible,.tab:focus-visible,.slot:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.primary{background:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-dark)}.btn.danger{background:var(--danger-soft);color:var(--danger)}.btn.danger:hover{background:#f3d5cf}.btn.small{padding:5px 12px;font-size:13px}.btn.ghost{color:var(--paper);background:#fdf8ee24}.btn.ghost:hover{background:#fdf8ee42}dialog{border-radius:var(--radius-overlay);background:var(--card);width:min(620px,92vw);max-height:90vh;color:var(--ink);border:none;padding:22px 24px;overflow:auto;box-shadow:0 26px 64px #2a21184d}dialog::backdrop{background:#2a211880}dialog[open]{animation:.18s ease-out dialog-in}dialog[open]::backdrop{animation:.18s ease-out backdrop-in}@keyframes dialog-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}dialog h2{letter-spacing:-.01em;margin:0 0 14px;font-size:20px;font-weight:800}.dialog-body{flex-direction:column;gap:12px;display:flex}.field{margin-bottom:12px}.field label{color:var(--ink-soft);margin-bottom:4px;font-size:13px;font-weight:600;display:block}.req{color:var(--danger)}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:var(--radius-field);background-color:var(--paper);width:100%;color:inherit;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .15s,background-color .15s}.field select{padding-right:30px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:2px solid var(--accent-soft);outline-offset:0;background:#fff}.field-row{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.ingredient-row{grid-template-columns:2fr 1fr 1fr auto;gap:6px;margin-bottom:6px;display:grid}.ingredient-row input{border:1px solid var(--line);background:var(--paper);border-radius:8px;width:100%;padding:7px 9px;font-family:inherit;font-size:14px}.ingredient-row input:focus{border-color:var(--accent);outline:2px solid var(--accent-soft);outline-offset:0}.error{color:var(--danger);margin:4px 0 0;font-size:12px}.error:empty{display:none}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.hint{color:var(--muted);margin:0;font-size:13px}.inline-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inline-form input{border:1px solid var(--line);border-radius:var(--radius-field);background:var(--paper);color:inherit;flex:120px;min-width:0;padding:8px 12px;font-family:inherit;font-size:14px;transition:border-color .15s}.inline-form input:focus{border-color:var(--accent);outline:2px solid var(--accent-soft);outline-offset:0}.filter-bar{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.filter-bar input[type=search]{border:1px solid var(--line);border-radius:var(--radius-field);background:var(--card);min-width:160px;color:inherit;flex:200px;padding:9px 14px;font-size:14px;transition:border-color .15s}.filter-bar input[type=search]:focus{border-color:var(--accent);outline:2px solid var(--accent-soft);outline-offset:0}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5l3 3 3-3' fill='none' stroke='%238f8372' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;padding-right:30px}.filter-bar select{border:1px solid var(--line);border-radius:var(--radius-field);background-color:var(--card);color:inherit;padding:9px 32px 9px 12px;font-size:14px;transition:border-color .15s}.filter-bar select:focus{border-color:var(--accent);outline:2px solid var(--accent-soft);outline-offset:0}.tag-filter{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.tag{background:var(--card-2);color:var(--muted);border-radius:var(--radius-control);border:none;padding:3px 10px;font-size:12px;font-weight:500;transition:background .15s,color .15s;display:inline-block}.tag-btn{cursor:pointer}.tag-btn:hover{color:var(--ink);background:#ece2d0}.tag-btn.selected{background:var(--accent);color:#fff}.recipe-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.card{background:var(--card);border-radius:var(--radius-surface);justify-content:space-between;gap:14px;padding:16px 18px;transition:background .15s;display:flex}.card:hover{background:#fff}.card-main{flex:1;min-width:0}.card-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card-name{letter-spacing:-.01em;overflow-wrap:anywhere;font-size:18px;font-weight:700;line-height:1.35}.card-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;font-size:13px;display:flex}.card-notes{color:var(--ink-soft);overflow-wrap:anywhere;margin:8px 0 0;font-size:13px}.card-details{margin-top:8px;font-size:13px}.card-details summary{cursor:pointer;color:var(--accent-dark);align-items:center;gap:4px;font-weight:600;list-style:none;display:inline-flex}.card-details summary::-webkit-details-marker{display:none}.card-details summary:after{content:"▾";font-size:10px;transition:transform .15s;display:inline-block}.card-details[open] summary:after{transform:rotate(180deg)}.ing-list{gap:4px;margin:8px 0 0;padding:0;list-style:none;display:grid}.ing-list li{background:var(--card-2);border-radius:8px;justify-content:space-between;gap:12px;padding:5px 10px;display:flex}.ing-amount{color:var(--ink-soft);white-space:nowrap;font-variant-numeric:tabular-nums}.card-actions{flex-wrap:wrap;flex-shrink:0;align-items:flex-start;gap:6px;display:flex}.badge{border-radius:var(--radius-control);white-space:nowrap;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge svg{width:13px;height:13px}.cat-breakfast{color:var(--cat-breakfast);background:#f9edcf}.cat-lunch{color:var(--cat-lunch);background:#e3f0dd}.cat-dinner{color:var(--cat-dinner);background:#dfe9f4}.cat-snack{color:var(--cat-snack);background:#f7e2ea}.diff-easy{background:var(--ok-soft);color:var(--ok-dark)}.diff-medium{background:var(--amber-soft);color:var(--amber-dark)}.diff-hard{background:var(--danger-soft);color:var(--danger)}.chip{background:var(--card-2);border-radius:var(--radius-control);color:var(--ink-soft);white-space:nowrap;padding:4px 12px;font-size:12px;display:inline-block}.chip-manual{color:var(--amber-dark);background:var(--amber-soft);margin-left:6px}.chip-current{color:var(--info-dark);background:var(--info-soft)}.chip-more{color:var(--muted)}.chips{flex-wrap:wrap;gap:6px;display:flex}.stats-panel{background:var(--card);border-radius:var(--radius-surface);margin-bottom:16px;padding:18px}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:14px;display:grid}.stat-card{background:var(--card-2);border-radius:var(--radius-surface);flex-direction:column;gap:2px;padding:12px 14px;display:flex}.stat-num{letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.stat-label{color:var(--muted);font-size:12px}.stats-highlights{color:var(--muted);flex-wrap:wrap;gap:8px 20px;margin-bottom:14px;font-size:13px;display:flex}.stats-highlights p{margin:0}.stats-highlights strong{color:var(--ink);font-weight:700}.stats-subtitle{color:var(--ink-soft);margin:0 0 8px;font-size:14px;font-weight:700}.stats-subtitle:not(:first-of-type){margin-top:18px}.bar-row{grid-template-columns:92px 1fr 32px;align-items:center;gap:10px;margin-bottom:8px;display:grid}.bar-label{color:var(--ink-soft);align-items:center;gap:6px;font-size:13px;display:flex}.bar-label svg{width:13px;height:13px}.bar-track{background:var(--card-2);border-radius:var(--radius-control);height:12px;overflow:hidden}.bar-fill{border-radius:var(--radius-control);transform-origin:0;min-width:2px;height:100%;animation:.5s ease-out bar-grow}@keyframes bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.bar-value{text-align:right;font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:13px}.cat-bg-breakfast{background:var(--cat-breakfast)}.cat-bg-lunch{background:var(--cat-lunch)}.cat-bg-dinner{background:var(--cat-dinner)}.cat-bg-snack{background:var(--cat-snack)}.plan-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.plan-toolbar .hint{font-size:13px}.hint-x{vertical-align:-1px;display:inline-flex}.plan-empty-hint{background:var(--card-2);color:var(--ink-soft);border-radius:12px;margin:0 0 12px;padding:12px 16px;font-size:13px}.plan-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;display:grid}.day-col{background:var(--card);border-radius:var(--radius-surface);flex-direction:column;gap:6px;min-width:0;padding:10px;display:flex}.day-col.weekend{background:var(--card-warm)}.day-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px;padding:2px 2px 4px;display:flex}.day-name{letter-spacing:.02em;font-size:14px;font-weight:700}.day-head .btn{padding:3px 10px;font-size:12px}.slot{border:2px dashed var(--line-strong);cursor:pointer;overflow-wrap:anywhere;border-radius:10px;flex-direction:column;gap:2px;min-height:50px;padding:7px 9px;font-size:12px;transition:border-color .15s,background .15s,transform 80ms;display:flex;position:relative}.slot:hover{border-color:var(--accent);background:var(--accent-soft)}.slot:active{transform:scale(.98)}.slot.filled{border:none;border-left:4px solid var(--cat,var(--line-strong));background:var(--card-2)}.slot.filled:hover{background:#f1e7d3}.slot-meal{color:var(--muted);letter-spacing:.04em;font-size:11px;font-weight:600}.slot-recipe{overflow-wrap:anywhere;font-weight:600;line-height:1.3}.slot-meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.slot-clear{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;width:22px;height:22px;padding:3px;font-size:12px;transition:color .15s,background .15s;display:grid;position:absolute;top:4px;right:4px}.slot-clear:hover{color:var(--danger);background:var(--danger-soft)}.empty-slot .slot-add{color:var(--muted);flex:1;justify-content:center;align-items:center;font-weight:600;display:flex}.copy-targets{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;display:grid}.copy-target{background:var(--card-2);border-radius:var(--radius-field);cursor:pointer;align-items:center;gap:8px;padding:10px 12px;font-size:14px;transition:background .15s;display:flex}.copy-target:hover{background:#ece2d0}.copy-target:has(input:checked){background:var(--accent-soft);outline:2px solid var(--accent);outline-offset:0}.copy-target.disabled{opacity:.5;cursor:not-allowed}.template-list{gap:8px;max-height:46vh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.template-item{background:var(--card-2);border-radius:var(--radius-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.template-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.template-name{font-weight:700}.template-meta,.template-warn{color:var(--muted);font-size:12px}.template-warn{color:var(--danger);font-weight:600}.template-actions{flex-wrap:wrap;gap:6px;display:flex}input#picker-search{border:1px solid var(--line);border-radius:var(--radius-field);background:var(--paper);width:100%;color:inherit;padding:9px 14px;font-size:14px;transition:border-color .15s}input#picker-search:focus{border-color:var(--accent);outline:2px solid var(--accent-soft);outline-offset:0}.picker-list{gap:8px;max-height:48vh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.picker-item{background:var(--card-2);border-radius:var(--radius-surface);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;transition:background .15s;display:flex}.picker-item.current{background:var(--accent-soft)}.picker-info{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.picker-info .card-meta{margin:0;display:inline}.shopping-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.shopping-head .count-line{margin:4px 0}.pantry-panel{background:var(--card);border-radius:var(--radius-surface);margin:8px 0 14px;padding:14px 16px}.panel-title{margin:0 0 10px;font-size:15px;font-weight:700}.panel-note{color:var(--muted);margin-left:4px;font-size:12px;font-weight:400}.pantry-list{gap:6px;margin:0 0 10px;padding:0;list-style:none;display:grid}.pantry-empty{color:var(--muted);font-size:13px}.pantry-item{background:var(--card-2);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex}.pantry-name{overflow-wrap:anywhere;flex:1;min-width:0}.pantry-amount{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}#manual-form{margin-bottom:4px}.shopping-list{gap:8px;max-width:640px;margin:8px 0 0;padding:0;list-style:none;display:grid}.shop-item{background:var(--card);border-radius:var(--radius-surface);align-items:center;gap:10px;padding:12px 16px;transition:background .15s,opacity .15s;display:flex}.shop-item:hover{background:#fff}.shop-item label{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.shop-item input[type=checkbox]{width:19px;height:19px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.shop-name{overflow-wrap:anywhere;flex:1;min-width:0}.shop-amount{color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}.shop-item-side{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.shop-pantry{color:var(--amber-dark);white-space:nowrap;font-size:12px}.shop-remove{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;width:24px;height:24px;padding:3px;font-size:12px;transition:color .15s,background .15s;display:grid}.shop-remove:hover{color:var(--danger);background:var(--danger-soft)}.shop-item.bought{opacity:.55}.shop-item.bought .shop-name{text-decoration:line-through}.shop-item.covered{border-left:4px solid var(--ok)}.shop-item.manual{border-left:4px solid var(--amber)}.data-actions{flex-wrap:wrap;gap:8px;display:flex}.empty-row{list-style:none}.empty-state{text-align:center;border:2px dashed var(--line-strong);border-radius:var(--radius-surface);background:var(--card);flex-direction:column;align-items:center;gap:6px;padding:44px 20px;display:flex}.empty-icon{background:var(--accent-soft);width:60px;height:60px;color:var(--accent);border-radius:50%;place-items:center;margin-bottom:4px;display:grid}.empty-icon svg{width:30px;height:30px}.empty-title{margin:4px 0 0;font-size:16px;font-weight:700}.empty-hint{color:var(--muted);max-width:42ch;margin:0;font-size:13px}.empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}@media (width<=900px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){#app{padding:14px 12px 64px}.topbar{align-items:stretch;padding:16px}.brand h1{font-size:21px}.topbar-actions{width:100%}.topbar-actions .btn{flex:1}.field-row{grid-template-columns:1fr}.ingredient-row{grid-template-columns:1fr 1fr}.ingredient-row .remove-ing{grid-column:2;justify-self:end}.card{flex-direction:column}.card-actions{justify-content:flex-end}.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.day-col{padding:10px}.slot{min-height:52px}.template-item{flex-direction:column;align-items:stretch}.template-actions .btn{flex:1}.shop-item{align-items:flex-start}.toast-host{align-items:stretch;max-width:none;bottom:12px;left:12px;right:12px}.bar-row{grid-template-columns:72px 1fr 28px}.tabs{width:100%}.tab{flex:1;justify-content:center;padding:8px 12px}}@media (width<=420px){.plan-grid,.ingredient-row{grid-template-columns:1fr}.ingredient-row .remove-ing{grid-column:1;justify-self:end}.bar-row{grid-template-columns:64px 1fr 26px}.stat-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}