:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-primary:#c2522d;--color-on-primary:#fff;--color-primary-hover:#a8421f;--color-ink:#1a1a18;--color-ink-muted:#6b6b63;--color-canvas:#faf9f7;--color-surface-1:#f2f0ec;--color-surface-2:#e8e5e0;--color-border:#d8d4cc;--color-accent-warm:#d4a574;--color-code-bg:#f0ede8;--color-danger:#b3261e;--font-sans:"Styrene A", "Styrene B", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-display-size:52px;--text-display-weight:500;--text-display-leading:1.08;--text-display-tracking:-.03em;--text-body-size:17px;--text-body-weight:400;--text-body-leading:1.65;--text-body-tracking:-.01em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:9999px;--shadow-card:0 1px 2px #1a1a180f;--shadow-elevated:0 4px 24px #1a1a1814;--duration-fast:.12s;--duration-base:.24s;--easing:cubic-bezier(.4, 0, .2, 1);--touch-target:44px}*{box-sizing:border-box;margin:0}body{background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--text-body-size);font-weight:var(--text-body-weight);line-height:var(--text-body-leading);letter-spacing:var(--text-body-tracking);min-height:100dvh;padding-top:env(safe-area-inset-top);-webkit-font-smoothing:antialiased}#root{max-width:480px;padding:var(--space-4);margin:0 auto}h1{font-weight:var(--text-display-weight);letter-spacing:var(--text-display-tracking);line-height:var(--text-display-leading);font-size:28px}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input:focus{outline:none}input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}input{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--color-ink);font-size:var(--text-body-size);min-height:var(--touch-target);background:#fff;font-family:inherit}input::placeholder{color:var(--color-ink-muted)}button{background:var(--color-primary);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--color-on-primary);font-size:var(--text-body-size);cursor:pointer;min-height:var(--touch-target);min-width:var(--touch-target);transition:background-color var(--duration-fast) var(--easing);border:none;font-family:inherit;font-weight:500}button:hover{background:var(--color-primary-hover)}button:disabled{opacity:.5;cursor:default}button.link{color:var(--color-ink-muted);padding:var(--space-1);transition:color var(--duration-fast) var(--easing);background:0 0;font-size:.85rem;font-weight:400}button.link:hover{color:var(--color-ink);background:0 0}.center,.login{justify-content:center;align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;min-height:80dvh;display:flex}.login p{color:var(--color-ink-muted)}.login form{gap:var(--space-3);width:100%;max-width:320px;margin-top:var(--space-4);flex-direction:column;display:flex}header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.total{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;margin-bottom:var(--space-4);color:var(--color-ink-muted)}.total-kcal{font-size:2.25rem;font-weight:var(--text-display-weight);letter-spacing:var(--text-display-tracking);color:var(--color-ink)}.add-form{grid-template-columns:1fr 80px var(--touch-target);gap:var(--space-2);margin-bottom:var(--space-5);display:grid}.entries{gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.entries li{border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-3);background:#fff;display:flex}.entries li span:first-child{flex:1}.kcal{color:var(--color-ink-muted);white-space:nowrap;font-variant-numeric:tabular-nums}.empty{color:var(--color-ink-muted);justify-content:center}.hint{color:var(--color-ink-muted);max-width:300px}.error{color:var(--color-danger);font-size:.85rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}