:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14172a;--panel:#1e2240;--border:#2c3157;--text:#e7e9f5;--muted:#9198c0;--accent:#4fd1a5;--danger:#ef6f6f;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}.page{flex-direction:column;gap:1rem;max-width:480px;margin:0 auto;padding:1rem;display:flex}.page.centered{justify-content:center;min-height:100vh}.top-bar{justify-content:space-between;align-items:center;display:flex}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}h1{margin:0;font-size:1.25rem}h2{color:var(--muted);margin:0;font-size:1rem}label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.9rem;display:flex;position:relative}input,select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:.5rem .6rem;font-size:1rem}button{cursor:pointer;background:var(--accent);color:#0b1220;border:none;border-radius:8px;padding:.6rem 1rem;font-size:1rem;font-weight:600}button:disabled{opacity:.5;cursor:default}.link-button{color:var(--muted);background:0 0;align-self:flex-start;padding:0;font-weight:400;text-decoration:underline}.error{color:var(--danger);margin:0;font-size:.9rem}.hint{color:var(--muted);margin:0;font-size:.85rem}.stat-row{justify-content:space-between;display:flex}.stat{flex-direction:column;align-items:center;display:flex}.stat-value{font-size:1.5rem;font-weight:700}.stat-value.over{color:var(--danger)}.stat-label{color:var(--muted);font-size:.75rem}.dropdown{background:var(--bg);border:1px solid var(--border);z-index:10;border-radius:8px;max-height:220px;margin:.25rem 0 0;padding:.25rem;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.dropdown li button{text-align:left;width:100%;color:var(--text);background:0 0;padding:.4rem;font-weight:400}.dropdown li button:hover{background:var(--panel)}.log-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.log-list li{justify-content:space-between;font-size:.9rem;display:flex}.log-meal{color:var(--muted);text-transform:capitalize}