@font-face{font-family:Inter;src:url(/fonts/Inter-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter-Medium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Onest;src:url(/fonts/Onest-Medium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:Onest;src:url(/fonts/Onest-SemiBold.ttf)format("truetype");font-weight:600;font-display:swap}:root{--color-ember-900:#3d1e0a;--color-amber-600:#c2410c;--color-glow-600:#ff6a00;--color-glow-300:#ffc9a0;--color-peach-100:#fff0e4;--color-red-600:#b42318;--color-ember-900-40:#3d1e0a66;--color-ember-800:#52290e;--color-ember-950:#2b1507;--color-neutral-0:#fff;--color-neutral-50:#faf7f4;--color-neutral-200:#ece4dc;--color-neutral-300:#d3c8bf;--color-neutral-400:#a3948a;--color-neutral-600:#6e6158;--color-ink-900:#16100b;--color-ink-800:#201810;--color-ink-700:#2e231a;--color-ink-600:#3d2f24;--color-ink-500:#55432f;--color-sand-100:#f5efe9;--color-sand-300:#c9bcae;--color-sand-500:#9b8b7c;--color-amber-300:#ffa068;--color-amber-400:#ff8a4c;--color-amber-500:#e57433;--color-red-400:#f97066;--color-ink-950-60:#0d090699;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-14:14px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-56:56px;--radius-8:8px;--radius-24:24px;--radius-1440:1440px;--size-control-24:24px;--size-control-34:34px;--size-control-44:44px;--size-control-50:50px;--size-control-52:52px;--border-width-1:1px;--border-width-2:2px;--text-primary:var(--color-ember-900);--text-secondary:var(--color-neutral-600);--text-muted:var(--color-neutral-400);--text-accent:var(--color-amber-600);--text-on-accent:var(--color-neutral-0);--text-error:var(--color-red-600);--icon-default:var(--color-neutral-600);--icon-muted:var(--color-neutral-300);--icon-error:var(--color-red-600);--icon-primary:var(--color-ember-900);--icon-accent:var(--color-amber-600);--icon-on-accent-static:var(--color-neutral-0);--bg-canvas:var(--color-neutral-0);--bg-paper:var(--color-neutral-50);--bg-tint:var(--color-peach-100);--bg-scrim:var(--color-ember-900-40);--bg-accent:var(--color-amber-600);--bg-muted:var(--color-neutral-200);--bg-error:var(--color-red-600);--border-default:var(--color-neutral-200);--border-strong:var(--color-neutral-300);--border-focus:var(--color-amber-600);--border-error:var(--color-red-600);--action-primary-bg:var(--color-ember-900);--action-primary-text:var(--color-neutral-0);--action-ghost-border:var(--color-ember-900);--action-ghost-text:var(--color-ember-900);--action-disabled-bg:var(--color-neutral-200);--action-disabled-text:var(--color-neutral-400);--action-primary-bg-hover:var(--color-ember-800);--action-primary-bg-pressed:var(--color-ember-950);--action-ghost-bg-hover:var(--color-peach-100);--action-ghost-bg-pressed:var(--color-neutral-200);--chart-bar-default:var(--color-glow-300);--chart-bar-active:var(--color-amber-600);--chart-axis-label:var(--color-neutral-400);--type-display-40:500 40px/100% Onest, sans-serif;--track-display-40:-.02em;--type-heading-32:500 32px/104% Onest, sans-serif;--track-heading-32:-.015em;--type-heading-24:500 24px/108% Onest, sans-serif;--track-heading-24:-.01em;--type-metric-44:600 44px/100% Onest, sans-serif;--track-metric-44:-.02em;--type-metric-26:600 26px/100% Onest, sans-serif;--track-metric-26:-.01em;--type-body-16:400 16px/150% Inter, sans-serif;--type-body-14:400 14px/140% Inter, sans-serif;--type-body-14-medium:500 14px/140% Inter, sans-serif;--type-button-16:500 16px/100% Inter, sans-serif;--type-caption-12:400 12px/130% Inter, sans-serif;--type-overline-12:500 12px/130% Inter, sans-serif;--track-overline-12:.02em;--type-micro-11:500 11px/130% Inter, sans-serif;--track-micro-11:.02em;--type-label-12:500 12px/130% Inter, sans-serif;--type-status-17:600 17px/22px -apple-system, BlinkMacSystemFont, sans-serif;--elevation-control:0 2px 4px #69371214, 0 1px 1px #6937120a;--elevation-float:0 32px 24px -12px #6937120f, 0 3px 3px #69371208, 0 1px 1px #6937120a;--elevation-bar:0 -3px 14px #6937120d;--size-knob:20px;--size-segment-item:30px;--size-icon-16:16px;--size-icon-20:20px;--size-icon-22:22px;--size-icon-24:24px;--size-step-dot:8px;--size-step-active:22px;--size-step-head:40px;--size-tab:40px;--size-tab-bar:70px;--size-status-bar:44px;--width-mobile:390px;--width-content:358px;--width-form:326px;--width-input:280px;--width-field:300px;--width-metric:340px;--width-panel:350px;--width-tab:78px;--width-delete:88px;--width-dialog-copy:278px;--width-dialog-action:133px;--width-status-side:116.5px;--width-dynamic-island:125px;--width-showcase:1280px;--width-app-max:560px;--gutter:max(var(--space-16), calc((100vw - var(--width-app-max)) / 2));--safe-top:max(var(--tg-content-safe-area-inset-top,0px), env(safe-area-inset-top,0px));--safe-bottom:max(var(--tg-content-safe-area-inset-bottom,0px), env(safe-area-inset-bottom,0px));--height-control-row:48px;--height-fuel-row:80px;--height-hintbox:56px;--height-dialog:208px;--height-triad:312px;--height-chart-bars:70px;--height-skeleton-hero:204px;--height-skeleton-consumption:124px;--height-skeleton-chart:148px;--height-skeleton-list:146px;--height-preview-stage:168px;--chart-apr:44px;--chart-may:62px;--chart-jun:38px;--chart-jul:70px;--chart-aug:54px;--chart-sep:34px;--toggle-off:0px;--toggle-on:20px;--motion-control:.16s ease;--motion-toggle:.22s cubic-bezier(.2,.8,.2,1);--motion-press:.1s ease-out;--scale-press:.97;--ease-out:cubic-bezier(.2,.8,.2,1);--ease-in:cubic-bezier(.4,0,1,1);--duration-fast:.15s;--duration-base:.2s;--duration-sheet:.25s;--duration-chart:.4s;--offset-tab:16px;--offset-appear:8px;--scale-dialog:.96;--stagger:30ms;--fab-gradient:linear-gradient(180deg, var(--color-glow-300), var(--color-glow-600))}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text-primary:var(--color-sand-100);--text-secondary:var(--color-sand-300);--text-muted:var(--color-sand-500);--text-accent:var(--color-amber-400);--text-on-accent:var(--color-ink-900);--text-error:var(--color-red-400);--icon-default:var(--color-sand-300);--icon-muted:var(--color-sand-500);--icon-error:var(--color-red-400);--icon-primary:var(--color-sand-100);--icon-accent:var(--color-amber-400);--icon-on-accent-static:var(--color-neutral-0);--bg-canvas:var(--color-ink-900);--bg-paper:var(--color-ink-800);--bg-tint:var(--color-ink-700);--bg-scrim:var(--color-ink-950-60);--bg-accent:var(--color-amber-400);--bg-muted:var(--color-ink-700);--bg-error:var(--color-red-400);--border-default:var(--color-ink-600);--border-strong:var(--color-ink-500);--border-focus:var(--color-amber-400);--border-error:var(--color-red-400);--action-primary-bg:var(--color-amber-400);--action-primary-text:var(--color-ink-900);--action-ghost-border:var(--color-amber-400);--action-ghost-text:var(--color-amber-400);--action-disabled-bg:var(--color-ink-700);--action-disabled-text:var(--color-sand-500);--action-primary-bg-hover:var(--color-amber-300);--action-primary-bg-pressed:var(--color-amber-500);--action-ghost-bg-hover:var(--color-ink-700);--action-ghost-bg-pressed:var(--color-ink-600);--chart-bar-default:var(--color-ink-500);--chart-bar-active:var(--color-amber-400);--chart-axis-label:var(--color-sand-500)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}
.bz-icon{width:var(--size-icon-20);height:var(--size-icon-20);color:var(--icon-default);background:currentColor;flex:none;display:block;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.bz-icon--danger{color:var(--icon-error);-webkit-mask-image:url(/assets/icons/danger.svg);mask-image:url(/assets/icons/danger.svg)}.bz-icon--car-bulk{color:var(--icon-primary);-webkit-mask-image:url(/assets/icons/car-bulk.svg);mask-image:url(/assets/icons/car-bulk.svg)}.bz-icon--arrow-down{width:var(--size-icon-16);height:var(--size-icon-16);color:var(--icon-primary);-webkit-mask-image:url(/assets/icons/arrow-down.svg);mask-image:url(/assets/icons/arrow-down.svg)}.bz-icon--setting{width:var(--size-icon-16);height:var(--size-icon-16);-webkit-mask-image:url(/assets/icons/setting.svg);mask-image:url(/assets/icons/setting.svg)}.bz-icon--home{width:var(--size-icon-22);height:var(--size-icon-22);color:var(--icon-primary);-webkit-mask-image:url(/assets/icons/home.svg);mask-image:url(/assets/icons/home.svg)}.bz-icon--receipt{width:var(--size-icon-22);height:var(--size-icon-22);-webkit-mask-image:url(/assets/icons/receipt.svg);mask-image:url(/assets/icons/receipt.svg)}.bz-icon--add{width:var(--size-icon-24);height:var(--size-icon-24);color:var(--icon-on-accent-static);-webkit-mask-image:url(/assets/icons/add.svg);mask-image:url(/assets/icons/add.svg)}.bz-icon--status-up{width:var(--size-icon-22);height:var(--size-icon-22);-webkit-mask-image:url(/assets/icons/status-up.svg);mask-image:url(/assets/icons/status-up.svg)}.bz-icon--car-twotone{width:var(--size-icon-22);height:var(--size-icon-22);-webkit-mask-image:url(/assets/icons/car-twotone.svg);mask-image:url(/assets/icons/car-twotone.svg)}.bz-icon--levels{width:var(--width-status-side);height:var(--size-step-active);color:var(--icon-primary);-webkit-mask-image:url(/assets/icons/levels.svg);mask-image:url(/assets/icons/levels.svg)}.bz-icon--arrow-left{color:var(--icon-primary);-webkit-mask-image:url(/assets/icons/arrow-left.svg);mask-image:url(/assets/icons/arrow-left.svg)}.bz-button,.bz-chip,.bz-toggle,.bz-segment-item,.bz-tab,.bz-fab{appearance:none;cursor:pointer;border:0}.bz-button{height:var(--size-control-50);padding-inline:var(--space-24);border-radius:var(--radius-8);font:var(--type-button-16);white-space:nowrap;transition:background-color var(--motion-control), color var(--motion-control), box-shadow var(--motion-control), transform var(--motion-press);justify-content:center;align-items:center;display:inline-flex}.bz-button[data-type=primary]{color:var(--text-on-accent);background:var(--action-primary-bg)}.bz-button[data-type=primary][data-state=hover]{background:var(--action-primary-bg-hover)}.bz-button[data-state=hover]{box-shadow:var(--elevation-control)}.bz-button[data-type=primary][data-state=pressed]{background:var(--action-primary-bg-pressed)}.bz-button[data-state=disabled]{color:var(--action-disabled-text);background:var(--action-disabled-bg)}.bz-button[data-type=ghost]{color:var(--action-ghost-text);border:var(--border-width-1) solid var(--action-ghost-border);background:0 0}.bz-button[data-type=ghost][data-state=hover]{background:var(--action-ghost-bg-hover)}.bz-button[data-type=ghost][data-state=pressed]{background:var(--action-ghost-bg-pressed)}.bz-button[data-type=ghost][data-state=disabled]{border-color:var(--border-default)}.bz-button[data-type=primary][data-state=default]:not(:disabled):hover{background:var(--action-primary-bg-hover)}.bz-button[data-type=primary][data-state=default]:not(:disabled):active{background:var(--action-primary-bg-pressed)}.bz-button[data-type=ghost][data-state=default]:not(:disabled):hover{background:var(--action-ghost-bg-hover)}.bz-button[data-type=ghost][data-state=default]:not(:disabled):active{background:var(--action-ghost-bg-pressed)}.bz-button:not(:disabled):hover{box-shadow:var(--elevation-control)}.bz-button:not(:disabled):active{transform:translateY(0) scale(var(--scale-press))}.bz-button:disabled,.bz-chip:disabled,.bz-toggle:disabled{cursor:not-allowed}.bz-input{align-items:center;gap:var(--space-8);width:var(--width-input);height:var(--size-control-44);padding-inline:var(--space-16);border:var(--border-width-1) solid var(--border-default);border-radius:var(--radius-8);background:var(--bg-canvas);color:var(--text-primary);font:var(--type-body-14);transition:border-color var(--motion-control), border-width var(--motion-control), background-color var(--motion-control);display:flex;overflow:hidden}.bz-input input{width:100%;min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:0;padding:0}.bz-input input::placeholder{color:var(--text-muted);opacity:1}.bz-input[data-state=empty]{color:var(--text-muted)}.bz-input[data-state=focus],.bz-input:focus-within{border-width:var(--border-width-2);border-color:var(--border-focus)}.bz-input[data-state=error]{border-color:var(--border-error)}.bz-input[data-state=disabled]{color:var(--action-disabled-text);background:var(--action-disabled-bg)}.bz-chip{height:var(--size-control-34);padding-inline:var(--space-12);border:var(--border-width-1) solid var(--border-default);border-radius:var(--radius-1440);background:var(--bg-paper);color:var(--text-secondary);font:var(--type-label-12);transition:color var(--motion-control), background-color var(--motion-control), border-color var(--motion-control), transform var(--motion-press);justify-content:center;align-items:center;display:inline-flex}.bz-chip[data-state=selected]{color:var(--text-on-accent);background:var(--action-primary-bg);border-color:#0000}.bz-chip[data-state=disabled]{color:var(--action-disabled-text);background:var(--action-disabled-bg)}.bz-chip:not(:disabled):active{transform:scale(var(--scale-press))}.bz-toggle{width:var(--size-control-44);height:var(--size-control-24);padding:var(--space-2);border-radius:var(--radius-1440);background:var(--bg-accent);transition:background-color var(--motion-control);align-items:center;display:flex}.bz-toggle>span{width:var(--size-knob);height:var(--size-knob);border-radius:var(--radius-1440);background:var(--bg-canvas);transform:translateX(var(--toggle-off));transition:transform var(--motion-toggle), background-color var(--motion-control)}.bz-toggle[data-state=on]>span{transform:translateX(var(--toggle-on))}.bz-toggle[data-state=off]{background:var(--bg-muted)}.bz-toggle[data-state=disabled]{background:var(--action-disabled-bg)}.bz-toggle[data-state=on]:disabled{opacity:.6}.bz-toggle[data-state=disabled]>span{background:var(--bg-paper)}.bz-segment-item{height:var(--size-segment-item);border-radius:var(--radius-8);color:var(--text-secondary);font:var(--type-label-12);white-space:nowrap;transition:color var(--motion-control), background-color var(--motion-control), transform var(--motion-press);background:0 0;flex:1;justify-content:center;align-items:center;display:flex}.bz-segment-item[data-state=active]{color:var(--text-primary);background:var(--bg-canvas)}.bz-segment-item:active{transform:scale(var(--scale-press))}.bz-tag{height:var(--size-control-24);padding-inline:var(--space-12);border-radius:var(--radius-1440);color:var(--text-accent);background:var(--bg-tint);font:var(--type-overline-12);letter-spacing:var(--track-overline-12);white-space:nowrap;justify-content:center;align-items:center;display:inline-flex}.bz-field{align-items:stretch;gap:var(--space-6);width:var(--width-field);flex-direction:column;display:flex}.bz-field .bz-input{width:100%}.bz-field__label{color:var(--text-secondary);font:var(--type-label-12)}.bz-field__hint{color:var(--text-secondary);font:var(--type-caption-12)}.bz-field[data-state=error] .bz-field__hint{color:var(--text-error)}.bz-field[data-state=disabled] .bz-field__label,.bz-field[data-state=disabled] .bz-field__hint{color:var(--action-disabled-text)}.bz-full-tank{justify-content:space-between;align-items:center;gap:var(--space-12);width:var(--width-form);height:var(--height-control-row);color:var(--text-primary);font:var(--type-body-14);display:flex}.bz-card{border:var(--border-width-1) solid var(--border-default);border-radius:var(--radius-8);background:var(--bg-canvas)}.bz-metric{align-items:stretch;gap:var(--space-8);width:var(--width-metric);padding:var(--space-16);flex-direction:column;display:flex}.bz-metric p{margin:0}.bz-overline{color:var(--text-muted);font:var(--type-overline-12);letter-spacing:var(--track-overline-12)}.bz-caption{color:var(--text-secondary);font:var(--type-caption-12)}.bz-metric__value{align-items:center;gap:var(--space-8);display:flex}.bz-metric__value strong{color:var(--text-primary);font:var(--type-metric-44);letter-spacing:var(--track-metric-44);white-space:nowrap}.bz-metric__value strong[data-empty=true]{color:var(--icon-muted)}.bz-skeleton{width:var(--width-panel);border-radius:var(--radius-8);background:var(--bg-muted);display:block}.bz-skeleton[data-type=hero]{height:var(--height-skeleton-hero)}.bz-skeleton[data-type=consumption]{height:var(--height-skeleton-consumption)}.bz-skeleton[data-type=chart]{height:var(--height-skeleton-chart)}.bz-skeleton[data-type=list]{height:var(--height-skeleton-list)}.bz-hintbox{width:var(--width-content);height:var(--height-hintbox);padding:var(--space-12) var(--space-14);border-radius:var(--radius-8);color:var(--text-secondary);background:var(--bg-tint);font:var(--type-caption-12);overflow:hidden}.bz-fuel-row{align-items:center;gap:var(--space-8);width:var(--width-content);height:var(--height-fuel-row);padding:var(--space-10) var(--space-12);border-radius:var(--radius-8);background:var(--bg-canvas);display:flex;overflow:hidden}.bz-fuel-row[data-state=pressed]{background:var(--bg-paper)}.bz-fuel-row[data-state=swipe]{padding-right:0}.bz-fuel-row__left{gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}.bz-fuel-row b{color:var(--text-primary);font:var(--type-body-14-medium)}.bz-fuel-row span{color:var(--text-secondary);font:var(--type-caption-12)}.bz-fuel-row small{color:var(--text-muted);font:var(--type-caption-12)}.bz-fuel-row__right{align-items:flex-end;gap:var(--space-2);white-space:nowrap;flex-direction:column;display:flex}.bz-fuel-row__right small{font:var(--type-micro-11);letter-spacing:var(--track-micro-11)}.bz-fuel-row__main{align-items:center;gap:var(--space-8);min-width:0;color:inherit;font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;flex:1;align-self:stretch;padding:0;display:flex}.bz-fuel-row .bz-fuel-row__delete{cursor:pointer;flex:0 0 var(--width-delete);padding-inline:var(--space-12);color:var(--text-on-accent);background:var(--bg-error);font:var(--type-body-14-medium);border:0;justify-content:center;align-self:stretch;align-items:center;display:flex}.bz-segment-control{align-items:center;gap:var(--space-2);width:var(--width-content);height:var(--size-control-34);padding:var(--space-2);border-radius:var(--radius-8);background:var(--bg-muted);display:flex}.bz-app-header{width:var(--width-mobile);height:var(--size-control-52);padding-inline:var(--space-16);justify-content:space-between;align-items:center;display:flex}.bz-car-pill{align-items:center;gap:var(--space-8);height:var(--size-control-34);padding-inline:var(--space-12);border:var(--border-width-1) solid var(--border-default);border-radius:var(--radius-1440);background:var(--bg-canvas);cursor:pointer;display:flex}.bz-car-pill b{color:var(--text-primary);font:var(--type-body-14-medium);white-space:nowrap}.bz-icon-button{width:var(--size-control-34);height:var(--size-control-34);border:var(--border-width-1) solid var(--border-default);border-radius:var(--radius-1440);background:var(--bg-canvas);cursor:pointer;justify-content:center;align-items:center;display:flex}.bz-tab-bar{justify-content:center;align-items:center;gap:var(--space-2);width:var(--width-mobile);height:var(--size-tab-bar);padding-inline:var(--space-10);background:var(--bg-canvas);box-shadow:var(--elevation-bar);display:flex}.bz-tab{flex:0 0 var(--width-tab);height:var(--size-tab);justify-content:center;align-items:center;gap:var(--space-4);color:var(--icon-default);transition:color var(--motion-control), transform var(--motion-press);background:0 0;flex-direction:column;display:flex}.bz-tab small{color:var(--text-muted);font:var(--type-micro-11);letter-spacing:var(--track-micro-11)}.bz-tab[data-active=true]{color:var(--icon-primary)}.bz-tab[data-active=true] small{color:var(--text-primary)}.bz-tab .bz-icon{color:inherit}.bz-tab:active,.bz-fab:active{transform:scale(var(--scale-press))}.bz-fab{flex:0 0 var(--size-control-52);height:var(--size-control-52);border-radius:var(--radius-1440);background:var(--fab-gradient);box-shadow:var(--elevation-control);transition:transform var(--motion-press), box-shadow var(--motion-control);justify-content:center;align-items:center;display:flex}.bz-modal-header{width:var(--width-mobile);height:var(--size-control-52);padding-inline:var(--space-16);background:var(--bg-paper);justify-content:space-between;align-items:center;display:flex;overflow:hidden}.bz-modal-header button{width:calc(var(--space-56) + var(--space-16));height:var(--height-control-row);color:var(--text-muted);font:var(--type-caption-12);cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:flex}.bz-modal-header button:last-child{justify-content:flex-end}.bz-modal-header button:disabled{cursor:not-allowed;opacity:.5}.bz-modal-header h1{text-overflow:ellipsis;color:var(--text-primary);font:var(--type-heading-24);letter-spacing:var(--track-heading-24);white-space:nowrap;margin:0;overflow:hidden}.bz-triad{gap:var(--space-10);width:var(--width-form);min-height:var(--height-triad);padding:var(--space-16);border:var(--border-width-1) solid var(--border-default);border-radius:var(--radius-8);background:var(--bg-paper);flex-direction:column;display:flex}.bz-triad label{gap:var(--space-6);color:var(--text-secondary);font:var(--type-label-12);flex-direction:column;display:flex}.bz-mini-input{width:100%;height:var(--size-control-44);padding-inline:var(--space-16);border:var(--border-width-1) solid var(--border-default);border-radius:var(--radius-8);color:var(--text-primary);background:var(--bg-canvas);font:var(--type-body-14);transition:border-color var(--motion-control), border-width var(--motion-control);outline:0;align-items:center;display:flex}.bz-mini-wrap{display:flex;position:relative}.bz-mini-auto{top:50%;right:var(--space-16);color:var(--text-muted);font:var(--type-label-12);pointer-events:none;position:absolute;transform:translateY(-50%)}.bz-triad label[data-auto=true] .bz-mini-input{color:var(--text-muted)}.bz-triad[data-disabled=true] .bz-mini-input{color:var(--action-disabled-text);background:var(--action-disabled-bg)}.bz-mini-input:disabled{cursor:not-allowed}.bz-mini-input:focus{border-width:var(--border-width-2);border-color:var(--border-focus)}.bz-triad>p{padding:var(--space-10) var(--space-12);border-radius:var(--radius-8);color:var(--text-secondary);background:var(--bg-canvas);font:var(--type-caption-12);margin:0}.bz-confirm{gap:var(--space-12);width:var(--width-form);height:var(--height-dialog);padding:var(--space-24);border-radius:var(--radius-24);background:var(--bg-canvas);box-shadow:var(--elevation-float);flex-direction:column;display:flex}.bz-confirm h3,.bz-confirm p{width:var(--width-dialog-copy);margin:0}.bz-confirm h3{color:var(--text-primary);font:var(--type-heading-24);letter-spacing:var(--track-heading-24)}.bz-confirm p{color:var(--text-secondary);font:var(--type-body-14)}.bz-confirm>div{gap:var(--space-12);display:flex}.bz-confirm .bz-button{width:var(--width-dialog-action)}.bz-spend-hero{gap:var(--space-8);width:var(--width-metric);flex-direction:column;display:flex}.bz-kv{gap:var(--space-8);padding:var(--space-12) var(--space-16);border:var(--border-width-1) solid var(--border-default);border-radius:var(--radius-8);background:var(--bg-canvas);flex-direction:column;display:flex}.bz-kv span{color:var(--text-secondary);font:var(--type-caption-12);white-space:nowrap;justify-content:space-between;display:flex}.bz-kv b{color:var(--text-primary);font:var(--type-body-14-medium)}.bz-month-chart{gap:var(--space-10);width:var(--width-panel);padding:var(--space-12) var(--space-20);flex-direction:column;display:flex}.bz-month-chart header{justify-content:space-between;align-items:center;display:flex}.bz-month-chart header b{color:var(--text-primary);font:var(--type-body-14-medium)}.bz-month-chart header span{color:var(--text-muted);font:var(--type-caption-12)}.bz-bars,.bz-axis{gap:var(--space-10);width:100%;display:flex}.bz-bars{height:var(--height-chart-bars);align-items:flex-end}.bz-bars i{border-radius:var(--radius-8);background:var(--chart-bar-default);flex:1}.bz-bars i[data-month=sep],.bz-bars i[data-current=true]{background:var(--chart-bar-active)}.bz-bars i[data-empty=true]{opacity:.45}button.bz-month-chart{font:inherit;text-align:start;color:inherit;cursor:pointer}.bz-bars i[data-month=apr]{height:var(--chart-apr)}.bz-bars i[data-month=may]{height:var(--chart-may)}.bz-bars i[data-month=jun]{height:var(--chart-jun)}.bz-bars i[data-month=jul]{height:var(--chart-jul)}.bz-bars i[data-month=aug]{height:var(--chart-aug)}.bz-bars i[data-month=sep]{height:var(--chart-sep)}.bz-axis span{color:var(--chart-axis-label);font:var(--type-micro-11);letter-spacing:var(--track-micro-11);text-align:center;flex:1}.bz-status-bar{width:var(--width-mobile);height:var(--size-status-bar);padding:var(--space-10) var(--space-16);color:var(--icon-primary);justify-content:space-between;align-items:center;display:flex;overflow:hidden}.bz-status-bar>span:first-child{width:var(--width-status-side);text-align:center;font:var(--type-status-17)}.bz-island{width:var(--width-dynamic-island);height:calc(var(--space-32) + var(--space-4) + var(--border-width-1))}.bz-step-head{width:var(--width-form);height:var(--size-step-head);justify-content:space-between;align-items:center;display:flex}.bz-back{width:var(--size-step-head);height:var(--size-step-head);border:var(--border-width-1) solid var(--border-default);border-radius:var(--radius-8);background:var(--bg-canvas);box-shadow:var(--elevation-control);justify-content:center;align-items:center;display:flex}.bz-steps{align-items:center;gap:var(--space-6);display:flex}.bz-steps i{width:var(--size-step-dot);height:var(--size-step-dot);border-radius:var(--radius-1440);background:var(--bg-muted)}.bz-steps i[data-active=true]{width:var(--size-step-active);background:var(--bg-accent)}.bz-step-spacer{width:var(--size-step-head);height:var(--size-step-head)}@media (prefers-reduced-motion:reduce){.bz-button,.bz-chip,.bz-toggle,.bz-toggle>span,.bz-segment-item,.bz-tab,.bz-fab,.bz-input,.bz-mini-input{transition-duration:0s}}
.showcase{width:min(100%, var(--width-showcase));padding:var(--space-24);margin:0 auto}.showcase-hero,.section-head{justify-content:space-between;align-items:flex-end;gap:var(--space-24);display:flex}.showcase-hero{padding-block:var(--space-24) var(--space-32)}.showcase-hero p,.section-head p{margin:0 0 var(--space-8);color:var(--text-accent);font:var(--type-overline-12);letter-spacing:var(--track-overline-12)}.showcase-hero h1{font:var(--type-display-40);letter-spacing:var(--track-display-40);margin:0}.showcase-hero div>span{margin-top:var(--space-12);color:var(--text-secondary);font:var(--type-body-14);display:block}.theme-toggle{align-items:center;gap:var(--space-8);min-width:calc(var(--space-56) * 2);height:var(--size-control-44);padding-inline:var(--space-12);border:var(--border-width-1) solid var(--border-default);border-radius:var(--radius-1440);color:var(--text-primary);background:var(--bg-paper);font:var(--type-label-12);display:flex}.theme-toggle i{width:var(--size-icon-16);height:var(--size-icon-16);border-radius:var(--radius-1440);background:var(--bg-accent);box-shadow:inset 0 0 0 var(--border-width-2) var(--bg-canvas)}.showcase-section{margin-bottom:var(--space-32)}.section-head{margin-bottom:var(--space-16);padding-bottom:var(--space-12);border-bottom:var(--border-width-1) solid var(--border-default)}.section-head h2{margin:0}.section-head>div{width:100%}.section-toggle{justify-content:space-between;align-items:center;gap:var(--space-12);width:100%;color:var(--text-primary);font:var(--type-heading-32);letter-spacing:var(--track-heading-32);text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:flex}.section-toggle i{width:var(--size-icon-16);height:var(--size-icon-16);border-right:var(--border-width-2) solid currentColor;border-bottom:var(--border-width-2) solid currentColor;transform:rotate(45deg) translateY(calc(var(--border-width-1) * -1));transition:transform var(--motion-control)}.section-toggle[aria-expanded=true] i{transform:rotate(225deg) translateY(var(--border-width-1))}.foundation-grid{gap:var(--space-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.preview-grid{gap:var(--space-12);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.foundation-card,.preview-card{border:var(--border-width-1) solid var(--border-default);border-radius:var(--radius-24);background:var(--bg-paper);min-width:0}.foundation-card{padding:var(--space-16)}.foundation-card h3{margin:0 0 var(--space-12);font:var(--type-body-16)}.swatches{gap:var(--space-10);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.swatches span{min-width:0}.swatches i{height:var(--size-control-44);margin-bottom:var(--space-4);border:var(--border-width-1) solid var(--border-default);border-radius:var(--radius-8);display:block}.swatches small,.token-list code{color:var(--text-secondary);font:var(--type-micro-11)}.swatches small{overflow-wrap:anywhere}.token-list{gap:var(--space-6);flex-wrap:wrap;display:flex}.token-list code{padding:var(--space-4) var(--space-8);border-radius:var(--radius-8);background:var(--bg-canvas)}.token-list--semantic code{color:var(--text-primary)}.type-list{gap:var(--space-12);flex-direction:column;display:flex}.type-list span{color:var(--text-primary)}.type-list [data-type=display-40]{font:var(--type-display-40);letter-spacing:var(--track-display-40)}.type-list [data-type=heading-32]{font:var(--type-heading-32);letter-spacing:var(--track-heading-32)}.type-list [data-type=heading-24]{font:var(--type-heading-24);letter-spacing:var(--track-heading-24)}.type-list [data-type=metric-44]{font:var(--type-metric-44);letter-spacing:var(--track-metric-44)}.type-list [data-type=metric-26]{font:var(--type-metric-26);letter-spacing:var(--track-metric-26)}.type-list [data-type=body-16]{font:var(--type-body-16)}.type-list [data-type=body-14]{font:var(--type-body-14)}.type-list [data-type=body-14-medium]{font:var(--type-body-14-medium)}.type-list [data-type=button-16]{font:var(--type-button-16)}.type-list [data-type=caption-12]{font:var(--type-caption-12)}.type-list [data-type=overline-12]{font:var(--type-overline-12);letter-spacing:var(--track-overline-12)}.type-list [data-type=micro-11]{font:var(--type-micro-11);letter-spacing:var(--track-micro-11)}.type-list [data-type=label-12]{font:var(--type-label-12)}.effect-list{gap:var(--space-24);padding:var(--space-24);display:flex}.effect-list i{width:calc(var(--space-56) + var(--space-24));height:var(--size-control-52);border-radius:var(--radius-8);background:var(--bg-canvas);color:var(--text-secondary);font:var(--type-caption-12);place-items:center;font-style:normal;display:grid}.effect-list [data-effect=control]{box-shadow:var(--elevation-control)}.effect-list [data-effect=float]{box-shadow:var(--elevation-float)}.effect-list [data-effect=bar]{box-shadow:var(--elevation-bar)}.preview-card{overflow:hidden}.preview-card>header,.preview-card>footer{justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-12);display:flex}.preview-card h3{font:var(--type-body-16);margin:0}.preview-card a{color:var(--text-muted);font:var(--type-micro-11);text-decoration:none}.preview-card header>span{color:var(--text-muted);font:var(--type-label-12)}.preview-stage{min-height:var(--height-preview-stage);padding:var(--space-16);background:var(--bg-canvas);justify-content:center;align-items:center;display:flex;overflow-x:auto}.preview-card footer{border-top:var(--border-width-1) solid var(--border-default)}.preview-note{color:var(--text-secondary);font:var(--type-micro-11)}.button-demo{justify-content:center;gap:var(--space-16);flex-wrap:wrap;display:flex}.button-demo>div{align-items:center;gap:var(--space-8);flex-direction:column;display:flex}.button-demo small{color:var(--text-secondary);font:var(--type-micro-11)}@media (max-width:1000px){.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.showcase{padding:var(--space-16)}.showcase-hero{padding-block:var(--space-24) var(--space-32);align-items:flex-start}.foundation-grid,.preview-grid{grid-template-columns:1fr}.preview-stage{justify-content:flex-start}.swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:390px){.showcase-hero{flex-direction:column}.preview-stage{margin-inline:calc(var(--space-16) * -1);padding-inline:var(--space-16)}.preview-card>header,.preview-card>footer{padding-inline:var(--space-12)}}
.onboarding{background:var(--bg-canvas);flex-direction:column;width:100%;min-height:100dvh;display:flex}.onboarding__content{gap:var(--space-10);min-height:0;padding:var(--space-4) var(--space-16) calc(var(--space-20) + var(--tg-content-safe-area-inset-bottom,var(--space-2)));flex-direction:column;flex:1;display:flex}.onboarding__title{gap:var(--radius-8);flex-direction:column;display:flex}.onboarding__title h1{color:var(--text-primary);font:var(--type-heading-32);letter-spacing:var(--track-heading-32);margin:0}.onboarding__title p{color:var(--text-secondary);font:var(--type-body-14);margin:0}.onboarding__head-action{position:relative}.onboarding__head-action>button{width:var(--size-step-head);height:var(--size-step-head);opacity:0;position:absolute;inset:0 auto auto 0}.onboarding__field{gap:var(--space-6);color:var(--text-secondary);font:var(--type-label-12);flex-direction:column;display:flex}.onboarding__field>span{min-height:var(--size-control-24);justify-content:space-between;align-items:center;display:flex}.onboarding__field small{color:var(--text-secondary);font:var(--type-caption-12)}.onboarding__field[data-state=error] small{color:var(--text-error)}.onboarding__field[data-state=disabled]{color:var(--action-disabled-text)}.onboarding__field .bz-input{width:100%}.onboarding__field[data-calculated=true] .bz-input{color:var(--text-muted)}.onboarding__field .bz-tag{margin-left:auto}.onboarding__car-form,.onboarding__triad{gap:var(--space-10);padding:var(--space-16);border:var(--border-width-1) solid var(--border-default);border-radius:var(--radius-8);background:var(--bg-paper);flex-direction:column;display:flex}.onboarding__car-form{gap:var(--space-12)}.onboarding__fuel-type{gap:var(--space-8);color:var(--text-secondary);font:var(--type-label-12);flex-direction:column;display:flex}.onboarding__fuel-type>div,.onboarding__conflict>div{gap:var(--space-8);flex-wrap:wrap;display:flex}.onboarding__grow{min-height:var(--space-4);flex:1}.onboarding__triad{gap:var(--space-10)}.onboarding__triad-note{padding:var(--space-10) var(--space-12);border-radius:var(--radius-8);color:var(--text-secondary);background:var(--bg-canvas);font:var(--type-caption-12);margin:0}.onboarding__triad-note--warning{color:var(--text-error)}.onboarding__conflict-choice{gap:var(--space-6);margin-bottom:calc(var(--border-width-1) * -1);padding:var(--space-4) var(--space-14);border:var(--border-width-1) solid var(--border-default);border-radius:var(--radius-8);background:var(--bg-paper);color:var(--text-primary);font:var(--type-label-12);flex-direction:column;display:flex}.onboarding__conflict-choice>div{gap:var(--space-8);flex-wrap:wrap;display:flex}.onboarding__success{align-items:center;gap:var(--space-12);padding:var(--space-14) var(--space-16);border-radius:var(--radius-8);background:var(--bg-paper);box-shadow:var(--elevation-float);display:flex}.onboarding__success i{width:var(--size-control-24);height:var(--size-control-24);border-radius:var(--radius-1440);color:var(--text-on-accent);background:var(--bg-accent);font:var(--type-label-12);place-items:center;font-style:normal;display:grid}.onboarding__success div{gap:var(--border-width-2);flex-direction:column;display:flex}.onboarding__success b{color:var(--text-primary);font:var(--type-body-14-medium)}.onboarding__success span{color:var(--text-secondary);font:var(--type-caption-12)}.onboarding--welcome .onboarding__welcome-content{align-items:center;gap:var(--space-16);min-height:0;padding:var(--space-4) var(--space-16) calc(var(--space-20) + var(--tg-content-safe-area-inset-bottom,var(--space-2)));flex-direction:column;flex:1;display:flex}.onboarding__brand{align-items:center;gap:var(--space-10);padding:var(--radius-8) var(--space-16) var(--radius-8) var(--space-14);border-radius:var(--radius-8);background:var(--bg-paper);box-shadow:var(--elevation-float);display:flex}.onboarding__brand span{width:calc(var(--space-24) + var(--space-6));height:calc(var(--space-24) + var(--space-6));border-radius:var(--radius-8);background:var(--bg-accent)}.onboarding__brand b{color:var(--text-primary);font:var(--type-heading-24);letter-spacing:var(--track-heading-24)}.onboarding__welcome-grow{min-height:var(--space-4);flex:1}.onboarding__welcome-card{align-items:center;gap:var(--space-16);width:100%;padding:var(--space-16);border-radius:var(--radius-8);background:var(--bg-paper);box-shadow:var(--elevation-float);text-align:center;flex-direction:column;display:flex}.onboarding__welcome-card h1{color:var(--text-primary);font:var(--type-display-40);letter-spacing:var(--track-display-40);margin:0}.onboarding__intro{color:var(--text-secondary);font:var(--type-body-16);margin:0}.onboarding__welcome-content>.bz-button{width:100%}.onboarding__features{gap:var(--space-12);text-align:start;flex-direction:column;width:100%;display:flex}.onboarding__feature{align-items:flex-start;gap:var(--space-12);display:flex}.onboarding__feature>i{width:calc(var(--space-24) + var(--space-4));height:calc(var(--space-24) + var(--space-4));border-radius:var(--radius-8);background:var(--bg-tint);flex:none}.onboarding__feature div{gap:var(--border-width-2);flex-direction:column;display:flex}.onboarding__feature b{color:var(--text-primary);font:var(--type-body-14-medium)}.onboarding__feature span{color:var(--text-secondary);font:var(--type-caption-12)}@media (max-height:750px){.onboarding__welcome-grow{flex:0}.onboarding__welcome-card{gap:var(--space-12)}}.onboarding__save-error{color:var(--text-error);font:var(--type-caption-12);margin:0}
.home-screen{background:var(--bg-canvas);flex-direction:column;width:100%;height:100dvh;min-height:0;display:flex;overflow:hidden}.home-content{gap:var(--space-8);min-height:0;padding:var(--space-8) var(--space-16);flex-direction:column;flex:1;display:flex;overflow:hidden}.home-spend{gap:var(--space-8);flex-direction:column;display:flex}.home-metric,.home-consumption{gap:var(--space-8);width:100%;padding:var(--space-16);flex-direction:column;display:flex}.home-metric__value,.home-consumption__value{align-items:center;gap:var(--space-8);display:flex}.home-metric__value strong,.home-consumption__value strong{color:var(--text-primary);font:var(--type-metric-44);letter-spacing:var(--track-metric-44);white-space:nowrap}.home-consumption__value strong[data-empty=true]{color:var(--icon-muted)}.home-kv{gap:var(--space-8);padding:var(--space-12) var(--space-16);flex-direction:column;display:flex}.home-kv span{color:var(--text-secondary);font:var(--type-caption-12);white-space:nowrap;justify-content:space-between;display:flex}.home-kv b{color:var(--text-primary);font:var(--type-body-14-medium)}.home-screen .bz-month-chart{width:100%}.home-last{gap:var(--space-6);flex-direction:column;display:flex}.home-last>header{min-height:var(--size-control-24);color:var(--text-primary);font:var(--type-body-14-medium);justify-content:space-between;align-items:center;display:flex}.home-last button{color:var(--text-accent);font:var(--type-body-14);background:0 0;border:0;padding:0}.home-fuel{min-height:var(--height-control-row);justify-content:space-between;align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-12);border-radius:var(--radius-8);background:var(--bg-canvas);display:flex}.home-fuel>div{gap:var(--space-4);flex-direction:column;flex:1;min-width:0;display:flex}.home-fuel b,.home-fuel>strong{color:var(--text-primary);font:var(--type-body-14-medium);white-space:nowrap}.home-fuel span{color:var(--text-secondary);font:var(--type-caption-12);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.home-grow{flex:1;min-height:0}@media (max-height:760px){.home-screen[data-home-state=default] .home-content{overflow-y:auto}}
.screen{background:var(--bg-canvas);flex-direction:column;width:100%;height:100dvh;min-height:0;display:flex;position:relative;overflow:hidden}.screen :is(.bz-status-bar,.bz-app-header,.bz-tab-bar,.bz-modal-header),.home-screen :is(.bz-status-bar,.bz-app-header,.bz-tab-bar),.onboarding .bz-status-bar{flex:none;width:100%}.screen .bz-tab-bar,.home-screen .bz-tab-bar{height:calc(var(--size-tab-bar) + var(--tg-content-safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));padding-bottom:var(--tg-content-safe-area-inset-bottom,env(safe-area-inset-bottom,0px))}.screen__content{gap:var(--space-8);min-height:0;padding:var(--space-8) var(--space-16) var(--space-16);overscroll-behavior:contain;flex-direction:column;flex:1;display:flex;overflow-y:auto}.screen__content>*{flex-shrink:0}.screen__content :is(.bz-metric,.bz-skeleton,.bz-triad,.bz-field,.bz-full-tank,.bz-month-chart,.bz-fuel-row,.bz-segment-control,.bz-hintbox,.bz-card),.screen__content .bz-field .bz-input{width:100%}.screen__content .bz-skeleton{flex:none}.screen__stack,.screen__actions{gap:var(--space-8);flex-direction:column;display:flex}.screen__actions .bz-button{width:100%}.screen--modal .screen__content{gap:var(--space-12);padding:var(--space-16) var(--space-16) calc(var(--space-16) + var(--tg-content-safe-area-inset-bottom,env(safe-area-inset-bottom,0px)))}.screen--modal .bz-modal-header h1{color:var(--text-primary);font:var(--type-heading-24);letter-spacing:var(--track-heading-24);white-space:nowrap}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.state-panel{align-items:center;gap:var(--space-16);min-height:100%;padding-block:var(--space-8);text-align:center;flex-direction:column;flex:1;display:flex}.state-panel__grow{flex:1}.state-panel__ill{width:calc(var(--space-56) + var(--space-40));height:calc(var(--space-56) + var(--space-40));border-radius:var(--radius-1440);background:var(--bg-tint);flex:none;place-items:center;display:grid}.state-panel__glyph{width:calc(var(--space-24) * 2);height:calc(var(--space-24) * 2);background:currentColor;display:block;-webkit-mask:none 50%/contain no-repeat;mask:none 50%/contain no-repeat}.state-panel__glyph--receipt{color:var(--icon-accent);-webkit-mask-image:url(/assets/icons/receipt.svg);mask-image:url(/assets/icons/receipt.svg)}.state-panel__glyph--danger{color:var(--icon-error);-webkit-mask-image:url(/assets/icons/danger.svg);mask-image:url(/assets/icons/danger.svg)}.state-panel__glyph--car{color:var(--icon-accent);-webkit-mask-image:url(/assets/icons/car-twotone.svg);mask-image:url(/assets/icons/car-twotone.svg)}.state-panel h2{color:var(--text-primary);font:var(--type-heading-24);letter-spacing:var(--track-heading-24);margin:0}.state-panel p{color:var(--text-secondary);font:var(--type-body-14);margin:0}.state-panel .bz-button,.state-panel .bz-hintbox{width:100%}.state-panel .bz-hintbox{height:auto}.toast{z-index:20;right:var(--space-16);bottom:calc(var(--size-tab-bar) + var(--space-10) + var(--tg-content-safe-area-inset-bottom,env(safe-area-inset-bottom,0px)));left:var(--space-16);min-height:calc(var(--space-56));justify-content:space-between;align-items:center;gap:var(--space-12);padding:0 var(--space-16);border-radius:var(--radius-8);color:var(--action-primary-text);background:var(--action-primary-bg);box-shadow:var(--elevation-float);font:var(--type-body-14-medium);display:flex;position:absolute}.toast button{min-height:var(--size-control-44);padding:0 var(--space-4);color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.overlay{z-index:30;padding:var(--space-16);place-items:center;display:grid;position:absolute;inset:0}.overlay__scrim{background:var(--bg-scrim);position:absolute;inset:0}.overlay .bz-confirm{width:100%;height:auto;position:relative}.overlay .bz-confirm :is(h3,p){width:auto}.overlay .bz-confirm .bz-button{flex:1;width:auto}.fuel-form{align-items:center}.fuel-form>*{width:100%}.fuel-form>.bz-button{flex:none;width:100%}.fuel-form__message{color:var(--text-secondary);font:var(--type-body-14);margin:0}.fuel-form__error{color:var(--text-error);font:var(--type-caption-12);margin:0}.fuel-form__grow{flex:1;min-height:0}.fuel-form>.state-panel{flex:1 0 auto;min-height:0}.fuel-form__conflict{gap:var(--space-8);flex-direction:column;display:flex}.fuel-form__conflict .bz-button{width:100%}.bz-triad>label[data-error=true] .bz-mini-input{border-color:var(--border-error)}.car-input__error{color:var(--text-error);font:var(--type-caption-12)}.chip-field{gap:var(--space-8);border:0;flex-direction:column;margin:0;padding:0;display:flex}.chip-field legend{margin-bottom:var(--space-8);color:var(--text-secondary);font:var(--type-label-12);padding:0}.chip-field>div{gap:var(--space-8);flex-wrap:wrap;display:flex}.settings-card__row{gap:var(--space-6);color:var(--text-secondary);font:var(--type-label-12);flex-direction:column;display:flex}.settings-card__row .bz-segment-control{width:100%}.settings-card__row--inline{min-height:var(--size-control-44);flex-direction:row;justify-content:space-between;align-items:center}.settings-card__row--inline b{color:var(--text-primary);font:var(--type-body-14)}.history-search .bz-input{width:100%}.history-group{gap:var(--space-6);flex-direction:column;display:flex}.history-group>header,.list-block>header{min-height:var(--size-control-24);justify-content:space-between;align-items:center;gap:var(--space-12);color:var(--text-primary);font:var(--type-body-14-medium);display:flex}.history-group>header span,.list-block>header span{color:var(--text-muted);font:var(--type-caption-12)}.history-group__list{flex-direction:column;display:flex}.history-group .bz-fuel-row,.list-block .bz-fuel-row{height:auto;min-height:calc(var(--space-56) + var(--space-4));touch-action:pan-y}.bz-fuel-row__left b,.bz-fuel-row__left span,.bz-fuel-row__left small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.kv-panel{gap:var(--space-8);padding:var(--space-12) var(--space-16);flex-direction:column;display:flex}.kv-panel p{justify-content:space-between;gap:var(--space-12);color:var(--text-secondary);font:var(--type-caption-12);margin:0;display:flex}.kv-panel b{color:var(--text-primary);font:var(--type-body-14-medium);white-space:nowrap}.kv-panel small{color:var(--text-muted);font:var(--type-caption-12)}.list-block{gap:var(--space-6);flex-direction:column;display:flex}.list-block__row{justify-content:space-between;gap:var(--space-12);padding:var(--space-10) var(--space-12);border-radius:var(--radius-8);background:var(--bg-paper);color:var(--text-secondary);font:var(--type-caption-12);margin:0;display:flex}.list-block__row b{color:var(--text-primary);font:var(--type-body-14-medium);white-space:nowrap}.screen__content .bz-metric__value strong{text-overflow:ellipsis;overflow:hidden}button.home-fuel{width:100%;color:inherit;font:inherit;text-align:start;cursor:pointer;border:0}.home-screen{position:relative}.home-screen .home-content{overscroll-behavior:contain;overflow-y:auto}.home-screen .home-content>*,.home-screen .bz-month-chart{flex:none}:is(.screen,.home-screen) .bz-tab{flex:1 1 var(--width-tab);min-width:0;padding:0}:is(.screen,.home-screen) .bz-tab small{white-space:nowrap}.screen--modal .bz-modal-header{gap:var(--space-8)}.screen--modal .bz-modal-header button{width:auto;min-width:var(--size-control-44);flex:none}.screen--modal .bz-modal-header h1{text-align:start;flex:1;min-width:0}.screen__content .bz-triad{min-height:0}@media (max-width:359px){:is(.screen,.home-screen) .bz-tab-bar{padding-inline:var(--space-2)!important}:is(.screen,.home-screen) .bz-tab small{letter-spacing:0}.screen--modal .bz-modal-header h1{font:var(--type-button-16);letter-spacing:0}}:is(.screen,.home-screen,.onboarding)>.bz-status-bar{display:none}:is(.screen,.home-screen) :is(.bz-metric,.home-metric,.home-consumption,.bz-triad){padding:calc(var(--space-16) - var(--border-width-1))}:is(.screen,.home-screen) :is(.home-kv,.kv-panel),:is(.screen,.home-screen) .bz-month-chart{padding:calc(var(--space-12) - var(--border-width-1)) calc(var(--space-16) - var(--border-width-1))}.screen .bz-triad>p{background:0 0;padding:0}.screen__content .bz-fuel-row,.home-screen .home-fuel{width:auto;margin-inline:calc(var(--space-16) * -1);padding-inline:var(--space-16);border-radius:0}.home-screen .home-fuel{padding-block:var(--space-6)}.list-block__row{padding:var(--space-10) 0;border-bottom:var(--border-width-1) solid var(--border-default);background:0 0;border-radius:0}.list-block__row:last-child{border-bottom:0}:is(.screen,.home-screen) .bz-tab-bar{padding-inline:var(--space-16)}.bz-car-pill,.bz-icon-button,.home-last button,.bz-chip,.bz-segment-item{position:relative}:is(.bz-car-pill,.bz-icon-button,.bz-chip):after{content:"";inset:calc((var(--size-control-44) - var(--size-control-34)) / -2);position:absolute}.bz-segment-item:after{content:"";inset:calc((var(--size-control-44) - var(--size-segment-item)) / -2) 0;position:absolute}.home-last button:after{content:"";inset:calc((var(--size-control-44) - var(--size-control-24)) / -2) calc(var(--space-8) * -1);position:absolute}.home-last button{min-height:var(--size-control-24);position:relative}:is(button,[role=switch]):focus-visible{outline:var(--border-width-2) solid var(--border-focus);outline-offset:var(--border-width-2)}.bz-fuel-row__main:focus-visible{outline-offset:calc(var(--border-width-2) * -1)}input:focus-visible{outline:none}.screen__content .bz-fuel-row{padding-block:0}.screen__content .bz-fuel-row__main{padding-block:var(--space-10)}.onboarding .bz-step-head{width:100%}.onboarding :is(.onboarding__car-form,.onboarding__triad){padding:calc(var(--space-16) - var(--border-width-1))}.onboarding .onboarding__triad-note{background:0 0;padding:0}.onboarding__head-action>button:after{content:"";inset:calc((var(--size-control-44) - var(--size-step-head)) / -2);position:absolute}.bz-tab{position:relative}.bz-tab:after{content:"";inset:calc((var(--size-tab-bar) - var(--size-tab)) / -2 + var(--space-8)) 0;position:absolute}:is(.screen,.home-screen){width:100%;height:100dvh;min-height:0;margin:0}.onboarding{width:100%;min-height:100dvh;margin:0}:is(.screen,.home-screen){padding-top:var(--safe-top)}.onboarding{padding-top:calc(var(--safe-top) + var(--space-16))}:is(.screen,.home-screen) .bz-app-header,.screen__content,.home-screen .home-content,:is(.screen,.home-screen) .bz-tab-bar,.onboarding .onboarding__content,.onboarding--welcome .onboarding__welcome-content{padding-inline:var(--gutter)}.screen--modal{padding-top:0}.screen--modal .bz-modal-header{height:calc(var(--size-control-52) + var(--safe-top));padding:var(--safe-top) var(--gutter) 0}.screen--modal .screen__content{padding-inline:var(--gutter);padding-bottom:calc(var(--space-16) + var(--safe-bottom))}.screen__content .bz-fuel-row,.home-screen .home-fuel{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}.screen__content .bz-fuel-row[data-state=swipe]{padding-right:0}.toast{right:var(--gutter);left:var(--gutter);bottom:calc(var(--size-tab-bar) + var(--space-10) + var(--safe-bottom))}.screen--modal .toast{bottom:calc(var(--space-16) + var(--safe-bottom))}.overlay{padding-inline:var(--gutter)}:is(.screen,.home-screen) .bz-tab-bar{height:calc(var(--size-tab-bar) + var(--safe-bottom));padding-bottom:var(--safe-bottom)}@media (max-width:359px){:is(.screen,.home-screen) .bz-tab-bar{padding-inline:var(--space-2)!important}}
@keyframes bz-in-right{0%{opacity:0;transform:translateX(var(--offset-tab))}}@keyframes bz-in-left{0%{opacity:0;transform:translateX(calc(var(--offset-tab) * -1))}}@keyframes bz-out-left{to{opacity:0;transform:translateX(calc(var(--offset-tab) * -1))}}@keyframes bz-out-right{to{opacity:0;transform:translateX(var(--offset-tab))}}@keyframes bz-sheet-in{0%{transform:translateY(100%)}}@keyframes bz-sheet-out{to{transform:translateY(100%)}}@keyframes bz-appear{0%{opacity:0;transform:translateY(var(--offset-appear))}}@keyframes bz-fade-in{0%{opacity:0}}@keyframes bz-fade-out{to{opacity:0}}@keyframes bz-dialog-in{0%{opacity:0;transform:scale(var(--scale-dialog))}}@keyframes bz-dialog-out{to{opacity:0;transform:scale(var(--scale-dialog))}}@keyframes bz-bar-grow{0%{transform:scaleY(0)}}@keyframes bz-reveal{0%{transform:translate(100%)}}.screen:not(.screen--modal) .screen__content,.home-screen .home-content{view-transition-name:app-content}.screen .bz-app-header,.home-screen .bz-app-header{view-transition-name:app-header}.screen .bz-tab-bar,.home-screen .bz-tab-bar{view-transition-name:tab-bar}::view-transition-group(*){animation-duration:var(--duration-base);animation-timing-function:var(--ease-out)}::view-transition-old(root){animation-duration:var(--duration-base)}::view-transition-new(root){animation-duration:var(--duration-base)}html[data-nav^=tab]::view-transition-old(root){animation:none}html[data-nav^=tab]::view-transition-new(root){animation:none}html[data-nav^=tab]::view-transition-group(app-content){animation:none}html[data-nav=tab-forward]::view-transition-old(app-content){animation:var(--duration-fast) var(--ease-in) both bz-out-left}html[data-nav=tab-forward]::view-transition-new(app-content){animation:var(--duration-base) var(--ease-out) var(--stagger) both bz-in-right}html[data-nav=tab-back]::view-transition-old(app-content){animation:var(--duration-fast) var(--ease-in) both bz-out-right}html[data-nav=tab-back]::view-transition-new(app-content){animation:var(--duration-base) var(--ease-out) var(--stagger) both bz-in-left}html[data-nav^=tab]::view-transition-old(app-header){animation-duration:var(--duration-fast)}html[data-nav^=tab]::view-transition-new(app-header){animation-duration:var(--duration-fast)}html[data-nav^=tab]::view-transition-old(tab-bar){animation-duration:var(--duration-fast)}html[data-nav^=tab]::view-transition-new(tab-bar){animation-duration:var(--duration-fast)}html[data-nav^=modal] *,html[data-nav^=step] *,html[data-nav=fade] *{view-transition-name:none!important}html[data-nav=modal-open]::view-transition-old(root){animation:none}html[data-nav=modal-open]::view-transition-new(root){animation:var(--duration-sheet) var(--ease-out) both bz-sheet-in}html[data-nav=modal-close]::view-transition-old(root){z-index:1;animation:var(--duration-sheet) var(--ease-in) both bz-sheet-out}html[data-nav=modal-close]::view-transition-new(root){animation:none}html[data-nav=step-forward]::view-transition-old(root){animation:var(--duration-fast) var(--ease-in) both bz-out-left}html[data-nav=step-forward]::view-transition-new(root){animation:var(--duration-base) var(--ease-out) both bz-in-right}html[data-nav=step-back]::view-transition-old(root){animation:var(--duration-fast) var(--ease-in) both bz-out-right}html[data-nav=step-back]::view-transition-new(root){animation:var(--duration-base) var(--ease-out) both bz-in-left}.screen:not(.screen--modal) .screen__content>*,.home-screen .home-content>*{animation:bz-appear var(--duration-base) var(--ease-out) both}:is(.screen:not(.screen--modal) .screen__content,.home-screen .home-content)>:nth-child(2){animation-delay:var(--stagger)}:is(.screen:not(.screen--modal) .screen__content,.home-screen .home-content)>:nth-child(3){animation-delay:calc(var(--stagger) * 2)}:is(.screen:not(.screen--modal) .screen__content,.home-screen .home-content)>:nth-child(n+4){animation-delay:calc(var(--stagger) * 3)}.screen__content>.screen__stack{animation:none}.bz-skeleton{animation:1.2s ease-in-out infinite bz-pulse}@keyframes bz-pulse{50%{opacity:.55}}.toast{animation:bz-appear var(--duration-base) var(--ease-out) both}.toast[data-leaving=true]{animation:bz-fade-out var(--duration-fast) var(--ease-in) both}.overlay__scrim{animation:bz-fade-in var(--duration-base) var(--ease-out) both}.overlay .bz-confirm{animation:bz-dialog-in var(--duration-base) var(--ease-out) both}.overlay[data-leaving=true] .overlay__scrim{animation:bz-fade-out var(--duration-fast) var(--ease-in) both}.overlay[data-leaving=true] .bz-confirm{animation:bz-dialog-out var(--duration-fast) var(--ease-in) both}.bz-bars i{transform-origin:bottom;animation:bz-bar-grow var(--duration-chart) var(--ease-out) both;animation-delay:calc(var(--i,0) * var(--stagger))}.bz-fuel-row__delete{animation:bz-reveal var(--duration-base) var(--ease-out) both}.bz-mini-auto,.fuel-form__message,.fuel-form__error,.bz-input .bz-icon--danger,.car-input__error{animation:bz-fade-in var(--duration-base) var(--ease-out) both}.fuel-form__conflict{animation:bz-appear var(--duration-base) var(--ease-out) both}.bz-mini-input,.bz-input{transition:color var(--motion-control), background-color var(--motion-control), border-color var(--motion-control)}.bz-fuel-row,button.home-fuel{transition:background-color var(--motion-control)}button.home-fuel:active{background:var(--bg-paper)}.bz-fuel-row:has(.bz-fuel-row__main:active){background:var(--bg-paper)}.bz-car-pill,.bz-icon-button,.bz-modal-header button,.home-last button,.toast button{transition:transform var(--motion-press), background-color var(--motion-control), opacity var(--motion-control)}.bz-car-pill:active,.bz-icon-button:active{transform:scale(var(--scale-press));background:var(--bg-paper)}.bz-modal-header button:not(:disabled):active,.home-last button:active,.toast button:active{opacity:.6}.bz-full-tank[data-interactive=true]{cursor:pointer}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation:none!important}::view-transition-group(*){transition-duration:0s!important;animation:none!important}::view-transition-old(*){transition-duration:0s!important;animation:none!important}::view-transition-new(*){transition-duration:0s!important;animation:none!important}}
*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg-canvas);color:var(--text-primary);margin:0;font-family:Inter,sans-serif}button,input,textarea,select{font:inherit}.app-shell{width:min(100%, var(--width-mobile));min-height:100svh;padding:calc(var(--tg-content-safe-area-inset-top,0px) + var(--space-16)) var(--space-16) calc(var(--tg-content-safe-area-inset-bottom,0px) + var(--space-16));margin:0 auto}.hero-card,.status-card{border:var(--border-width-1) solid var(--border-default);border-radius:var(--radius-24);background:var(--bg-paper);padding:var(--space-20) var(--space-16)}.status-card{margin-top:var(--space-12)}.eyebrow{margin:0 0 var(--space-10);color:var(--text-secondary);font:var(--type-overline-12);letter-spacing:var(--track-overline-12)}.app-shell h1{font:var(--type-display-40);letter-spacing:var(--track-display-40);margin:0}.app-shell h2{margin:0 0 var(--space-8);font:var(--type-body-16)}.app-shell p{font:var(--type-body-14)}.app-shell small{color:var(--text-secondary);font:var(--type-caption-12)}