.hb-pane.svelte-ibr5m2{flex:1;height:100vh;background:var(--page);display:flex;flex-direction:column;min-width:0}.head.svelte-ibr5m2{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border);height:56px;flex-shrink:0}.breadcrumbs.svelte-ibr5m2{display:flex;align-items:center;gap:var(--space-2);font-size:var(--size-small);color:var(--muted)}.breadcrumbs.svelte-ibr5m2 .sep:where(.svelte-ibr5m2){color:var(--faint)}.breadcrumbs.svelte-ibr5m2 .current:where(.svelte-ibr5m2){color:var(--ink);font-weight:500}.head-status.svelte-ibr5m2{display:flex;align-items:center;gap:var(--space-2)}.sync-status.svelte-ibr5m2{display:inline-flex;align-items:center;gap:6px;font-size:var(--size-caption);color:var(--success);padding:4px var(--space-2);margin-right:var(--space-2)}.scroll.svelte-ibr5m2{flex:1;overflow-y:auto}.container.svelte-ibr5m2{max-width:880px;margin:0 auto;padding:var(--space-8)}.title-row.svelte-ibr5m2{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:var(--space-6)}.kicker.svelte-ibr5m2{display:inline-flex;align-items:center;gap:6px;color:var(--cat-habits);font-size:var(--size-caption);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2)}.title.svelte-ibr5m2{margin:0;font-family:var(--font-display);font-weight:400;font-size:var(--size-headline);color:var(--ink);letter-spacing:-.01em;line-height:var(--lh-headline)}.new-btn.svelte-ibr5m2{display:inline-flex;align-items:center;gap:6px;padding:6px var(--space-3);background:var(--accent);color:var(--on-accent);border-radius:var(--radius-md);font-size:var(--size-label);font-weight:500}.new-btn.svelte-ibr5m2:hover{background:var(--accent-deep)}.overview.svelte-ibr5m2{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-8)}.ov-cell.svelte-ibr5m2{background:var(--raised);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4)}.ov-label.svelte-ibr5m2{font-size:var(--size-label);color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--space-2)}.ov-value.svelte-ibr5m2{font-family:var(--font-display);font-weight:400;font-size:1.5rem;color:var(--ink);line-height:1;font-feature-settings:"tnum"}.ov-faint.svelte-ibr5m2{color:var(--faint);font-family:var(--font-body);font-size:1rem}.habits.svelte-ibr5m2{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.habit.svelte-ibr5m2{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-6);padding:var(--space-4);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--raised)}.h-side.svelte-ibr5m2{display:flex;align-items:center;gap:var(--space-3);min-width:0}.h-report.svelte-ibr5m2{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;border:1.5px solid var(--border-strong);background:transparent;color:var(--ink);font-size:var(--size-caption);font-weight:500;cursor:pointer;flex-shrink:0;transition:background var(--duration-snap) var(--ease-out-quart),border-color var(--duration-snap) var(--ease-out-quart),color var(--duration-snap) var(--ease-out-quart),transform var(--duration-snap) var(--ease-out-quart);-webkit-tap-highlight-color:transparent}.h-report.svelte-ibr5m2:hover{border-color:var(--habit-color, var(--accent));color:var(--habit-color, var(--accent))}.h-report.checked.svelte-ibr5m2{background:var(--habit-color, var(--accent));border-color:var(--habit-color, var(--accent));color:var(--on-accent);animation:svelte-ibr5m2-tick var(--duration-snap) var(--ease-out-quart)}.h-report.checked.svelte-ibr5m2:hover{color:var(--on-accent)}.h-report-box.svelte-ibr5m2{width:12px;height:12px;border-radius:3px;border:1.5px solid currentColor;display:inline-block;opacity:.55}@keyframes svelte-ibr5m2-tick{0%{transform:scale(.85)}60%{transform:scale(1.1)}to{transform:scale(1)}}.h-text.svelte-ibr5m2{min-width:0;flex:1}.h-title.svelte-ibr5m2{margin:0 0 4px;font-size:var(--size-body);font-weight:500;color:var(--ink)}.h-title-btn.svelte-ibr5m2{background:transparent;border:0;padding:0;margin:0;text-align:left;cursor:text;width:100%}.h-title-input.svelte-ibr5m2{width:100%;background:transparent;border:0;border-bottom:1px solid var(--accent);color:var(--ink);font:inherit;font-size:var(--size-body);font-weight:500;margin:0 0 4px;padding:0 0 2px;outline:none}.h-delete.svelte-ibr5m2{width:26px;height:26px;display:grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--faint);cursor:pointer;flex-shrink:0;transition:color var(--duration-snap) var(--ease-out-quart),border-color var(--duration-snap) var(--ease-out-quart),background var(--duration-snap) var(--ease-out-quart)}.h-delete.svelte-ibr5m2:hover{color:var(--danger);border-color:var(--danger);background:var(--surface)}.h-meta.svelte-ibr5m2{display:flex;align-items:center;gap:var(--space-2);font-size:var(--size-caption);color:var(--muted)}.cadence.svelte-ibr5m2{text-transform:capitalize}.dot.svelte-ibr5m2{width:3px;height:3px;border-radius:50%;background:var(--faint)}.streak.svelte-ibr5m2{display:inline-flex;align-items:center;gap:3px;color:var(--cat-habits);font-variant-numeric:tabular-nums}.ratio-text.svelte-ibr5m2{font-variant-numeric:tabular-nums}.h-grid.svelte-ibr5m2{display:flex;gap:2px}.week.svelte-ibr5m2{display:grid;grid-template-rows:repeat(7,1fr);gap:2px}.day.svelte-ibr5m2{width:10px;height:10px;border-radius:2px;background:var(--surface);border:1px solid transparent}.day.done.svelte-ibr5m2{background:var(--habit-color, var(--accent))}.day.today.svelte-ibr5m2{border-color:var(--ink)}.empty.svelte-ibr5m2{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);color:var(--muted)}.empty.svelte-ibr5m2 svg{color:var(--cat-habits)}.empty-title.svelte-ibr5m2{margin:0;font-family:var(--font-display);font-weight:400;font-size:1.25rem;color:var(--ink)}.empty-blurb.svelte-ibr5m2{margin:0;max-width:38ch;line-height:1.5;font-size:var(--size-small)}.empty-cta.svelte-ibr5m2{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--accent);color:var(--on-accent);border-radius:var(--radius-md);font-size:var(--size-small);font-weight:500;cursor:pointer;margin-top:var(--space-2)}.empty-cta.svelte-ibr5m2:hover{background:var(--accent-deep)}@media (max-width: 720px){.habit.svelte-ibr5m2{grid-template-columns:1fr}.h-grid.svelte-ibr5m2{overflow-x:auto}}