:root{--bg: #fff8f3;--surface: #ffffff;--surface-2: #fdf1e7;--border: #f0ddce;--text: #2c2118;--muted: #8a7866;--accent: #e8590c;--accent-soft: #ffe8d6;--green: #2f9e44;--red: #e03131;--yellow: #f59f00;--shadow: 0 1px 2px rgba(60, 40, 20, .06), 0 6px 20px rgba(60, 40, 20, .06);--radius: 14px;color-scheme:light}[data-theme=dark]{--bg: #16130f;--surface: #211c17;--surface-2: #2a231c;--border: #372e25;--text: #f2e9e0;--muted: #a49483;--accent: #ff8a3d;--accent-soft: #3a2517;--green: #51cf66;--red: #ff6b6b;--yellow: #ffd43b;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 20px rgba(0, 0, 0, .25);color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-tap-highlight-color:transparent}a{color:var(--accent);text-decoration:none}h1,h2,h3{margin:0 0 .5rem;line-height:1.25}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}.app{min-height:100%;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.6rem;padding:.7rem 1rem;padding-top:calc(.7rem + env(safe-area-inset-top));background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar h1{font-size:1.15rem;margin:0;flex:1}.topbar .spacer{flex:1}.container{padding:1rem;max-width:1100px;margin:0 auto}.nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;justify-content:space-around;padding:.4rem .3rem calc(.4rem + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border)}.nav a{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:.35rem 0;font-size:.68rem;color:var(--muted);font-weight:600;border-radius:10px}.nav a.active{color:var(--accent);background:var(--accent-soft)}.nav .ico{font-size:1.25rem;line-height:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1rem;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-weight:600;cursor:pointer;transition:transform .06s ease,background .15s ease}.btn:active{transform:scale(.97)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.ghost{background:transparent;border-color:transparent}.btn.danger{color:var(--red);border-color:color-mix(in srgb,var(--red) 40%,transparent)}.btn.sm{padding:.35rem .7rem;font-size:.85rem}.btn:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{width:100%;padding:.6rem .75rem;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}textarea{min-height:120px;resize:vertical}label{display:block;font-size:.8rem;font-weight:700;color:var(--muted);margin-bottom:.25rem}.field{margin-bottom:.9rem}.row{display:flex;gap:.6rem}.row>*{flex:1;min-width:0}.chip{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600;background:var(--surface-2);color:var(--muted);border:1px solid var(--border);cursor:pointer;white-space:nowrap}.chip.on{background:var(--accent);color:#fff;border-color:var(--accent)}.chips{display:flex;gap:.4rem;flex-wrap:wrap}.scroller{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.3rem;scrollbar-width:none}.scroller::-webkit-scrollbar{display:none}.cap{display:inline-block}.cap:first-letter{text-transform:uppercase}.muted{color:var(--muted)}.small{font-size:.82rem}.center{text-align:center}.stack{display:flex;flex-direction:column;gap:.8rem}.between{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.empty{padding:2.5rem 1rem;text-align:center;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.8rem}@media (min-width: 700px){.grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}.recipe-card{overflow:hidden;display:flex;flex-direction:column;height:100%}.recipe-card .thumb-wrap{display:block}.recipe-card .thumb{aspect-ratio:4 / 3;background:var(--surface-2) center/cover no-repeat;display:flex;align-items:center;justify-content:center;font-size:2rem}.recipe-card .body{padding:.6rem .7rem .7rem;display:flex;flex-direction:column;gap:.3rem;flex:1}.recipe-card .title{font-weight:700;font-size:.95rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em;align-items:flex-start;text-align:left;padding:0;border:0;background:none;color:inherit;font-family:inherit}.recipe-card .meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;font-size:.72rem;color:var(--muted);min-height:1.5em}.recipe-card .body>.btn,.recipe-card .body>a.btn{margin-top:auto}.badge{padding:.1rem .45rem;border-radius:6px;background:var(--surface-2);font-size:.7rem;font-weight:700;color:var(--muted)}.badge.accent{background:var(--accent-soft);color:var(--accent)}.fav{position:absolute;top:.5rem;right:.5rem;font-size:1.2rem}.thumb-wrap{position:relative}.recipe-card.picked{outline:3px solid var(--accent);outline-offset:-1px}.recipe-card .thumb-wrap{cursor:pointer}.bulk-bar{position:fixed;left:50%;transform:translate(-50%);bottom:calc(80px + env(safe-area-inset-bottom));z-index:35;display:flex;align-items:center;gap:.6rem;padding:.5rem .6rem .5rem 1rem;border-radius:999px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);font-size:.85rem;font-weight:600;white-space:nowrap}.stars{display:inline-flex;gap:1px;font-size:1rem;line-height:1}.stars button{background:none;border:none;padding:0 1px;font-size:inherit;cursor:pointer}.star-on{color:var(--yellow)}.star-off{color:var(--border)}.hero-img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius)}.video{width:100%;aspect-ratio:16/9;border:0;border-radius:var(--radius)}.ing-list{list-style:none;margin:0;padding:0}.ing-list li{display:flex;gap:.6rem;padding:.5rem 0;border-bottom:1px solid var(--border)}.ing-list li:last-child{border-bottom:0}.ing-qty{font-weight:700;min-width:84px;color:var(--accent)}.steps{padding-left:1.1rem;margin:0}.steps li{margin-bottom:.8rem}.week{display:grid;gap:.6rem}.day{padding:.7rem .8rem}.day.today{border-color:var(--accent)}.day h3{display:flex;align-items:baseline;gap:.4rem}.slots{display:grid;gap:.5rem;grid-template-columns:1fr}@media (min-width: 640px){.slots{grid-template-columns:1fr 1fr}}.slot{display:flex;gap:.6rem;align-items:center;padding:.5rem;border:1px dashed var(--border);border-radius:10px;background:var(--surface-2);cursor:pointer;min-height:62px;text-align:left;width:100%;font:inherit;color:inherit}.slot.filled{border-style:solid;background:var(--surface)}.slot .slot-thumb{width:44px;height:44px;border-radius:8px;background:var(--accent-soft) center/cover no-repeat;flex:none;display:grid;place-items:center}.slot .slot-main{flex:1;min-width:0}.slot .slot-title{font-weight:700;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot .slot-sub{font-size:.74rem;color:var(--muted)}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.month-cell{aspect-ratio:1;padding:2px;border-radius:8px;background:var(--surface);border:1px solid var(--border);font-size:.65rem;overflow:hidden;cursor:pointer}.month-cell.other{opacity:.35}.month-cell.today{border-color:var(--accent)}.month-cell .dnum{font-weight:700}.month-cell .dot{display:block;height:4px;border-radius:2px;background:var(--accent);margin-top:2px}.dow{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;font-size:.65rem;color:var(--muted);text-align:center;font-weight:700;margin-bottom:3px}.aisle-title{margin:1.1rem 0 .4rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.item{display:flex;align-items:center;gap:.75rem;padding:.7rem .8rem;border-bottom:1px solid var(--border)}.item:last-child{border-bottom:0}.item.done .item-name{text-decoration:line-through;color:var(--muted)}.item input[type=checkbox]{width:26px;height:26px;flex:none;accent-color:var(--accent)}.shopping-mode .item{padding:1rem .9rem}.shopping-mode .item input[type=checkbox]{width:34px;height:34px}.shopping-mode .item-name{font-size:1.05rem}.item-main{flex:1;min-width:0}.item-name{font-weight:600}.item-sub{font-size:.74rem;color:var(--muted)}.offline-banner{position:sticky;top:0;z-index:25;padding:.45rem 1rem;background:var(--yellow);color:#2c2118;font-size:.8rem;font-weight:700;text-align:center}.progress{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}.progress span{display:block;height:100%;background:var(--green);transition:width .25s ease}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:40;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:620px;max-height:88vh;overflow-y:auto;background:var(--surface);border-radius:18px 18px 0 0;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));animation:up .18s ease}@media (min-width: 700px){.sheet-backdrop{align-items:center}.sheet{border-radius:18px}}@keyframes up{0%{transform:translateY(18px);opacity:.6}to{transform:none;opacity:1}}.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:1.2rem}.login-card{width:100%;max-width:380px;padding:1.6rem}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(84px + env(safe-area-inset-bottom));z-index:60;background:var(--text);color:var(--bg);padding:.6rem 1rem;border-radius:999px;font-size:.85rem;font-weight:600;box-shadow:var(--shadow)}.alert{padding:.7rem .9rem;border-radius:10px;font-size:.88rem;background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}.alert.error{background:color-mix(in srgb,var(--red) 12%,transparent);color:var(--red);border-color:color-mix(in srgb,var(--red) 30%,transparent)}.fab{position:fixed;right:1rem;bottom:calc(84px + env(safe-area-inset-bottom));z-index:25;width:54px;height:54px;border-radius:50%;border:none;background:var(--accent);color:#fff;font-size:1.6rem;box-shadow:var(--shadow);cursor:pointer}.spinner{width:22px;height:22px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;margin:2rem auto}@keyframes spin{to{transform:rotate(360deg)}}