@font-face { font-family: "Anek Latin"; src: url("AnekLatin-Variable.ttf"); font-weight: 100 800; font-stretch: 75% 125%; font-display: block; }
:root { --surface: #0e0d0b; --surface-dim: #0a0908; --surface-bright: #3f3c37; --surface-container-lowest: #080706; --surface-card: var(--surface-container); --surface-container-low: #1a1815; --surface-container: #2b2824; --surface-container-high: #33302b; --surface-container-highest: #3b3833; --on-surface: #edebe7; --on-surface-variant: #b4b1aa; --icon: var(--on-surface-variant); --icon-strong: var(--on-surface); --outline: #8c8982; --outline-variant: #3f3d38; --chart-grid: var(--surface-container-high); --inverse-surface: #e6e4e0; --inverse-on-surface: #23211d; --primary: #6cc185; --on-primary: #05210e; --primary-container: #203d28; --on-primary-container: #cfe9d4; --inverse-primary: #095c34; --secondary: #bcb7ad; --on-secondary: #23211d; --secondary-container: #403d36; --on-secondary-container: #ece9e3; --tertiary: var(--secondary); --warning: #f5c165; --on-warning: #291500; --warning-container: #492f0e; --on-warning-container: #f9e1b8; --error: #ec775f; --on-error: #3a0f08; --error-container: #5e2218; --on-error-container: #fedcd4; --budget-track: #44423e; --budget-safe: var(--primary); --budget-warning: var(--warning); --budget-over: var(--error); --budget-overflow: var(--error-container); --budget-pace: var(--on-surface); --amount-credit: var(--primary); --focus-ring: var(--primary); --widget-surface: var(--surface-container); --mono-paper: #000000; --mono-ink: #ffffff; --mono-grey: #8f8f8f; --scrim: #00000052; --cat-bills: #5db1ff; --on-cat-bills: #1d1a14; --cat-food: #d46c2f; --on-cat-food: #1d1a14; --cat-travel: #897ae1; --on-cat-travel: #1d1a14; --cat-shopping: #dc86c2; --on-cat-shopping: #1d1a14; --cat-groceries: #fad453; --on-cat-groceries: #1d1a14; --cat-health: #7ce5f6; --on-cat-health: #1d1a14; --cat-entertainment: #ffb2b7; --on-cat-entertainment: #1d1a14; --cat-other: #918c81; --on-cat-other: #1d1a14; --space-1: 4px; --space-1-5: 6px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px; --radius-none: 0px; --radius-xs: 4px; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-lg-plus: 20px; --radius-xl: 28px; --radius-xl-plus: 32px; --radius-full: 999px; --shadow-0: none; --shadow-2: 0 2px 8px rgba(0, 0, 0, 0.45); --shadow-3: 0 8px 24px rgba(0, 0, 0, 0.55); --elevation-0: 0px; --elevation-2: 3px; --elevation-3: 6px; --size-touch: 48px; --size-row: 64px; --size-tile: 40px; --size-icon: 24px; --size-button: 52px; --size-field: 56px; --size-nav: 64px; --size-bar: 12px; --size-fab: 56px; --size-ring-hero: 200px; --size-ring-row: 48px; --size-shape-tile: 96px; --duration-instant: 50ms; --duration-short: 100ms; --duration-medium: 200ms; --duration-long: 300ms; --duration-slow: 450ms; --duration-linger: 1200ms; --ease-standard: cubic-bezier(0.2, 0, 0, 1); --ease-settle: cubic-bezier(0.16, 1, 0.3, 1); --state-hover: 0.08; --state-pressed: 0.12; --state-dragged: 0; --state-disabled-container: 0.12; --state-disabled-content: 0.38; --press-scale: 0.97; --press-scale-small: 0.94; --spring-fast-spatial-damping: 0.6; --spring-fast-spatial-stiffness: 800; --spring-default-spatial-damping: 0.8; --spring-default-spatial-stiffness: 380; --spring-slow-spatial-damping: 0.8; --spring-slow-spatial-stiffness: 200; --spring-fast-effects-damping: 1; --spring-fast-effects-stiffness: 3800; --spring-default-effects-damping: 1; --spring-default-effects-stiffness: 1600; --spring-slow-effects-damping: 1; --spring-slow-effects-stiffness: 800; --font-sans: "Anek Latin", "Noto Sans", system-ui, sans-serif; --font-system: "Google Sans Text", Roboto, system-ui, sans-serif; color-scheme: dark; }
@media (prefers-color-scheme: light) { :root:not([data-theme="dark"]) { --surface: #f9f6f2; --surface-dim: #e2dfda; --surface-bright: #fbfaf7; --surface-container-lowest: #ffffff; --surface-card: var(--surface-container-lowest); --surface-container-low: #f2f0eb; --surface-container: #ece9e4; --surface-container-high: #e5e2db; --surface-container-highest: #dddad3; --on-surface: #1d1a14; --on-surface-variant: #59554d; --icon: var(--on-surface-variant); --icon-strong: var(--on-surface); --outline: #838078; --outline-variant: #d4d1ca; --chart-grid: var(--surface-container-low); --inverse-surface: #292621; --inverse-on-surface: #f0eeea; --primary: #095c34; --on-primary: #ffffff; --primary-container: #d6efde; --on-primary-container: #0f2e1b; --inverse-primary: #6cc185; --secondary: #59554c; --on-secondary: #ffffff; --secondary-container: #e4dfd5; --on-secondary-container: #221f19; --tertiary: var(--secondary); --warning: #8f6b09; --on-warning: #ffffff; --warning-container: #fce9c6; --on-warning-container: #5d3000; --error: #8a1a10; --on-error: #ffffff; --error-container: #fee0d9; --on-error-container: #721405; --budget-track: #e7e4de; --budget-safe: var(--primary); --budget-warning: var(--warning); --budget-over: var(--error); --budget-overflow: var(--error-container); --budget-pace: var(--on-surface); --amount-credit: var(--primary); --focus-ring: var(--primary); --widget-surface: var(--surface-container-lowest); --mono-paper: #000000; --mono-ink: #ffffff; --mono-grey: #8f8f8f; --scrim: #00000052; --cat-bills: #00487c; --on-cat-bills: #ffffff; --cat-food: #90420d; --on-cat-food: #ffffff; --cat-travel: #7064ba; --on-cat-travel: #ffffff; --cat-shopping: #641552; --on-cat-shopping: #ffffff; --cat-groceries: #8d7300; --on-cat-groceries: #ffffff; --cat-health: #0091a2; --on-cat-health: #1d1a14; --cat-entertainment: #ba5661; --on-cat-entertainment: #ffffff; --cat-other: #95928a; --on-cat-other: #1d1a14; --space-1: 4px; --space-1-5: 6px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px; --radius-none: 0px; --radius-xs: 4px; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-lg-plus: 20px; --radius-xl: 28px; --radius-xl-plus: 32px; --radius-full: 999px; --shadow-0: none; --shadow-2: 0 2px 8px rgba(29, 26, 20, 0.10), 0 1px 2px rgba(29, 26, 20, 0.06); --shadow-3: 0 8px 24px rgba(29, 26, 20, 0.14), 0 2px 6px rgba(29, 26, 20, 0.08); --elevation-0: 0px; --elevation-2: 3px; --elevation-3: 6px; --size-touch: 48px; --size-row: 64px; --size-tile: 40px; --size-icon: 24px; --size-button: 52px; --size-field: 56px; --size-nav: 64px; --size-bar: 12px; --size-fab: 56px; --size-ring-hero: 200px; --size-ring-row: 48px; --size-shape-tile: 96px; --duration-instant: 50ms; --duration-short: 100ms; --duration-medium: 200ms; --duration-long: 300ms; --duration-slow: 450ms; --duration-linger: 1200ms; --ease-standard: cubic-bezier(0.2, 0, 0, 1); --ease-settle: cubic-bezier(0.16, 1, 0.3, 1); --state-hover: 0.08; --state-pressed: 0.12; --state-dragged: 0; --state-disabled-container: 0.12; --state-disabled-content: 0.38; --press-scale: 0.97; --press-scale-small: 0.94; --spring-fast-spatial-damping: 0.6; --spring-fast-spatial-stiffness: 800; --spring-default-spatial-damping: 0.8; --spring-default-spatial-stiffness: 380; --spring-slow-spatial-damping: 0.8; --spring-slow-spatial-stiffness: 200; --spring-fast-effects-damping: 1; --spring-fast-effects-stiffness: 3800; --spring-default-effects-damping: 1; --spring-default-effects-stiffness: 1600; --spring-slow-effects-damping: 1; --spring-slow-effects-stiffness: 800; color-scheme: light; } }
:root[data-theme="light"] { --surface: #f9f6f2; --surface-dim: #e2dfda; --surface-bright: #fbfaf7; --surface-container-lowest: #ffffff; --surface-card: var(--surface-container-lowest); --surface-container-low: #f2f0eb; --surface-container: #ece9e4; --surface-container-high: #e5e2db; --surface-container-highest: #dddad3; --on-surface: #1d1a14; --on-surface-variant: #59554d; --icon: var(--on-surface-variant); --icon-strong: var(--on-surface); --outline: #838078; --outline-variant: #d4d1ca; --chart-grid: var(--surface-container-low); --inverse-surface: #292621; --inverse-on-surface: #f0eeea; --primary: #095c34; --on-primary: #ffffff; --primary-container: #d6efde; --on-primary-container: #0f2e1b; --inverse-primary: #6cc185; --secondary: #59554c; --on-secondary: #ffffff; --secondary-container: #e4dfd5; --on-secondary-container: #221f19; --tertiary: var(--secondary); --warning: #8f6b09; --on-warning: #ffffff; --warning-container: #fce9c6; --on-warning-container: #5d3000; --error: #8a1a10; --on-error: #ffffff; --error-container: #fee0d9; --on-error-container: #721405; --budget-track: #e7e4de; --budget-safe: var(--primary); --budget-warning: var(--warning); --budget-over: var(--error); --budget-overflow: var(--error-container); --budget-pace: var(--on-surface); --amount-credit: var(--primary); --focus-ring: var(--primary); --widget-surface: var(--surface-container-lowest); --mono-paper: #000000; --mono-ink: #ffffff; --mono-grey: #8f8f8f; --scrim: #00000052; --cat-bills: #00487c; --on-cat-bills: #ffffff; --cat-food: #90420d; --on-cat-food: #ffffff; --cat-travel: #7064ba; --on-cat-travel: #ffffff; --cat-shopping: #641552; --on-cat-shopping: #ffffff; --cat-groceries: #8d7300; --on-cat-groceries: #ffffff; --cat-health: #0091a2; --on-cat-health: #1d1a14; --cat-entertainment: #ba5661; --on-cat-entertainment: #ffffff; --cat-other: #95928a; --on-cat-other: #1d1a14; --space-1: 4px; --space-1-5: 6px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px; --radius-none: 0px; --radius-xs: 4px; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px; --radius-lg-plus: 20px; --radius-xl: 28px; --radius-xl-plus: 32px; --radius-full: 999px; --shadow-0: none; --shadow-2: 0 2px 8px rgba(29, 26, 20, 0.10), 0 1px 2px rgba(29, 26, 20, 0.06); --shadow-3: 0 8px 24px rgba(29, 26, 20, 0.14), 0 2px 6px rgba(29, 26, 20, 0.08); --elevation-0: 0px; --elevation-2: 3px; --elevation-3: 6px; --size-touch: 48px; --size-row: 64px; --size-tile: 40px; --size-icon: 24px; --size-button: 52px; --size-field: 56px; --size-nav: 64px; --size-bar: 12px; --size-fab: 56px; --size-ring-hero: 200px; --size-ring-row: 48px; --size-shape-tile: 96px; --duration-instant: 50ms; --duration-short: 100ms; --duration-medium: 200ms; --duration-long: 300ms; --duration-slow: 450ms; --duration-linger: 1200ms; --ease-standard: cubic-bezier(0.2, 0, 0, 1); --ease-settle: cubic-bezier(0.16, 1, 0.3, 1); --state-hover: 0.08; --state-pressed: 0.12; --state-dragged: 0; --state-disabled-container: 0.12; --state-disabled-content: 0.38; --press-scale: 0.97; --press-scale-small: 0.94; --spring-fast-spatial-damping: 0.6; --spring-fast-spatial-stiffness: 800; --spring-default-spatial-damping: 0.8; --spring-default-spatial-stiffness: 380; --spring-slow-spatial-damping: 0.8; --spring-slow-spatial-stiffness: 200; --spring-fast-effects-damping: 1; --spring-fast-effects-stiffness: 3800; --spring-default-effects-damping: 1; --spring-default-effects-stiffness: 1600; --spring-slow-effects-damping: 1; --spring-slow-effects-stiffness: 800; color-scheme: light; }
.amount-display { font-family: var(--font-sans); font-size: 64px; line-height: 64px; font-weight: 700; letter-spacing: -1.5px; font-stretch: 112%; font-variation-settings: "wdth" 112.0; }
.amount-medium { font-family: var(--font-sans); font-size: 48px; line-height: 52px; font-weight: 700; letter-spacing: -1px; font-stretch: 109%; font-variation-settings: "wdth" 109.0; }
.amount-large { font-family: var(--font-sans); font-size: 36px; line-height: 40px; font-weight: 700; letter-spacing: -0.5px; font-stretch: 106%; font-variation-settings: "wdth" 106.0; }
.amount-small { font-family: var(--font-sans); font-size: 22px; line-height: 28px; font-weight: 700; font-stretch: 100%; font-variation-settings: "wdth" 100.0; }
.headline-large { font-family: var(--font-sans); font-size: 32px; line-height: 40px; font-weight: 700; font-stretch: 100%; font-variation-settings: "wdth" 100.0; }
.headline-medium { font-family: var(--font-sans); font-size: 28px; line-height: 36px; font-weight: 600; font-stretch: 100%; font-variation-settings: "wdth" 100.0; }
.headline-small { font-family: var(--font-sans); font-size: 24px; line-height: 32px; font-weight: 600; font-stretch: 100%; font-variation-settings: "wdth" 100.0; }
.title-large { font-family: var(--font-sans); font-size: 22px; line-height: 28px; font-weight: 600; font-stretch: 100%; font-variation-settings: "wdth" 100.0; }
.title-medium { font-family: var(--font-sans); font-size: 16px; line-height: 22px; font-weight: 600; font-stretch: 100%; font-variation-settings: "wdth" 100.0; }
.title-small { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 600; font-stretch: 100%; font-variation-settings: "wdth" 100.0; }
.body-large { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 400; font-stretch: 100%; font-variation-settings: "wdth" 100.0; }
.body-medium { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; font-stretch: 100%; font-variation-settings: "wdth" 100.0; }
.body-small { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 400; font-stretch: 100%; font-variation-settings: "wdth" 100.0; }
.label-large { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 600; letter-spacing: 0px; font-stretch: 100%; font-variation-settings: "wdth" 100.0; }
.label-medium { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.3px; font-stretch: 100%; font-variation-settings: "wdth" 100.0; }
.label-small { font-family: var(--font-sans); font-size: 11px; line-height: 16px; font-weight: 600; letter-spacing: 0.4px; font-stretch: 100%; font-variation-settings: "wdth" 100.0; }
.amount-display-emphasized { font-family: var(--font-sans); font-size: 64px; line-height: 64px; font-weight: 800; letter-spacing: -1.5px; font-stretch: 118%; font-variation-settings: "wdth" 118.0; }
.amount-medium-emphasized { font-family: var(--font-sans); font-size: 48px; line-height: 52px; font-weight: 800; letter-spacing: -1px; font-stretch: 115%; font-variation-settings: "wdth" 115.0; }
.amount-large-emphasized { font-family: var(--font-sans); font-size: 36px; line-height: 40px; font-weight: 800; letter-spacing: -0.5px; font-stretch: 112%; font-variation-settings: "wdth" 112.0; }
.headline-large-emphasized { font-family: var(--font-sans); font-size: 32px; line-height: 40px; font-weight: 800; font-stretch: 106%; font-variation-settings: "wdth" 106.0; }
.headline-medium-emphasized { font-family: var(--font-sans); font-size: 28px; line-height: 36px; font-weight: 700; font-stretch: 106%; font-variation-settings: "wdth" 106.0; }
.headline-small-emphasized { font-family: var(--font-sans); font-size: 24px; line-height: 32px; font-weight: 700; font-stretch: 106%; font-variation-settings: "wdth" 106.0; }
.title-large-emphasized { font-family: var(--font-sans); font-size: 22px; line-height: 28px; font-weight: 700; font-stretch: 106%; font-variation-settings: "wdth" 106.0; }
.title-medium-emphasized { font-family: var(--font-sans); font-size: 16px; line-height: 22px; font-weight: 700; font-stretch: 106%; font-variation-settings: "wdth" 106.0; }
.title-small-emphasized { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 700; font-stretch: 106%; font-variation-settings: "wdth" 106.0; }
.body-large-emphasized { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 500; font-stretch: 106%; font-variation-settings: "wdth" 106.0; }
.body-medium-emphasized { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 500; font-stretch: 106%; font-variation-settings: "wdth" 106.0; }
.body-small-emphasized { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 500; font-stretch: 106%; font-variation-settings: "wdth" 106.0; }
.label-large-emphasized { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 700; letter-spacing: 0px; font-stretch: 106%; font-variation-settings: "wdth" 106.0; }
.label-medium-emphasized { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: 0.3px; font-stretch: 106%; font-variation-settings: "wdth" 106.0; }
.label-small-emphasized { font-family: var(--font-sans); font-size: 11px; line-height: 16px; font-weight: 700; letter-spacing: 0.4px; font-stretch: 106%; font-variation-settings: "wdth" 106.0; }
.widget-amount-small { font-family: var(--font-sans); font-size: 26px; line-height: 28px; font-weight: 700; font-stretch: 112%; font-variation-settings: "wdth" 112.0; }
.widget-amount-medium { font-family: var(--font-sans); font-size: 30px; line-height: 32px; font-weight: 700; font-stretch: 112%; font-variation-settings: "wdth" 112.0; }
.widget-caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 500; }
.widget-row { font-family: var(--font-sans); font-size: 13px; line-height: 16px; font-weight: 600; }