:root{--bg: #fafaf7;--surface: #ffffff;--border: #e3e3df;--text: #1f2421;--muted: #6b6e6c;--accent: #2a9d8f;--accent-dark: #1f7a70;--good: #2a9d8f;--warn: #f4a261;--bad: #e76f51}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:15px}a{color:var(--accent-dark);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--border);background:var(--surface);padding:.5rem 1rem;border-radius:6px;min-height:44px}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover{background:var(--accent-dark)}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{width:100%;padding:.5rem;border:1px solid var(--border);border-radius:6px;background:#fff}input.unit-warning{border-color:var(--warn)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-nav{display:flex;gap:.25rem;flex-wrap:wrap;padding:.75rem 1rem;background:var(--surface);border-bottom:1px solid var(--border)}.app-nav a{padding:.5rem .75rem;border-radius:6px;min-height:44px;display:inline-flex;align-items:center}.app-nav a.active{background:var(--accent);color:#fff}.app-main{flex:1;padding:1rem;max-width:1100px;width:100%;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.page-header h1{font-size:1.4rem;margin:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem;margin-bottom:1rem}.grid{display:grid;gap:.75rem}.grid.cols-2{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.grid.cols-3{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.muted{color:var(--muted)}.row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.row.between{justify-content:space-between}.tag{display:inline-block;padding:.1rem .5rem;border-radius:999px;background:#eef3f1;color:var(--accent-dark);font-size:.8rem}.nutrition-badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.8rem;color:#fff}.nutrition-badge.good{background:var(--good)}.nutrition-badge.warn{background:var(--warn)}.nutrition-badge.bad{background:var(--bad)}.star{font-size:1.4rem;cursor:pointer;color:#d0d0c8;padding:0 2px}.star.filled{color:#f5a623}.heart{font-size:1.4rem;cursor:pointer}.heart.filled{color:#e76f51}.error{color:var(--bad)}.notice{color:var(--accent-dark)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:20;padding:1rem}.modal{background:var(--surface);border-radius:8px;padding:1.25rem;max-width:480px;width:100%}.menu-grid{display:grid;grid-template-columns:80px repeat(7,1fr);gap:.4rem}.menu-cell{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.4rem;min-height:64px;font-size:.85rem}.menu-cell.head{background:transparent;border:none;font-weight:600}.menu-cell.empty{color:var(--muted);font-style:italic}.day-totals{font-size:.8rem;color:var(--muted)}@media (max-width: 720px){.menu-grid{grid-template-columns:70px repeat(7,minmax(80px,1fr));overflow-x:auto}}.progress{display:inline-block;width:18px;height:18px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem 1rem}.form-grid label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.25rem}.form-group{margin-bottom:.75rem}.ingredients-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:.5rem;margin-bottom:.4rem;align-items:center}@media (max-width: 600px){.ingredients-row{grid-template-columns:1fr 1fr}}