:root{--app-bg: #f3e6d6;--bg: #fff8f0;--surface: #ffffff;--surface-2: #fff1e2;--surface-3: #fbe7d2;--primary: #e8792b;--primary-dark: #c55a1a;--primary-soft: #fde8d6;--accent: #b3243b;--accent-soft: #f7dde1;--green: #4c8c4a;--green-soft: #e2efe0;--gold: #f2a93b;--text: #2e2a26;--text-soft: #857a6d;--text-faint: #a99e8f;--border: #f0e2ce;--border-strong: #e6d3b8;--shadow-sm: 0 2px 8px rgba(150, 95, 40, .08);--shadow: 0 8px 22px rgba(170, 105, 45, .13);--shadow-lg: 0 24px 60px rgba(120, 70, 30, .25);--radius: 18px;--radius-sm: 12px;--radius-lg: 26px;--font-display: "Baloo 2", "Trebuchet MS", system-ui, sans-serif;--font-body: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;--nav-h: 72px}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%}body{font-family:var(--font-body);color:var(--text);background:var(--app-bg);display:flex;justify-content:center;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}ul{list-style:none}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.app-shell{width:100%;max-width:480px;height:100dvh;background:var(--bg);display:flex;flex-direction:column;position:relative;overflow:hidden}.scroll-area{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 18px 24px}.scroll-area.no-pad{padding:0}@media (min-width: 620px){body{align-items:flex-start;padding:26px 0;background:radial-gradient(120% 90% at 50% 0%,#f7ecdd,#ecdcc6 55%,#e3cdb0)}.app-shell{height:calc(100dvh - 52px);border-radius:34px;border:1px solid var(--border-strong);box-shadow:var(--shadow-lg)}}.topbar{flex-shrink:0;padding:18px 18px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(180deg,var(--bg) 60%,rgba(255,248,240,0))}.topbar h1{font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.01em}.topbar .subtitle{font-size:.82rem;color:var(--text-soft);font-weight:600}.icon-btn{width:42px;height:42px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:grid;place-items:center;font-size:1.1rem;box-shadow:var(--shadow-sm);flex-shrink:0;transition:transform .12s ease}.icon-btn:active{transform:scale(.92)}.bottom-nav{flex-shrink:0;height:var(--nav-h);padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);display:flex;justify-content:space-around;align-items:stretch;box-shadow:0 -6px 20px #965f280f}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-faint);font-size:.66rem;font-weight:700;letter-spacing:.02em;position:relative}.bottom-nav a .nav-icon{font-size:1.28rem;line-height:1;filter:grayscale(.4) opacity(.7);transition:transform .15s ease}.bottom-nav a.active{color:var(--primary-dark)}.bottom-nav a.active .nav-icon{filter:none;transform:translateY(-2px) scale(1.08)}.bottom-nav a.active:after{content:"";position:absolute;top:6px;width:26px;height:3px;border-radius:3px;background:var(--primary)}.section-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;margin:22px 0 10px;display:flex;align-items:center;justify-content:space-between}.section-title .link{font-family:var(--font-body);font-size:.8rem;font-weight:700;color:var(--primary-dark)}.muted{color:var(--text-soft)}.tiny{font-size:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border-radius:999px;font-weight:800;font-size:.9rem;border:1px solid transparent;transition:transform .12s ease,background .15s ease}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--primary));color:#fff;box-shadow:var(--shadow)}.btn-ghost{background:var(--surface);border-color:var(--border-strong);color:var(--primary-dark)}.btn-soft{background:var(--primary-soft);color:var(--primary-dark)}.btn-block{display:flex;width:100%}.btn-sm{padding:8px 14px;font-size:.82rem}.chip-row{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.chip-row::-webkit-scrollbar{display:none}.chip-wrap{display:flex;flex-wrap:wrap;gap:8px}.chip{flex-shrink:0;padding:8px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--border-strong);font-size:.82rem;font-weight:700;color:var(--text-soft);white-space:nowrap;transition:all .14s ease}.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.chip.active.accent{background:var(--accent);border-color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.hero{border-radius:var(--radius-lg);overflow:hidden;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);margin-top:4px}.hero .hero-body{padding:16px 16px 18px}.hero .hero-date{font-weight:800;color:var(--primary-dark);font-size:.8rem;letter-spacing:.02em;text-transform:uppercase}.hero h2{font-family:var(--font-display);font-size:1.25rem;margin:2px 0 6px}.meal-card{display:flex;gap:12px;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);margin-bottom:12px;align-items:stretch;width:100%;text-align:left}.meal-card .thumb{width:92px;height:92px;border-radius:14px;flex-shrink:0;overflow:hidden;position:relative;background:var(--surface-2);display:block}.meal-card .meal-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.meal-slot-label{font-size:.7rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--primary-dark)}.meal-card h3,.meal-card .mc-title{font-family:var(--font-display);font-size:1rem;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.meal-card[role=button]{cursor:pointer}.meal-meta{display:flex;flex-wrap:wrap;gap:6px 10px;font-size:.74rem;color:var(--text-soft);font-weight:700;margin-top:auto}.meal-actions{display:flex;flex-direction:column;justify-content:center;gap:6px;flex-shrink:0}.round-action{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--border);font-size:.95rem}.round-action.on{background:var(--accent-soft);border-color:var(--accent)}.recipe-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;text-align:left}.recipe-card .img-wrap{aspect-ratio:16 / 11;position:relative;background:var(--surface-2)}.recipe-card .rc-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px;flex:1}.recipe-card h3{font-family:var(--font-display);font-size:.95rem;font-weight:600;line-height:1.2}.recipe-card .rc-meta{font-size:.73rem;color:var(--text-soft);font-weight:700;margin-top:auto}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.img-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:2.4rem;background:linear-gradient(135deg,var(--surface-2),var(--surface-3));color:var(--primary-dark)}.img-wrap img,.thumb img{width:100%;height:100%;object-fit:cover}.fav-heart{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:#ffffffeb;display:grid;place-items:center;font-size:.9rem;box-shadow:var(--shadow-sm)}.tag{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.02em;background:var(--surface-2);color:var(--text-soft);text-transform:uppercase}.tag.veg{background:var(--green-soft);color:var(--green)}.tag.nonveg{background:var(--accent-soft);color:var(--accent)}.tag.region{background:var(--primary-soft);color:var(--primary-dark)}.segmented{display:flex;background:var(--surface-2);border-radius:999px;padding:4px;gap:4px}.segmented button{flex:1;padding:8px 10px;border-radius:999px;font-weight:800;font-size:.8rem;color:var(--text-soft)}.segmented button.active{background:var(--surface);color:var(--primary-dark);box-shadow:var(--shadow-sm)}.field{margin-bottom:18px}.field>label{display:block;font-weight:800;font-size:.9rem;margin-bottom:8px}.field .hint{font-size:.78rem;color:var(--text-soft);margin-bottom:8px;font-weight:600}.text-input{width:100%;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);font-weight:600}.text-input:focus{outline:2px solid var(--primary-soft);border-color:var(--primary)}.stepper{display:flex;align-items:center;gap:14px}.stepper button{width:40px;height:40px;border-radius:50%;background:var(--primary-soft);color:var(--primary-dark);font-size:1.3rem;font-weight:800;display:grid;place-items:center}.stepper .value{font-family:var(--font-display);font-size:1.3rem;font-weight:700;min-width:48px;text-align:center}.option-list{display:flex;flex-direction:column;gap:8px}.option{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);text-align:left;width:100%}.option .opt-title{font-weight:800;font-size:.92rem}.option .opt-hint{font-size:.76rem;color:var(--text-soft);font-weight:600}.option .opt-check{margin-left:auto;width:22px;height:22px;border-radius:50%;border:2px solid var(--border-strong);display:grid;place-items:center;flex-shrink:0;font-size:.7rem;color:#fff}.option.active{border-color:var(--primary);background:var(--primary-soft)}.option.active .opt-check{background:var(--primary);border-color:var(--primary)}.nutri{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:4px 0}.nutri .n-cell{background:var(--surface-2);border-radius:14px;padding:10px 6px;text-align:center}.nutri .n-val{font-family:var(--font-display);font-weight:700;font-size:1.05rem}.nutri .n-lbl{font-size:.66rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--text-soft)}.detail-hero{position:relative;aspect-ratio:16 / 12;background:var(--surface-2)}.detail-hero .back-btn,.detail-hero .fav-btn{position:absolute;top:14px;width:40px;height:40px;border-radius:50%;background:#fffffff0;display:grid;place-items:center;font-size:1rem;box-shadow:var(--shadow)}.detail-hero .back-btn{left:14px}.detail-hero .fav-btn{right:14px}.detail-body{padding:16px 18px 30px}.detail-body h1{font-family:var(--font-display);font-size:1.5rem;line-height:1.2;margin-bottom:6px}.detail-meta-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}.ingredient-list li,.step-list li{padding:11px 0;border-bottom:1px dashed var(--border-strong);font-weight:600;font-size:.92rem}.ingredient-list li:last-child,.step-list li:last-child{border-bottom:none}.step-list li{display:flex;gap:12px;align-items:flex-start}.step-list .step-num{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--primary);color:#fff;font-weight:800;font-size:.8rem;display:grid;place-items:center}.tip-box{margin-top:16px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--green-soft);color:#33612f;font-weight:600;font-size:.86rem;display:flex;gap:8px}.grocery-aisle{margin-top:18px}.grocery-aisle h3{font-family:var(--font-display);font-size:.92rem;color:var(--primary-dark);margin-bottom:6px}.grocery-item{display:flex;align-items:center;gap:12px;padding:11px 4px;border-bottom:1px solid var(--border);width:100%;text-align:left}.grocery-item .checkbox{width:24px;height:24px;border-radius:8px;border:2px solid var(--border-strong);flex-shrink:0;display:grid;place-items:center;color:#fff;font-size:.75rem}.grocery-item.done .checkbox{background:var(--green);border-color:var(--green)}.grocery-item.done .g-label{text-decoration:line-through;color:var(--text-faint)}.g-label{font-weight:700;font-size:.9rem}.g-sub{font-size:.72rem;color:var(--text-faint);font-weight:600}.pantry-input-row{display:flex;gap:8px}.pantry-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 8px 7px 13px;border-radius:999px;background:var(--green-soft);color:#33612f;font-weight:700;font-size:.82rem}.pantry-chip button{width:18px;height:18px;border-radius:50%;background:#33612f26;display:grid;place-items:center;font-size:.7rem;color:#33612f}.match-bar{height:6px;border-radius:3px;background:var(--border);overflow:hidden;margin-top:6px}.match-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--green))}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#28190c73;display:flex;align-items:flex-end;justify-content:center;z-index:50;animation:fade .18s ease}.sheet{width:100%;max-width:480px;background:var(--bg);border-radius:26px 26px 0 0;padding:10px 18px calc(20px + env(safe-area-inset-bottom));max-height:82dvh;overflow-y:auto;animation:slideup .22s ease}.sheet .grabber{width:42px;height:5px;border-radius:3px;background:var(--border-strong);margin:6px auto 12px}.sheet h3{font-family:var(--font-display);font-size:1.1rem;margin-bottom:4px}@keyframes fade{0%{opacity:0}}@keyframes slideup{0%{transform:translateY(100%)}}.empty{text-align:center;padding:48px 24px;color:var(--text-soft)}.empty .emoji{font-size:2.6rem;margin-bottom:10px}.empty h3{font-family:var(--font-display);color:var(--text);margin-bottom:6px}.onb{padding:26px 22px 30px;min-height:100%;display:flex;flex-direction:column}.onb .onb-emoji{font-size:3rem}.onb h1{font-family:var(--font-display);font-size:1.7rem;line-height:1.15;margin:10px 0 8px}.onb .progress{display:flex;gap:6px;margin:18px 0}.onb .progress span{flex:1;height:5px;border-radius:3px;background:var(--border-strong)}.onb .progress span.on{background:var(--primary)}.spacer{flex:1}.stack{display:flex;flex-direction:column;gap:10px}.row{display:flex;gap:10px;align-items:center}.wrap-gap{display:flex;flex-wrap:wrap;gap:8px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.center{text-align:center}