:root{color-scheme:light;--color-primary: #15803d;--color-primary-dark: #0f6b33;--color-primary-deep: #0f4f27;--color-primary-tint: #e3f3e8;--color-primary-tint-2: #ddf0e3;--color-ring: #bfe5cc;--color-start-ring: #bfe5cc;--color-hero-disc: #e3f3e8;--color-hero-disc-inner: #cde8d5;--color-dot-online: #15a34a;--color-bar-gradient-from: #34c06b;--color-bar-gradient-to: #15803d;--color-bar-empty: #d5dde5;--color-mountain-1: #ddf0e3;--color-mountain-2: #c9e7d3;--color-mountain-3: #b3ddc3;--color-danger: #d62b22;--color-danger-text: #c62a22;--color-danger-tint: #fdecea;--color-danger-tint-text: #b42318;--color-ink: #0f1b33;--color-ink-soft: #2b3548;--color-muted: #5b6577;--color-icon-grey: #3b465b;--color-chip-bg: #eef1f5;--color-control-bg: #e9eef2;--color-segment-track: #e6ecf1;--color-segment-active: #ffffff;--color-info-bg: #eff3f8;--color-divider: #e6eaf0;--color-row-divider: #edf0f4;--color-input-border: #d5dae2;--color-backdrop: rgba(0, 0, 0, .32);--color-screen-bg-home: #ffffff;--color-screen-bg-lists: #f4f8f5;--color-card: #ffffff;--color-on-primary: #ffffff;--color-primary-text: #15803d;--color-toast-bg: #0f1b33;--color-on-toast: #ffffff;--color-scrim-lists: rgba(244, 248, 245, .72);--color-clear-bg: #d5dae2;--radius-card: 20px;--radius-tile: 12px;--radius-card-large: 24px;--radius-card-small: 18px;--radius-row: 20px;--radius-control: 12px;--radius-segment-track: 16px;--radius-pill: 22px;--radius-sheet-top: 28px;--radius-input: 12px;--radius-amount-field: 16px;--radius-button: 29px;--radius-finish-button: 32px;--radius-circle: 50%;--shadow-card-strong: 0 8px 28px rgba(15, 27, 51, .16), 0 2px 6px rgba(15, 27, 51, .08);--shadow-card-strong-reports: 0 8px 28px rgba(15, 27, 51, .14), 0 2px 6px rgba(15, 27, 51, .07);--shadow-card-soft: 0 4px 16px rgba(15, 27, 51, .1), 0 1px 3px rgba(15, 27, 51, .06);--shadow-stats-card: 0 4px 18px rgba(15, 27, 51, .08);--shadow-start-button: 0 10px 24px rgba(21, 128, 61, .35);--shadow-fab: 0 10px 24px rgba(21, 128, 61, .4);--shadow-finish-button: 0 8px 20px rgba(214, 43, 34, .3);--shadow-segment-active: 0 2px 8px rgba(15, 27, 51, .14);--shadow-menu: 0 12px 32px rgba(15, 27, 51, .22), 0 2px 8px rgba(15, 27, 51, .1);--shadow-toast: 0 8px 24px rgba(15, 27, 51, .3);--font-family: "Plus Jakarta Sans", system-ui, sans-serif;--text-display: 44px;--text-title-lg: 28px;--text-title: 20px;--text-body: 16px;--text-caption: 13px;--text-eyebrow: 12px;--gradient-hero: linear-gradient(135deg, #0f4f27 0%, #15803d 100%);--color-on-hero-muted: rgba(255, 255, 255, .78);--color-on-hero-chip: rgba(255, 255, 255, .16);--shadow-hero: 0 12px 28px rgba(15, 79, 39, .28);--color-cat-fuel-bg: #fff4e0;--color-cat-fuel: #b45309;--color-cat-toll-bg: #e8effd;--color-cat-toll: #1d4ed8;--color-cat-maintenance-bg: #efeafd;--color-cat-maintenance: #6d28d9;--color-cat-parking-bg: #e3f3f6;--color-cat-parking: #0e7490;--color-cat-other-bg: #eef1f5;--color-cat-other: #3b465b;--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .15s;--dur-sheet: .26s;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--layout-screen-gutter: 16px;--layout-touch-target-min: 44px;--layout-bottom-nav-height: 72px;--layout-home-start-ring: 200px;--layout-home-start-button: 172px;--layout-fab: 56px;--layout-chart-height: 160px;--layout-chart-bar-width: 28px;--layout-chart-bar-max-height: 128px}:root[data-theme=dark]{color-scheme:dark;--color-primary-dark: #5fd68e;--color-primary-deep: #86e3a9;--color-primary-tint: #173a25;--color-primary-tint-2: #1a3d28;--color-primary-text: #4cc47a;--color-ring: #2e7a4a;--color-start-ring: rgba(34, 197, 94, .16);--color-hero-disc: #173a25;--color-hero-disc-inner: #1f4a30;--color-dot-online: #22c55e;--color-bar-empty: #2a332e;--color-mountain-1: #142219;--color-mountain-2: #18291e;--color-mountain-3: #1d3324;--color-danger-text: #ff8a80;--color-danger-tint: #3b1715;--color-danger-tint-text: #ffa39a;--color-ink: #e8eef0;--color-ink-soft: #c8d0d8;--color-muted: #97a2b0;--color-icon-grey: #b9c2cd;--color-chip-bg: #232c27;--color-control-bg: #232c27;--color-segment-track: #232c27;--color-segment-active: #3a4540;--color-info-bg: #1b2420;--color-divider: #28322c;--color-row-divider: #222b26;--color-input-border: #3a4540;--color-backdrop: rgba(0, 0, 0, .6);--color-screen-bg-home: #0e1411;--color-screen-bg-lists: #0b100e;--color-card: #1a231d;--color-toast-bg: #e8eef0;--color-on-toast: #0e1411;--color-scrim-lists: rgba(11, 16, 14, .72);--color-clear-bg: #6b7684;--color-cat-fuel-bg: #3a2a12;--color-cat-fuel: #f5b25a;--color-cat-toll-bg: #1b2745;--color-cat-toll: #8fb0ff;--color-cat-maintenance-bg: #2a2145;--color-cat-maintenance: #b99bff;--color-cat-parking-bg: #13333a;--color-cat-parking: #5fd0e2;--color-cat-other-bg: #232c27;--color-cat-other: #b9c2cd;--shadow-card-strong: 0 8px 28px rgba(0, 0, 0, .5), 0 2px 6px rgba(0, 0, 0, .3);--shadow-card-strong-reports: 0 8px 28px rgba(0, 0, 0, .45), 0 2px 6px rgba(0, 0, 0, .28);--shadow-card-soft: 0 4px 16px rgba(0, 0, 0, .35), 0 1px 3px rgba(0, 0, 0, .25);--shadow-stats-card: 0 4px 18px rgba(0, 0, 0, .3);--shadow-segment-active: 0 2px 8px rgba(0, 0, 0, .45);--shadow-menu: 0 12px 32px rgba(0, 0, 0, .6), 0 2px 8px rgba(0, 0, 0, .35);--shadow-toast: 0 8px 24px rgba(0, 0, 0, .5)}*{box-sizing:border-box}:root{accent-color:var(--color-primary)}html,body{margin:0;padding:0;height:100%;overscroll-behavior-y:contain}body{font-family:var(--font-family);color:var(--color-ink);background:var(--color-screen-bg-home);-webkit-font-smoothing:antialiased}button,input{font-family:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}button,[role=button],nav,app-bottom-nav,app-screen-header .title{-webkit-user-select:none;user-select:none}button:focus-visible,a:focus-visible{outline:3px solid var(--color-ring);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}