:root{--text:#2a2640;--text-muted:#6b6480;--text-strong:#0d0a1c;--bg:#fafafb;--surface:#fff;--border:#e3e1ea;--accent:#6534ff;--accent-text:#fff;--accent-bg-soft:#6534ff14;--error:#c92020;--shadow:0 1px 2px #0d0a1c0a, 0 4px 12px #0d0a1c0f;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:16px/1.5 var(--sans);color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--text:#d6d3e1;--text-muted:#8c869c;--text-strong:#f5f3fa;--bg:#15131d;--surface:#1d1b27;--border:#2e2c39;--accent:#9b7bff;--accent-text:#15131d;--accent-bg-soft:#9b7bff1f;--error:#ff7070}}body{margin:0}#root{min-height:100svh}h1,h2,h3{color:var(--text-strong);margin:0;font-weight:600;line-height:1.25}h1{font-size:1.5rem}h2{font-size:1.4rem}h3{font-size:1.1rem}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);border-radius:6px;padding:.5rem 1rem;transition:filter .15s}button:hover:not(:disabled){filter:brightness(1.08)}button:disabled{opacity:.55;cursor:not-allowed}input,select,textarea{font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);box-sizing:border-box;border-radius:6px;width:100%;padding:.5rem .75rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}.layout{max-width:720px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.layout__header{border-bottom:1px solid var(--border);flex-direction:column;gap:.75rem;margin-bottom:2rem;padding-bottom:1rem;display:flex}.layout__nav{gap:1.25rem;display:flex}.layout__nav a{font-weight:500}.page{flex-direction:column;gap:1.25rem;display:flex}.habit-group{flex-direction:column;gap:.6rem;display:flex}.habit-group h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0;font-size:.85rem}.habit-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.habit-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;grid-template-columns:1fr auto;grid-template-areas:"header button""progress button";align-items:center;gap:.4rem 1rem;padding:1rem 1.1rem;display:grid}.habit-card header{grid-area:header}.habit-card__description{color:var(--text-muted);margin-top:.15rem;font-size:.9rem}.habit-card__progress{color:var(--text-muted);grid-area:progress;font-size:.95rem}.habit-card__progress strong{color:var(--text-strong)}.habit-card__period{margin-left:.25rem}.habit-card__button{white-space:nowrap;grid-area:button}.stats-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:.75rem;padding:1rem 1.1rem;display:flex}.stats-card header h4{margin:0}.stats-card__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.stats-card__stats>div{flex-direction:column;gap:.15rem;display:flex}.stats-card__stats dt{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem}.stats-card__stats dd{color:var(--text-strong);margin:0;font-size:1.15rem}.stats-card__unit{color:var(--text-muted);font-size:.8rem;font-weight:400}.field{flex-direction:column;gap:.35rem;display:flex}.field label{color:var(--text-strong);font-weight:500}.field__error,.form__error{color:var(--error);font-size:.9rem}.page--add-habit form{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:10px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.page--add-habit form button[type=submit]{align-self:flex-start}