*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #08090a;--surface: rgba(255,255,255,.035);--border: rgba(255,255,255,.08);--border-soft: rgba(255,255,255,.05);--text: #f2f2ee;--text-secondary: #9a9c96;--text-muted: #7a7c78;--accent: #c8f542;--accent-text: #0a0a0b;--warn: #ff8a68;--font-display: "Syne", sans-serif;--font-mono: "DM Mono", monospace;--font-body: "Inter", sans-serif}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button,input,select{font-family:inherit;color:inherit}button{background:none;border:none;cursor:pointer}input,select{background:#ffffff0a;border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-size:14px;width:100%}input:focus,select:focus{outline:none;border-color:var(--accent)}.app-shell{max-width:1140px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.glass{background:var(--surface);border:1px solid var(--border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:14px;padding:18px 20px}.topnav{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-soft)}.brand{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:700;font-size:17px}.brand-mark{width:24px;height:24px;border-radius:7px;background:var(--accent)}.navlinks{display:flex;gap:24px;font-size:13.5px;color:var(--text-secondary)}.navlinks a{text-decoration:none;color:inherit}.navlinks a.active{color:var(--text);font-weight:500}.page{flex:1;padding:24px 20px 96px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}@media (max-width: 640px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.stat-label{font-size:12px;color:var(--text-muted);margin-bottom:8px}.stat-value{font-family:var(--font-mono);font-size:21px;font-weight:500}.stat-sub{font-size:11px;margin-top:6px;font-family:var(--font-mono)}.ok{color:#a8e05f}.over{color:var(--warn)}h1{font-family:var(--font-display);font-size:21px;font-weight:700;margin-bottom:16px}.day-nav{display:flex;align-items:center;gap:12px;margin-bottom:18px}.day-nav button{width:32px;height:32px;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center}.day-nav .date{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary)}.log-list{display:flex;flex-direction:column}.log-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-soft)}.log-item:last-child{border-bottom:none}.log-name{font-size:13.5px}.log-meal{font-size:11px;color:var(--text-muted);margin-top:1px;text-transform:capitalize}.log-kcal{margin-left:auto;text-align:right;font-family:var(--font-mono);font-size:13px}.log-macros{font-size:10px;color:var(--text-muted);margin-top:1px}.log-del{color:var(--text-muted);font-size:16px;padding:4px}.log-del:hover{color:var(--warn)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section-header .title{font-size:14px;font-weight:500}.btn{background:var(--accent);color:var(--accent-text);font-size:12.5px;font-weight:600;padding:8px 14px;border-radius:8px}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:13px}.food-grid{display:flex;flex-direction:column;gap:10px}.food-row{display:flex;align-items:center;gap:12px;padding:12px 14px}.food-row .name{font-size:13.5px;flex:1}.food-row .macros{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;justify-content:center;z-index:50}@media (min-width: 640px){.modal-backdrop{align-items:center}}.modal{background:#101112;border:1px solid var(--border);border-radius:16px 16px 0 0;width:100%;max-width:440px;padding:22px 20px calc(22px + env(safe-area-inset-bottom));max-height:85vh;overflow-y:auto}@media (min-width: 640px){.modal{border-radius:16px}}.modal h2{font-family:var(--font-display);font-size:17px;margin-bottom:16px}.field{margin-bottom:14px}.field label{display:block;font-size:12px;color:var(--text-secondary);margin-bottom:6px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.modal-actions{display:flex;gap:10px;margin-top:18px}.modal-actions .btn{flex:1;text-align:center}.error-text{color:var(--warn);font-size:12.5px;margin-top:10px}.login-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:360px}.login-card .brand{justify-content:center;margin-bottom:24px;font-size:20px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#0e0f10eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border-soft);padding:10px 12px calc(10px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;max-width:1140px;margin:0 auto}.bn-item{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;color:var(--text-muted);text-decoration:none}.bn-item.active{color:var(--accent)}.bn-dot{width:18px;height:18px;border-radius:6px;background:#ffffff0f}.bn-item.active .bn-dot{background:var(--accent)}.chart-box{height:220px;position:relative}.bottom-nav{display:none}@media (max-width: 720px){.navlinks,.topnav .btn.ghost span{display:none}.bottom-nav{display:flex}.page{padding-bottom:96px}}