:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f8fb;--bg-canvas:#e2ecf3;--bg-raised:#fff;--fg:#17222b;--muted:#647380;--border:#cddce6;--border-soft:#e0eaf1;--accent:#1b6fb8;--accent-hover:#14588f;--danger:#b3492f;font-family:-apple-system,Segoe UI,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#10171d;--bg-canvas:#0b1116;--bg-raised:#1a242c;--fg:#e7eef3;--muted:#93a4b0;--border:#2b3944;--border-soft:#24313a;--accent:#4ea3e0;--accent-hover:#6db6e8;--danger:#d97a5f}}*{box-sizing:border-box}body{background:var(--bg-canvas);color:var(--fg);margin:0}.num{font-variant-numeric:tabular-nums}.page{background:var(--bg);max-width:480px;min-height:100vh;margin:0 auto;padding:1.25rem 1rem 3rem}.topbar{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.topbar h1{margin:0;font-size:1.1rem;font-weight:600}.logout-button,.ghost-button{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;padding:.4rem .7rem;font-size:.85rem}.login-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.login-form{flex-direction:column;gap:.6rem;width:100%;max-width:260px;display:flex}.login-form input,input[type=number],input[type=text]{border:1px solid var(--border);background:var(--bg-raised);color:var(--fg);border-radius:8px;padding:.6rem .75rem;font-size:1rem}button{font-family:inherit}.login-form button,.primary-button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.7rem;font-size:1rem;font-weight:600}.login-form button:hover,.primary-button:hover{background:var(--accent-hover)}.status{background:var(--bg-canvas);color:var(--muted);border-radius:8px;padding:.5rem .75rem;font-size:.85rem}.login-error{color:var(--danger)}.progress-card{background:var(--bg-raised);border:1px solid var(--border-soft);text-align:center;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem 1.25rem}.progress-ring{width:160px;height:160px;margin:0 auto 1rem;position:relative}.progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-ring circle{fill:none;stroke-width:12px}.progress-ring .track{stroke:var(--border-soft)}.progress-ring .fill{stroke:var(--accent);stroke-linecap:round;transition:stroke-dashoffset .3s}.progress-ring .label{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.progress-ring .label .consumed{font-size:1.4rem;font-weight:700}.progress-ring .label .goal{color:var(--muted);font-size:.8rem}.remaining{color:var(--muted);font-size:.9rem}.quick-add{grid-template-columns:repeat(3,1fr);gap:.6rem;margin-bottom:1rem;display:grid}.quick-add button{background:var(--bg-raised);border:1px solid var(--border);color:var(--accent);cursor:pointer;border-radius:12px;padding:.75rem .5rem;font-size:.95rem;font-weight:600}.quick-add button:hover{border-color:var(--accent)}.custom-add{gap:.5rem;margin-bottom:1.5rem;display:flex}.custom-add input{flex:1}.custom-add button{white-space:nowrap}section h2{color:var(--muted);margin:0 0 .6rem;font-size:.95rem}.log-list{flex-direction:column;gap:.4rem;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.log-list li{background:var(--bg-raised);border:1px solid var(--border-soft);border-radius:10px;justify-content:space-between;align-items:center;padding:.5rem .75rem;font-size:.9rem;display:flex}.log-list .time{color:var(--muted)}.log-list button{color:var(--danger);cursor:pointer;background:0 0;border:none;font-size:.85rem}.empty{color:var(--muted);text-align:center;padding:.5rem;font-size:.85rem}.settings-card{background:var(--bg-raised);border:1px solid var(--border-soft);border-radius:12px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.settings-row{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.settings-row label{color:var(--muted);font-size:.9rem}.settings-row input{text-align:right;width:90px}