:root{--bg: #f6f7f8;--surface: #ffffff;--surface-2: #f0f2f4;--text: #1a1f24;--muted: #67717c;--border: #e3e6ea;--accent: #2f9e6e;--accent-soft: #e3f3ec;--amber: #d97706;--amber-soft: #fdf1dd;--blue: #2563eb;--blue-soft: #e3edfd;--red: #dc2626;--red-soft: #fdeaea;--shadow: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px rgba(16, 24, 40, .04);--radius: 14px}[data-theme=dark]{--bg: #0f1418;--surface: #171e24;--surface-2: #1f2830;--text: #e8edf1;--muted: #93a0ac;--border: #2a343e;--accent: #3fb57f;--accent-soft: #14362a;--amber: #e8930c;--amber-soft: #3a2c10;--blue: #5b8ef5;--blue-soft: #152a55;--red: #ef4444;--red-soft: #461b1b;--shadow: 0 1px 3px rgba(0, 0, 0, .4)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.45;padding-bottom:calc(72px + env(safe-area-inset-bottom))}a{color:var(--accent);text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:9px 12px;width:100%}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}label{font-size:12px;font-weight:600;color:var(--muted);display:block;margin-bottom:4px}header.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}header.topbar h1{font-size:17px;font-weight:800;letter-spacing:-.01em}.logo-dot{color:var(--accent)}.icon-btn{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--border);font-size:15px}main{max-width:760px;margin:0 auto;padding:16px 18px 32px}.page-title{font-size:20px;font-weight:800;letter-spacing:-.02em;margin:4px 0 2px}.page-sub{color:var(--muted);font-size:13px;margin-bottom:18px}.section-title{font-size:15px;font-weight:700;margin:20px 0 10px;display:flex;align-items:center;justify-content:space-between}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px}.card+.card{margin-top:10px}.recipe-card{display:flex;gap:12px;align-items:flex-start}.recipe-main{flex:1;min-width:0}.recipe-name{font-weight:700;font-size:15px;letter-spacing:-.01em}.recipe-meta{color:var(--muted);font-size:12px;margin-top:2px;display:flex;gap:8px;flex-wrap:wrap}.chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted);white-space:nowrap}.chip.accent{background:var(--accent-soft);color:var(--accent)}.chip.amber{background:var(--amber-soft);color:var(--amber)}.chip.blue{background:var(--blue-soft);color:var(--blue)}.chip.red{background:var(--red-soft);color:var(--red)}.reasons{margin-top:8px;display:flex;flex-wrap:wrap;gap:6px}.macro-ring{flex-shrink:0;position:relative;width:52px;height:52px}.macro-ring svg{transform:rotate(-90deg)}.macro-ring .num{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:13px;font-weight:800}.macro-bars{display:flex;flex-direction:column;gap:3px;margin-top:6px}.macro-bar{display:grid;grid-template-columns:34px 1fr;gap:6px;align-items:center;font-size:10px;color:var(--muted);font-weight:600}.macro-track{height:5px;border-radius:99px;background:var(--surface-2);overflow:hidden}.macro-fill{height:100%;border-radius:99px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:700;font-size:13px;border-radius:10px;padding:9px 14px;border:1px solid var(--border);background:var(--surface);transition:opacity .15s}.btn:active{opacity:.7}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.small{padding:5px 10px;font-size:12px;border-radius:8px}.btn.danger{color:var(--red);border-color:var(--red-soft)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);padding:6px 8px calc(6px + env(safe-area-inset-bottom))}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;color:var(--muted);font-size:10.5px;font-weight:600;border-radius:10px}.bottom-nav a.active{color:var(--accent);background:var(--accent-soft)}.bottom-nav .ic{font-size:19px;line-height:1}.list-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0}.list-item+.list-item{border-top:1px solid var(--border)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-group{margin-bottom:12px}.more-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:6px}.more-tile{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow)}.more-tile .t{font-weight:700;font-size:14px}.more-tile .d{font-size:12px;color:var(--muted)}.empty{text-align:center;color:var(--muted);font-size:13px;padding:28px 12px;border:1px dashed var(--border);border-radius:var(--radius)}.day-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:12px}.day-head{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--surface-2);font-weight:700;font-size:13px}.meal-row{display:flex;align-items:center;gap:10px;padding:10px 16px}.meal-row+.meal-row{border-top:1px solid var(--border)}.meal-tag{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--accent);width:46px;flex-shrink:0}.meal-name{flex:1;font-size:13.5px;font-weight:600}.meal-actions{display:flex;gap:4px;align-items:center}.stars{display:flex;gap:1px}.star{font-size:14px;color:var(--border)}.star.on{color:var(--amber)}.status-pill{font-size:10.5px;font-weight:700;padding:3px 8px;border-radius:99px;border:1px solid var(--border);color:var(--muted)}.status-pill.cooked{color:var(--accent);background:var(--accent-soft);border-color:transparent}.shop-group-title{font-size:13px;font-weight:700;margin:16px 0 6px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.sale-badge{font-size:10px;font-weight:800;color:var(--red)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#0a0e128c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;align-items:end}.modal{background:var(--surface);border-radius:18px 18px 0 0;padding:20px 20px calc(20px + env(safe-area-inset-bottom));max-height:82vh;overflow-y:auto}@media (min-width: 640px){.modal-backdrop{align-items:center;justify-content:center}.modal{border-radius:18px;width:560px;max-height:82vh}}.ing-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:6px 0}.ing-row+.ing-row{border-top:1px solid var(--border)}.ing-qty{color:var(--muted);flex-shrink:0}.step{display:flex;gap:10px;font-size:13.5px;padding:6px 0}.step .n{color:var(--accent);font-weight:800;flex-shrink:0}.spinner{text-align:center;color:var(--muted);padding:30px 0;font-size:13px}.err{color:var(--red);font-size:12px;margin-top:6px}.toast{position:fixed;bottom:calc(84px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);font-size:13px;font-weight:600;padding:10px 16px;border-radius:10px;box-shadow:var(--shadow);z-index:50;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}