:root{--text:#1c1e21;--text-dim:#5c6470;--bg:#fdfcf9;--card:#fff;--border:#e6e2d9;--accent:#0f766e;--accent-strong:#0b5f59;--error-bg:#fdf0ef;--error-border:#e5b8b4;--error-text:#9f3a32;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--text:#e8e6e1;--text-dim:#a7ad9f;--bg:#16181b;--card:#1e2126;--border:#33383f;--accent:#2dd4bf;--accent-strong:#5eead4;--error-bg:#2c1e1d;--error-border:#6e3b36;--error-text:#f2b8b3}}*{box-sizing:border-box}body{min-height:100vh;margin:0}button,input,select{font:inherit}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:14px;width:100%;max-width:24rem;padding:2rem 2rem 2.25rem}.auth-card header h1{letter-spacing:-.02em;margin:0;font-size:1.9rem}.auth-card .dot{color:var(--accent)}.auth-card .tagline{color:var(--text-dim);margin:.25rem 0 1.75rem;font-size:.95rem}.google-form{margin:0}.btn{cursor:pointer;text-align:center;border:1px solid #0000;border-radius:8px;padding:.5rem 1rem;font-size:.95rem;text-decoration:none;display:inline-block}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-google{background:var(--card);border-color:var(--border);width:100%;color:var(--text)}.btn-google:hover:not(:disabled){border-color:var(--accent)}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-ghost{border-color:var(--border);color:var(--text-dim);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--accent)}.btn-danger{border-color:var(--error-border);color:var(--error-text);background:0 0}.btn-danger:hover:not(:disabled){background:var(--error-bg)}.divider{color:var(--text-dim);align-items:center;gap:.75rem;margin:1.25rem 0;font-size:.85rem;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--border);flex:1}.mode-switch{border:1px solid var(--border);border-radius:8px;grid-template-columns:1fr 1fr;margin-bottom:1.25rem;display:grid;overflow:hidden}.mode-switch button{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:.5rem .75rem}.mode-switch button.active{background:var(--accent);color:var(--bg)}.credentials-form{flex-direction:column;gap:.9rem;display:flex}.credentials-form label{color:var(--text-dim);flex-direction:column;gap:.3rem;font-size:.9rem;display:flex}.credentials-form input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:.5rem .65rem}.credentials-form input:focus{outline:2px solid var(--accent);outline-offset:-1px}.form-error{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);border-radius:8px;margin:0;padding:.6rem .75rem;font-size:.9rem}.form-info{background:var(--info-bg,#eaf5ff);border:1px solid var(--info-border,#b7d9f7);color:var(--info-text,#0c4a6e);border-radius:8px;margin:0;padding:.6rem .75rem;font-size:.9rem}.forgot-link{margin:.2rem 0 0;font-size:.85rem}.forgot-link a{color:var(--accent);text-decoration:none}.forgot-link a:hover{text-decoration:underline}.password-field{gap:.5rem;display:flex}.password-field input{flex:1}.password-toggle{flex-shrink:0;align-self:stretch;padding:0 .75rem;font-size:.85rem}.boot{min-height:100vh;color:var(--text-dim);justify-content:center;align-items:center;display:flex}.dashboard{max-width:72rem;margin:0 auto;padding:1.5rem 1.25rem 3rem}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.topbar h1{letter-spacing:-.02em;margin:0;font-size:1.6rem}.topbar .dot{color:var(--accent)}.userbox{color:var(--text-dim);align-items:center;gap:.75rem;font-size:.9rem;display:flex}.banner{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);border-radius:10px;margin-bottom:1rem;padding:.7rem 1rem}.banner-info{background:var(--info-bg,#eaf5ff);border-color:var(--info-border,#b7d9f7);color:var(--info-text,#0c4a6e)}.workspace{grid-template-columns:16rem 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=52rem){.workspace{grid-template-columns:1fr}}.cat-pane{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.cat-pane h2{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:0 0 .75rem;font-size:1rem}.cat-list{flex-direction:column;gap:.5rem;margin:0 0 1.25rem;padding:0;list-style:none;display:flex}.cat-chip{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .75rem;display:flex}.cat-chip:hover{border-color:var(--accent)}.cat-chip.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.cat-latest{color:var(--text-dim);font-size:.85rem}.new-cat{flex-direction:column;gap:.4rem;display:flex}.new-cat label{color:var(--text-dim);font-size:.85rem}.new-cat input,.rename-form input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:.5rem .65rem}.cat-panel{background:var(--card);border:1px solid var(--border);border-radius:12px;min-height:20rem;padding:1.5rem}.cat-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.cat-heading h2{margin:0;font-size:1.5rem}.cat-notes{color:var(--text-dim);margin-left:.75rem;font-size:.95rem;font-weight:400}.cat-actions,.rename-form{gap:.5rem;display:flex}.stats{flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;display:flex}.stat{background:var(--bg);border:1px solid var(--border);border-radius:10px;flex-direction:column;flex:7rem;gap:.15rem;padding:.6rem .8rem;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-size:.78rem}.stat-value{font-size:1.15rem;font-weight:600}.entry-form{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.entry-form label{color:var(--text-dim);flex-direction:column;gap:.3rem;font-size:.85rem;display:flex}.entry-form input,.entry-edit input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:.45rem .6rem}.entry-form input:focus,.entry-edit input:focus{outline:2px solid var(--accent);outline-offset:-1px}.chart{margin:0 0 1.5rem}.chart svg{background:var(--bg);border:1px solid var(--border);border-radius:10px;width:100%;height:auto}.chart-grid{stroke:var(--border);stroke-width:1px}.chart-label{fill:var(--text-dim);font-size:12px}.chart-line{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.chart-dot{fill:var(--card);stroke:var(--accent);stroke-width:2px}.chart-caption{color:var(--text-dim);margin-top:.4rem;font-size:.8rem}.entry-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.entry-list li{border-bottom:1px solid var(--border)}.entry-list li:last-child{border-bottom:none}.entry-row{flex-wrap:wrap;align-items:center;gap:.9rem;padding:.65rem .25rem;display:flex}.entry-weight{min-width:4.5rem;font-weight:600}.entry-when{color:var(--text-dim);min-width:11rem;font-size:.9rem}.entry-notes{color:var(--text-dim);flex:1;font-size:.9rem}.entry-actions{gap:.4rem;margin-left:auto;display:flex}.entry-edit{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.65rem .25rem;display:flex}.muted{color:var(--text-dim)}