:root{--bg:#faf6ee;--surface:#fff;--surface-2:#f3ecdd;--ink:#23281f;--ink-soft:#5c6353;--line:#e3dac6;--accent:#dd4a22;--accent-ink:#fff;--green:#1e6b4f;--green-soft:#e2efe6;--gold:#e9a13b;--chip:#f3ecdd;--shadow:0 10px 30px #3c2a0a1a;--radius:16px}@media (prefers-color-scheme:dark){:root{--bg:#171410;--surface:#221e17;--surface-2:#2b251b;--ink:#f2ecdf;--ink-soft:#b6ad99;--line:#3a332a;--accent:#ff7a4d;--accent-ink:#241109;--green:#58c48d;--green-soft:#1d2f26;--gold:#f0b45a;--chip:#2b251b;--shadow:0 10px 30px #00000073}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:DM Sans,system-ui,sans-serif;font-size:16px;line-height:1.55}h1,h2,h3,.display{font-family:Bricolage Grotesque,DM Sans,sans-serif}img{max-width:100%;display:block}a{color:var(--green)}button{font:inherit;cursor:pointer}.wrap{max-width:1180px;margin:0 auto;padding:0 18px 64px}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:28px;padding:38px 0 8px;display:grid}.hero h1{letter-spacing:-.01em;margin:0 0 14px;font-size:clamp(2.1rem,5.4vw,3.4rem);font-weight:800;line-height:1.04}.hero h1 .hl{color:var(--accent)}.hero p.lede{color:var(--ink-soft);max-width:34rem;margin:0 0 22px;font-size:1.08rem}.hero-cta{flex-wrap:wrap;gap:10px;display:flex}.hero-photo{box-shadow:var(--shadow);border-radius:22px;overflow:hidden}.hero-photo img{object-fit:cover;width:100%;height:100%;max-height:340px}.hero-stats{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.stat{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.88rem;font-weight:500}.stat strong{color:var(--accent)}.btn{border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:11px 20px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .12s,background .12s;display:inline-flex}.btn:active{transform:scale(.97)}.btn-accent{background:var(--accent);color:var(--accent-ink)}.btn-green{background:var(--green);color:#fff}@media (prefers-color-scheme:dark){.btn-green{color:#0d1f16}}.btn-ghost{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn svg{flex:none;width:17px;height:17px}section{margin-top:42px}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:14px;margin-bottom:14px;display:flex}.sec-head h2{margin:0;font-size:1.55rem;font-weight:800}.sec-head p{color:var(--ink-soft);max-width:44rem;margin:0;font-size:.95rem}.prefs{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.prefs-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:22px 30px;display:grid}.pref-group h3{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin:0 0 10px;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:700}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line);background:var(--chip);color:var(--ink);border-radius:999px;padding:7px 14px;font-size:.9rem;font-weight:500}.chip[aria-pressed=true]{background:var(--green);border-color:var(--green);color:#fff}@media (prefers-color-scheme:dark){.chip[aria-pressed=true]{color:#0d1f16}}.seg{border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;gap:0;width:fit-content;max-width:100%;display:flex;overflow:hidden}.seg button{background:var(--surface);color:var(--ink);border:none;border-right:1px solid var(--line);padding:9px 14px;font-size:.9rem;font-weight:600}.seg button:last-child{border-right:none}.seg button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.text-input,.name-input{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);font:inherit;border-radius:12px;padding:11px 14px;font-size:.95rem}.text-input:focus,.name-input:focus{outline:2px solid var(--green);outline-offset:1px}.hint{color:var(--ink-soft);margin-top:7px;font-size:.83rem}.prefs-actions{border-top:1px dashed var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin-top:22px;padding-top:18px;display:flex}.gen-report{color:var(--ink-soft);font-size:.92rem}.gen-report strong{color:var(--ink)}.gen-report .warn{color:var(--accent);font-weight:600}.week{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px;display:grid}.day{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;gap:10px;padding:14px;display:flex}.day h3{justify-content:space-between;align-items:center;margin:0;font-size:1.05rem;display:flex}.day h3 .today-tag{letter-spacing:.06em;text-transform:uppercase;background:var(--gold);color:#2a1c05;border-radius:999px;padding:3px 9px;font-family:DM Sans,sans-serif;font-size:.7rem;font-weight:700}.slot{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden}.slot-label{letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);padding:8px 10px 0;font-size:.7rem;font-weight:700}.slot-filled{align-items:center;gap:10px;padding:6px 10px 10px;display:flex}.slot-filled img{object-fit:cover;border-radius:9px;flex:none;width:52px;height:52px}.slot-filled .dish-name{font-size:.93rem;font-weight:700;line-height:1.25}.slot-filled .dish-meta{color:var(--ink-soft);font-size:.76rem}.slot-actions{flex:none;gap:4px;margin-left:auto;display:flex}.icon-btn{border:1px solid var(--line);background:var(--surface);width:30px;height:30px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-btn svg{width:15px;height:15px}.icon-btn:hover{background:var(--surface-2)}.slot-empty{padding:4px 10px 12px}.add-btn{border:1.5px dashed var(--line);width:100%;color:var(--ink-soft);background:0 0;border-radius:10px;padding:10px;font-size:.88rem;font-weight:600}.add-btn:hover{border-color:var(--green);color:var(--green)}body.placing .add-btn,body.placing .slot-filled{outline:2px solid var(--gold);outline-offset:-1px}.placing-bar{background:var(--gold);color:#2a1c05;border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;padding:10px 16px;font-size:.92rem;font-weight:600;display:none}body.placing .placing-bar{display:flex}.placing-bar button{color:#ffe9bd;background:#2a1c05;border:none;border-radius:999px;padding:6px 14px;font-weight:700}.library{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:16px;display:grid}.dish{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.dish img{object-fit:cover;width:100%;height:160px}.dish-body{flex-direction:column;flex:1;gap:8px;padding:14px;display:flex}.dish-body h3{margin:0;font-size:1.08rem}.dish-body p{color:var(--ink-soft);margin:0;font-size:.88rem}.badges{flex-wrap:wrap;gap:6px;display:flex}.badge{background:var(--green-soft);color:var(--green);border-radius:999px;padding:3px 9px;font-size:.72rem;font-weight:700}.badge.hot{color:var(--accent);background:#fbe3d9}@media (prefers-color-scheme:dark){.badge.hot{background:#3a2318}}.badge.tier{background:var(--chip);color:var(--ink-soft)}.dish-actions{gap:8px;margin-top:auto;padding-top:6px;display:flex}.dish-actions .btn{padding:8px 14px;font-size:.85rem}.two-col{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.panel h3{margin:0 0 6px;font-size:1.15rem}.panel p.sub{color:var(--ink-soft);margin:0 0 14px;font-size:.9rem}.order-list{flex-direction:column;gap:9px;margin:0 0 16px;padding:0;list-style:none;display:flex}.order-list li{align-items:center;gap:10px;font-size:.93rem;display:flex}.order-list img{object-fit:cover;border-radius:8px;flex:none;width:38px;height:38px}.order-list .count{color:var(--ink-soft);white-space:nowrap;margin-left:auto;font-size:.85rem;font-weight:700}.order-list a.order-link{white-space:nowrap;font-size:.85rem;font-weight:700}.grocery{columns:2;column-gap:24px;margin:0 0 16px;padding-left:18px;font-size:.92rem}.grocery li{break-inside:avoid;margin-bottom:4px}.share-text{border:1px solid var(--line);background:var(--bg);width:100%;min-height:170px;color:var(--ink);font:inherit;resize:vertical;border-radius:12px;padding:12px;font-size:.85rem}.btn-row{flex-wrap:wrap;gap:9px;margin-top:12px;display:flex}.modal-backdrop{z-index:50;background:#1410088c;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.modal-backdrop.open{display:flex}.modal{background:var(--surface);color:var(--ink);border-radius:20px 20px 0 0;width:min(680px,100%);max-height:86vh;padding:20px;overflow:auto}@media (width>=640px){.modal-backdrop{align-items:center}.modal{border-radius:20px}}.modal h3{margin:0 0 4px;font-size:1.2rem}.modal p.sub{color:var(--ink-soft);margin:0 0 14px;font-size:.9rem}.picker-list{flex-direction:column;gap:8px;display:flex}.picker-item{text-align:left;background:var(--surface);border:1px solid var(--line);width:100%;color:var(--ink);border-radius:12px;align-items:center;gap:12px;padding:8px;display:flex}.picker-item:hover{border-color:var(--green)}.picker-item img{object-fit:cover;border-radius:9px;flex:none;width:54px;height:54px}.picker-item .p-name{font-size:.95rem;font-weight:700}.picker-item .p-meta{color:var(--ink-soft);font-size:.78rem}.picker-item.current{border-color:var(--gold);background:var(--surface-2)}.toast{background:var(--ink);color:var(--bg);z-index:80;text-align:center;border-radius:999px;max-width:92vw;padding:11px 20px;font-size:.92rem;font-weight:600;transition:transform .25s;position:fixed;bottom:22px;left:50%;transform:translate(-50%,80px)}.toast.show{transform:translate(-50%)}footer{border-top:1px solid var(--line);color:var(--ink-soft);margin-top:48px;padding-top:18px;font-size:.85rem}@media (width<=720px){.hero{grid-template-columns:1fr;padding-top:24px}.hero-photo img{max-height:220px}.prefs{padding:16px}.grocery{columns:1}}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 0 0;display:flex}.brand{color:var(--ink);font-family:Bricolage Grotesque,sans-serif;font-size:1.2rem;font-weight:800;text-decoration:none}.brand span{color:var(--accent)}.topbar-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.save-status{color:var(--ink-soft);font-size:.82rem}.save-status.error{color:var(--accent);font-weight:600}.recent{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.recent a{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;justify-content:space-between;gap:12px;padding:12px 16px;font-weight:600;text-decoration:none;display:flex}.recent a:hover{border-color:var(--green)}.recent .when{color:var(--ink-soft);font-size:.85rem;font-weight:400}.center-msg{text-align:center;color:var(--ink-soft);padding:80px 0}.share-link{flex-wrap:wrap;gap:8px;display:flex}.share-link input{flex:240px}