:root{--bg: #f8fafc;--surface: #ffffff;--surface-soft: #f1f5f9;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0f172a;--text-soft: #334155;--muted: #64748b;--muted-soft: #94a3b8;--accent: #10b981;--accent-dark: #047857;--accent-soft: #d1fae5;--accent-bg: #ecfdf5;--good: #10b981;--warn: #f59e0b;--bad: #ef4444;--info: #3b82f6;--violet: #8b5cf6;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:var(--bg);color:var(--text);font-size:15px;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{color:var(--text);margin:0 0 .5rem;line-height:1.25}h1{font-size:1.5rem;font-weight:700}h2{font-size:1.15rem;font-weight:700}h3{font-size:1rem;font-weight:600}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:.45rem .9rem;border-radius:var(--radius-md);min-height:40px;font-weight:500;color:var(--text-soft);transition:background-color .15s,border-color .15s,color .15s}button:hover{background:var(--surface-soft)}button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}button.primary:hover{background:var(--accent-dark);border-color:var(--accent-dark)}button.ghost{background:transparent;border-color:transparent;color:var(--muted)}button.ghost:hover{background:var(--surface-soft);color:var(--text)}button.soft{background:var(--accent-soft);border-color:var(--accent-soft);color:var(--accent-dark)}button.soft:hover{background:#a7f3d0;border-color:#a7f3d0}button.danger{background:#fee2e2;border-color:#fee2e2;color:#b91c1c}button.danger:hover{background:#fecaca;border-color:#fecaca}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{width:100%;padding:.55rem .7rem;border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #10b98126}input.unit-warning{border-color:var(--warn)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-brand{background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:31}.app-brand__inner{display:flex;align-items:center;gap:1rem;padding:.55rem 1rem;max-width:1100px;margin:0 auto}.app-brand__mark{display:inline-flex;align-items:center;gap:.55rem}.app-brand__logo{width:30px;height:30px;border-radius:10px;background:var(--accent);color:#fff;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.app-brand__name{font-weight:700;font-size:1rem;letter-spacing:-.01em;color:var(--accent-dark)}.app-nav{display:flex;gap:.15rem;flex-wrap:wrap;padding:.35rem .75rem;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);position:sticky;top:46px;z-index:30;overflow-x:auto}.app-nav a{padding:.45rem .75rem;border-radius:var(--radius-md);min-height:40px;display:inline-flex;align-items:center;font-weight:500;font-size:.9rem;color:var(--muted)}.app-nav a:hover{background:var(--surface-soft);color:var(--text);text-decoration:none}.app-nav a.active{background:var(--accent-bg);color:var(--accent-dark)}.app-main{flex:1;padding:1.25rem 1rem 2rem;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:var(--radius-lg);padding:1rem;margin-bottom:1rem;box-shadow:var(--shadow-sm)}.card.flat{box-shadow:none}.card.tinted{background:var(--accent-bg);border-color:var(--accent-soft)}.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}.stack{display:flex;flex-direction:column;gap:.5rem}.tag{display:inline-flex;align-items:center;padding:.15rem .6rem;border-radius:999px;background:var(--surface-soft);color:var(--text-soft);font-size:.75rem;font-weight:500;white-space:nowrap}.tag.success{background:var(--accent-bg);color:var(--accent-dark)}.tag.warn{background:#fef3c7;color:#92400e}.tag.danger{background:#fee2e2;color:#b91c1c}.tag.info{background:#dbeafe;color:#1d4ed8}.tag.violet{background:#ede9fe;color:#6d28d9}.tag.rose{background:#ffe4e6;color:#be123c}.nutrition-badge{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.8rem;font-weight:600;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:#d4d4d4;padding:0 2px}.star.filled{color:#f59e0b}.heart{font-size:1.4rem;cursor:pointer;color:#d4d4d4}.heart.filled{color:#ef4444}.error{color:var(--bad)}.notice{color:var(--accent-dark)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:40;padding:1rem}.modal{background:var(--surface);border-radius:var(--radius-lg);padding:1.25rem;max-width:480px;width:100%;box-shadow:0 10px 25px #0f172a26}.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:var(--radius-md);padding:.45rem;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,.form-group label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.25rem;font-weight:500}.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}}.icon-tile{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);width:44px;height:44px;font-size:1.25rem;flex-shrink:0}.icon-tile.emerald{background:var(--accent-soft);color:var(--accent-dark)}.icon-tile.amber{background:#fef3c7;color:#92400e}.icon-tile.blue{background:#dbeafe;color:#1d4ed8}.icon-tile.violet{background:#ede9fe;color:#6d28d9}.icon-tile.rose{background:#ffe4e6;color:#be123c}.icon-tile.slate{background:var(--surface-soft);color:var(--text-soft)}.section-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}