:root{--ds-background:oklch(12% .005 285.823);--ds-surface:oklch(21.03% .006 285.89);--ds-surface-raised:oklch(25.7% .004 286.14);--ds-surface-hover:oklch(28.6% .009 285.8);--ds-border:oklch(31% .008 285.8);--ds-border-strong:oklch(39% .012 285.8);--ds-text:oklch(96.5% .004 286);--ds-text-muted:oklch(64% .015 286);--ds-text-faint:oklch(50% .014 286);--ds-accent:oklch(64% .18 265);--ds-accent-hover:oklch(69% .17 265);--ds-accent-soft:oklch(28% .07 265);--ds-success:oklch(72% .16 157);--ds-success-soft:oklch(28% .06 157);--ds-danger:oklch(68% .18 10);--ds-danger-soft:oklch(28% .07 10);--ds-warning:oklch(78% .16 81);--ds-warning-soft:oklch(30% .06 81);--ds-radius-xs:5px;--ds-radius-sm:7px;--ds-radius-md:10px;--ds-radius-lg:14px;--ds-radius-xl:18px;--ds-shadow-float:0 20px 45px rgb(0 0 0/.36);--ds-shadow-card:0 1px 1px rgb(0 0 0/.22),0 8px 24px rgb(0 0 0/.08);--bg:var(--ds-background);--surface:var(--ds-surface);--surface-2:var(--ds-surface-raised);--line:var(--ds-border);--text:var(--ds-text);--muted:var(--ds-text-muted);--blue:var(--ds-accent);--green:var(--ds-success);--red:var(--ds-danger);--amber:var(--ds-warning)}body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.01em}.button{min-height:36px;border-radius:var(--ds-radius-sm);background:var(--ds-accent);transition:background .14s ease,transform .14s ease,box-shadow .14s ease}.button:hover{background:var(--ds-accent-hover);transform:translateY(-1px);box-shadow:0 10px 22px rgb(0 0 0/.27)}.button.secondary{background:var(--ds-surface-raised);border:1px solid var(--ds-border)}.button.danger{background:var(--ds-danger-soft);border:1px solid color-mix(in oklch,var(--ds-danger),transparent 58%)}.panel{border-color:var(--ds-border);box-shadow:var(--ds-shadow-card)}.modal{border-color:var(--ds-border-strong);box-shadow:var(--ds-shadow-float)}.modal input:focus,.modal textarea:focus,.auth-card input:focus,.search:focus,select:focus{outline:0;border-color:var(--ds-accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--ds-accent),transparent 78%)}.tabs a{font-size:13px;font-weight:500}.tabs a.active{border-bottom-color:var(--ds-accent)}.task-row:hover,.transaction:hover,.list-link:hover,.note-link:hover{background:color-mix(in oklch,var(--ds-surface-raised),transparent 55%)}.check{transition:background .12s ease,border-color .12s ease,transform .12s ease}.check:hover{border-color:var(--ds-success);transform:scale(1.06)}.check.done{box-shadow:0 0 0 3px color-mix(in oklch,var(--ds-success),transparent 82%)}.ds-page{max-width:1180px;margin:0 auto;padding:48px 24px 80px}.ds-hero{padding:38px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-xl);background:radial-gradient(circle at top right,color-mix(in oklch,var(--ds-accent),transparent 72%),transparent 38%),var(--ds-surface)}.ds-hero h1{margin:5px 0 10px;font-size:clamp(32px,5vw,52px);letter-spacing:-.055em}.ds-section{padding:32px 0;border-bottom:1px solid var(--ds-border)}.ds-section h2{margin:0 0 6px;font-size:21px;letter-spacing:-.035em}.ds-section>p{margin:0 0 18px;color:var(--ds-text-muted)}.ds-swatches{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px}.ds-swatch{min-height:105px;padding:12px;display:flex;flex-direction:column;justify-content:end;border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);font-size:11px;font-weight:600}.ds-swatch span{font-weight:400;opacity:.78}.ds-components{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.ds-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ds-card{padding:17px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);background:var(--ds-surface)}.ds-card strong,.ds-card small{display:block}.ds-card small{margin-top:4px}.ds-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;font-size:11px;font-weight:600}.ds-badge.success{color:var(--ds-success);background:var(--ds-success-soft)}.ds-badge.warning{color:var(--ds-warning);background:var(--ds-warning-soft)}.ds-badge.danger{color:var(--ds-danger);background:var(--ds-danger-soft)}.ds-type-scale{display:grid;gap:14px}.ds-type-scale p{margin:0}.ds-display{font-size:38px;font-weight:700;letter-spacing:-.055em}.ds-heading{font-size:25px;font-weight:700;letter-spacing:-.04em}.ds-body{color:var(--ds-text-muted)}.ds-caption{font-size:11px;font-weight:700;letter-spacing:.09em;color:var(--ds-accent)}@media(max-width:720px){.ds-swatches{grid-template-columns:repeat(2,1fr)}.ds-card-grid{grid-template-columns:1fr}.ds-hero{padding:26px}}