:root{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans TC',sans-serif;color:#202b2b;background:#e8f2f0;font-synthesis:none;--green:#008f84;--muted:#839080;--lime:#b9f0e5;--line:#e6eadd;--paper:#f5faf9}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none;-webkit-tap-highlight-color:transparent}a{color:var(--green)}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:25px;letter-spacing:-.9px;line-height:1.5}h2{font-size:14px;font-weight:650}h3{font-size:13px;font-weight:650}.symbols{display:none}.app{max-width:520px;margin:0 auto;min-height:100dvh;background:var(--paper);position:relative;box-shadow:0 0 70px #26392a09}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:21px;font-weight:800;letter-spacing:.7px}.brand-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--green);color:var(--lime)}.brand-icon svg{width:22px;height:22px}.brand small{font-size:7px;letter-spacing:1.9px;display:block;margin-top:3px;color:#84937e;font-weight:600}.header-actions{display:flex;align-items:center;gap:9px}.sync-button{font-size:11px;display:flex;align-items:center;gap:5px;padding:8px 9px;border-radius:20px;background:#eaf0df;color:#6a8057;min-height:34px}.sync-button svg{width:12px;height:12px}.sync-button.loading svg{animation:spin 1.2s linear infinite}.sync-button.stale{background:#fff0d4;color:#a7792f}.status-dot{width:4px;height:4px;border-radius:50%;background:currentColor}.info-button{font-family:Georgia,serif;font-size:13px;font-weight:bold;border:1px solid #dfe5d6;width:28px;height:28px;min-width:28px;border-radius:50%;color:#94a087}.status-banner{font-size:11px;line-height:1.7;color:#957530;background:#fff6dc;padding:11px 22px;border-bottom:1px solid #f0e3bd}main{padding:19px 22px 0}.date-line{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#7e8e76;margin:0 0 18px}.eyebrow{font-size:11px;letter-spacing:1.25px;font-weight:650;color:#829273}.date-line .eyebrow{font-size:11px;letter-spacing:.5px;font-weight:400;color:#a2ac97}.brands{display:flex;gap:7px;margin-bottom:17px}.brand-button{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-height:65px;background:white;border:1px solid var(--line);border-radius:12px;font-size:11px;position:relative;transition:background .15s,border-color .15s}.brand-button.active{border-color:#7c9a63;background:#e1f4ef;box-shadow:0 0 0 .5px #7c9a63}.brand-button.active:after{content:'';position:absolute;bottom:5px;width:3px;height:3px;border-radius:50%;background:#76945e}.mark{font:750 11px Arial,sans-serif;letter-spacing:-.3px;color:var(--brand)}.mark.caltex{font-size:21px;line-height:16px}.mark.shell{font-size:21px;line-height:16px;color:#c39b18}.mark.esso{font-size:12px;color:#cc3f39;font-style:italic;border:1px solid #3164a5;border-radius:50%;padding:1px 4px}.mark.sinopec{font-size:11px;letter-spacing:-.4px}.mark.petro{font-size:20px;line-height:16px;color:#d0982f}.grade-row{display:flex;align-items:center;gap:12px;margin:0 0 15px}.segments{display:flex;flex:1;background:#e7f1ef;padding:4px;border-radius:9px;gap:3px}.segments button{flex:1;padding:8px 7px;font-size:11px;border-radius:6px;white-space:nowrap;color:#8c987f}.segments button.active{background:#fff;color:var(--green);font-weight:650;box-shadow:0 1px 4px #202b2b09}.grade-row>span{font:8px ui-monospace,monospace;color:#99a68d;letter-spacing:.8px;max-width:70px;overflow:hidden}.result-card{background:var(--green);border-radius:19px;padding:19px 21px 21px;position:relative;overflow:hidden;color:#fff;box-shadow:0 7px 18px #234c3810}.result-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#bad0b7;position:relative;z-index:1}.result-heading>span:last-child{font-size:11px;color:#bfd7ad;padding:4px 6px;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:5px;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-price{display:flex;align-items:baseline;gap:3px;margin:4px 0 16px;position:relative;z-index:1}.result-price small{font-size:24px;font-weight:400;color:var(--lime);margin-right:4px}.result-price strong{font-size:62px;line-height:1.16;font-weight:600;letter-spacing:-2.9px;font-variant-numeric:tabular-nums}.result-price>span{font-size:12px;color:#91b39a;margin-left:7px}.hero-bottom{display:grid;grid-template-columns:1.15fr 1fr 1fr;border-top:1px solid #ffffff16;padding-top:14px;position:relative;z-index:1}.hero-bottom>div{display:grid;gap:7px}.hero-bottom>div+div{border-left:1px solid #ffffff18;padding-left:16px}.hero-bottom span{font-size:11px;color:#a9c4a7}.hero-bottom strong{font-size:17px;font-weight:550;letter-spacing:-.35px;font-variant-numeric:tabular-nums}.hero-bottom>div:last-child strong{color:var(--lime)}.watermark{position:absolute;width:143px;height:143px;right:-27px;top:10px;color:#fff;opacity:.035;transform:rotate(-16deg);stroke-width:1}.amount-card{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:17px 18px}.section-heading{display:flex;justify-content:space-between;align-items:center}.mini-segments{display:flex;gap:3px;background:#f1f4e9;padding:3px;border-radius:7px}.mini-segments button{font-size:11px;padding:5px 10px;border-radius:5px;color:#94a187}.mini-segments button.active{background:#fff;color:var(--green);font-weight:600;box-shadow:0 1px 4px #24412d0a}.amount-row{display:flex;align-items:baseline;gap:7px;margin-top:10px;padding-bottom:12px;border-bottom:1px solid #e8eddf}.amount-row>span{font-size:13px;color:#99a78c;font-weight:500}.amount-row input{border:0;outline:none;min-width:0;width:100%;padding:0;background:none;font-size:38px;font-weight:600;letter-spacing:-1px;color:var(--green);font-variant-numeric:tabular-nums}.amount-row small{font-size:11px;color:#a3ad99;white-space:nowrap}.quick{display:flex;gap:8px;margin-top:12px}.quick button{flex:1;border:1px solid #e8ecdf;background:#fafbf7;border-radius:7px;font-size:11px;min-height:32px;color:#8b987f}.quick button.active{background:#e1f4ef;border-color:#c0cfa9;color:#68824e;font-weight:600}.offer-compact{display:flex;gap:12px;align-items:center;margin-top:17px;padding:16px 0 12px}.offer-mark{height:35px;width:35px;border-radius:11px;display:grid;place-items:center;color:#829458;background:#e3f4f1}.offer-mark svg{width:19px;height:19px}.offer-copy{flex:1;min-width:0}.offer-copy .eyebrow{font-size:11px;letter-spacing:.7px;display:block;margin-bottom:5px}.offer-copy h3{font-size:13px;line-height:1.6}.offer-copy p{font-size:11px;color:#9ba68f;margin-top:4px;line-height:1.7}.round-arrow{width:28px;height:28px;min-width:28px;border:1px solid #e0e7d6;border-radius:50%;color:#8d9d7c;font-size:16px}.pricing-mode{display:flex;gap:4px;background:#e7f3f0;padding:4px;border-radius:8px}.pricing-mode button{flex:1;border-radius:5px;padding:8px 1px;font-size:11px;color:#93a086;white-space:nowrap}.pricing-mode button.active{background:#fff;color:#42603d;box-shadow:0 1px 4px #202b2b08;font-weight:600}.eligibility{font-size:11px;line-height:1.8;color:#9aa58e;margin:8px 2px 14px}.eligibility strong{font-weight:550;color:#7c916a}.extras,.receipt{background:white;border:1px solid var(--line);border-radius:12px;margin-top:11px;overflow:hidden}summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px;font-size:11px;cursor:pointer}summary::-webkit-details-marker{display:none}.extras summary>span:last-child{font-size:11px;color:#9fab92}.extras summary b{font-size:14px;margin-left:5px;font-weight:400}.extras[open] summary{border-bottom:1px solid var(--line)}.extra-body{padding:17px 16px;display:grid;gap:15px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}label{font-size:11px;display:block;color:#6d8061}label>small{float:right;font-size:11px;color:#a7b29c}.field{display:flex;gap:8px;align-items:center;margin-top:8px;border:1px solid #e2e8d8;border-radius:8px;background:#fbfcf8;padding:11px 10px}.field:focus-within{border-color:#89a66c;box-shadow:0 0 0 3px #c2d6a626}.field>span{color:#98a78c;font-size:11px;white-space:nowrap}.field input{border:0;outline:none;padding:0;background:none;width:100%;min-width:0;font-size:16px;font-weight:550;color:#345333}.field input:disabled{color:#aeb8a6}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}select{font-size:11px;color:#536e47;padding:11px 8px;border:1px solid #e2e8d8;border-radius:8px;background:#fafcf6;width:100%;display:block;margin-top:8px;min-width:0}.text-button{font-size:11px;color:#7b925e;text-align:left;padding:3px 0}.hint{font-size:11px;line-height:1.85;color:#96a18a}.receipt summary{font-size:11px;justify-content:start}.receipt summary strong{margin-left:auto;font-size:13px;color:#526d44;font-weight:600}.chevron{font-size:13px;margin-left:4px;color:#99a88b}.receipt-body{border-top:1px dashed #e3e8d8;padding:4px 16px 15px}.break-row{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin:12px 0;color:#92a083}.break-row strong{font-weight:550;color:#536e47}.break-row.discount strong{color:#8ba55d}.action-row{display:grid;grid-template-columns:.9fr 1.1fr;gap:10px;margin-top:17px}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:6px;padding:13px 10px;border-radius:9px;font-size:11px;font-weight:600;min-height:43px;width:100%}.primary{background:var(--lime);color:#064d47;border:1px solid #cee28d}.primary svg{height:14px;width:14px}.secondary{background:white;border:1px solid #dfe6d5;color:#7c916b}.footnote{font-size:11px;text-align:center;color:#a5af9b;line-height:1.85;margin:15px 0 20px}.bottom-nav{position:sticky;bottom:0;z-index:10;margin-top:8px;display:flex;align-items:center;justify-content:space-around;background:#fcfdf8ed;backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:10px 20px calc(10px + env(safe-area-inset-bottom))}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;min-height:43px;min-width:85px;font-size:11px;color:#a2ae95;position:relative}.bottom-nav button svg{width:20px;height:20px;stroke-width:1.5}.bottom-nav button.active{color:#007d73;font-weight:650}.bottom-nav button.active:before{content:'';position:absolute;top:-11px;left:26px;right:26px;height:2px;background:#009c8d;border-radius:3px}.page-title{display:flex;justify-content:space-between;align-items:center;margin:5px 0 24px}.page-title .eyebrow{font-size:11px;margin-bottom:7px}.refresh-offers{display:grid;place-items:center;border:1px solid #dde5d3;border-radius:50%;height:34px;width:34px;color:#8d9f7a}.refresh-offers svg{width:16px;height:16px}.offer-filters{display:flex;align-items:center;gap:11px;margin-bottom:19px}.offer-filters>select{width:115px;margin:0;background:white;font-size:11px;padding:11px 7px}.offer-filters .segments{margin:0}.week-strip{display:flex;gap:6px;margin-bottom:22px}.day-chip{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:11px;background:white;padding:12px 1px;font-size:11px;color:#718568;min-height:68px}.day-chip small{font-size:11px;color:#a4ae99}.day-chip.active{background:var(--green);color:var(--lime);border-color:var(--green)}.day-chip.active small{color:#b0c5a1}.day-chip.featured:after{content:'';width:3px;height:3px;border-radius:50%;background:#a5bd6f;position:absolute;bottom:5px}.day-chip{position:relative}.offer-section-label{display:flex;align-items:center;gap:6px;font-size:11px;color:#94a084;margin:18px 1px 11px}.offer-section-label:after{content:'';height:1px;background:var(--line);flex:1;margin-left:5px}.promo-card{padding:18px 17px;background:white;border:1px solid var(--line);border-radius:14px;margin-bottom:11px}.promo-card.featured{background:#e1f4ef;border-color:#dce7c9}.promo-card .promo-tag{font-size:11px;letter-spacing:1px;color:#8da071;margin-bottom:10px;display:block}.promo-card h3{font-size:17px;font-weight:600;letter-spacing:-.4px;line-height:1.6}.promo-card p{font-size:11px;line-height:1.9;color:#8b9b7c;margin-top:8px}.promo-card a{font-size:11px;text-decoration:none;color:#78965b;margin-top:11px;display:inline-block}.promo-card .badge{font-size:11px;display:inline-block;background:#dceabf;border-radius:4px;padding:3px 6px;letter-spacing:0;margin-left:7px;font-weight:400}.promo-long{margin-top:12px}.promo-long summary{padding:0;font-size:11px;color:#8ba273}.promo-long p{font-size:11px;white-space:normal}.offers-hint{margin:17px 0 24px}.sheet{position:fixed;border:0;border-radius:24px 24px 0 0;bottom:0;top:auto;left:0;right:0;margin:0 auto;padding:12px 23px calc(25px + env(safe-area-inset-bottom));width:min(520px,100%);max-width:100%;max-height:86dvh;overflow:auto;background:#f8faf3;color:#294936;box-shadow:0 -8px 60px #10291822}.sheet::backdrop{background:#192d286e;backdrop-filter:blur(3px)}.sheet-handle{width:35px;height:4px;background:#dbe3d1;border-radius:3px;margin:0 auto 20px}.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:20px}.sheet-heading h2{font-size:21px;line-height:1.6;letter-spacing:-.5px}.sheet-heading .eyebrow{font-size:7px;margin-bottom:5px}.close-dialog{height:30px;width:30px;border:1px solid #dce5d0;border-radius:50%;display:grid;place-items:center;color:#8ea17b}.close-dialog svg{width:15px;height:15px}.compare-item{padding:17px 15px;border:1px solid #e0e7d5;border-radius:13px;margin:10px 0;background:white;width:100%;text-align:left;display:flex;align-items:center;gap:13px}.compare-rank{font:11px ui-monospace,monospace;color:#a1ae92}.compare-name{flex:1}.compare-name b{font-size:13px;display:block}.compare-name small{font-size:11px;display:block;margin-top:7px;color:#9aa98b}.compare-price{text-align:right}.compare-price strong{font-size:18px;font-weight:600}.compare-price small{font-size:11px;display:block;margin-top:6px;color:#95a687}.best{display:inline-block;background:#e6f1cb;color:#8b9e63;font-size:11px;margin-left:6px;padding:3px 5px;border-radius:4px}.source-info,.info-section{padding-bottom:19px;margin-bottom:19px;border-bottom:1px solid var(--line);font-size:11px;line-height:2;color:#8da07c}.source-info strong{color:#637c50;font-weight:550}.source-info a{display:block;color:#68884a;font-size:11px}.info-section h3{font-size:13px;color:#556f43;margin-bottom:10px}.info-section p{font-size:11px;line-height:2}.info-section .secondary{margin:10px 0}.file-label{position:relative;text-align:center;padding:10px;border:1px solid #dce5cf;border-radius:8px;font-size:11px;overflow:hidden;display:block}.file-label input{position:absolute;inset:0;opacity:0;width:100%}.history-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:21px}.history-stat{background:white;border:1px solid var(--line);border-radius:13px;padding:19px 16px}.history-stat small{font-size:11px;color:#95a588}.history-stat strong{display:block;font-size:24px;font-weight:600;margin-top:10px;letter-spacing:-.7px}.history-item{border:1px solid var(--line);border-radius:12px;padding:18px 15px;background:white;display:flex;align-items:center;gap:10px;margin-bottom:10px}.history-detail{flex:1}.history-detail b{font-size:11px}.history-detail small,.history-item>strong small{display:block;font-size:11px;line-height:1.8;margin-top:6px;color:#9aaa8c}.history-item>strong{font-size:16px;font-weight:550;text-align:right}.delete-record{width:20px;height:35px;font-size:18px;color:#aeb79d}.empty{text-align:center;padding:44px 15px;border:1px dashed #d6dfc9;border-radius:15px;margin:14px 0 22px}.empty svg{height:30px;width:30px;color:#9bb17c;margin-bottom:17px}.empty h3{font-size:16px;color:#7d9565}.empty p{font-size:11px;color:#a1ae92;line-height:1.9;margin:13px 0}.empty .primary{max-width:180px;margin:20px auto 0}.center{text-align:center;margin:20px 0}.error{font-size:11px;line-height:1.8;border:1px solid #efcebe;background:#fff2ea;color:#aa7352;padding:13px;border-radius:10px;margin-top:12px}.toast{position:fixed;z-index:30;bottom:calc(87px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);font-size:11px;color:#f0f6e4;background:#365736f2;padding:13px 20px;box-shadow:0 5px 20px #0002;border-radius:10px;text-align:center;max-width:88vw;width:max-content;line-height:1.7}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #b1cb8b;outline-offset:3px}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:650px){body{padding:30px 0}.app{border:1px solid #dfe6d5;border-radius:28px;overflow:clip;min-height:calc(100dvh - 60px)}.bottom-nav{border-radius:0 0 28px 28px}.sheet{border-radius:23px;bottom:25px;max-height:85dvh}}@media(max-width:360px){main{padding:16px 16px 0}header{padding:0 16px}.grade-row>span{display:none}.hero-bottom>div+div{padding-left:11px}.hero-bottom strong{font-size:15px}.brand-button{font-size:11px}.date-line .eyebrow{font-size:11px}.result-price strong{font-size:58px}.amount-row small{font-size:11px}.offer-filters{gap:7px}.offer-filters>select{width:95px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(max-width:649px){header{height:72px}main{padding-top:16px}.brand small{font-size:7px}.grade-row>span{font-size:8px}.date-line .eyebrow{font-size:10px}.day-chip small{font-size:10px}.brands{gap:6px}.brand-button{font-size:10px}.mark.sinopec{font-size:9px}.offer-copy .eyebrow,.eyebrow,.promo-tag{font-size:9px}.result-heading>span:last-child{font-size:9px}.amount-row small{font-size:10px}.footnote{font-size:9px}.bottom-nav button{font-size:10px}.segments button,.pricing-mode button{font-size:10px}.extra-body label{font-size:11px}}
.car-greeting{display:flex;align-items:center;gap:12px;margin-bottom:14px}.car-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#e3f4f1;font-size:23px}.car-greeting h2{font-size:16px;margin-top:5px}.car-tag{margin-left:auto;font-size:10px;color:#92a387}.car-hero{background:var(--green);color:white;border-radius:18px;padding:22px}.car-hero .eyebrow{color:#c2d6b5}.car-big{font-size:48px;font-weight:600;letter-spacing:-2px;margin:10px 0 4px}.car-big small{font-size:14px;color:#c9e4ae;letter-spacing:0}.car-hero-sub{font-size:11px;color:#bad1b3}.car-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-top:1px solid #ffffff25;margin-top:19px;padding-top:15px}.car-metrics span{display:block;color:#b7cdb0;font-size:10px;margin-bottom:7px}.car-metrics strong{font-size:13px;font-weight:600;color:#e8f5d8}.car-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}.car-chart{border:1px solid var(--line);border-radius:14px;background:white;padding:18px;margin:16px 0}.car-bars{display:flex;align-items:end;justify-content:space-around;height:122px;border-bottom:1px solid var(--line);padding-top:10px}.car-bars div{display:flex;align-items:center;justify-content:end;flex-direction:column;gap:5px;width:30px;height:110px}.car-bars span{display:block;width:22px;border-radius:5px 5px 0 0;background:#58bfb1}.car-bars small{font-size:9px;color:#8b9c7e}.car-categories{padding:12px 0}.car-categories div{display:flex;justify-content:space-between;font-size:11px;padding:7px 0}.car-categories strong{font-weight:600}.car-list-title{margin:23px 0 12px}.transfer-car{display:block;margin:13px auto 0}#carForm{display:grid;gap:14px}#carForm label{display:block;font-size:12px}#carForm input:not([type=checkbox]),#carForm select{display:block;width:100%;margin-top:7px;border:1px solid #dce5d5;background:#fff;border-radius:9px;padding:12px;color:#244c3c;font-size:16px;min-height:45px}#fuelFields,#expenseFields{display:grid;gap:14px}.check-label{display:flex!important;align-items:center;gap:9px;font-size:13px!important}.check-label input{width:20px;height:20px;accent-color:#008f84}.bottom-nav button{min-width:60px}
.trend-bars b{font-size:9px;color:#718c5b;font-weight:600}.trend-bars span{background:#13a899}.trend-bars div{width:42px}
.daily-offers{font-size:11px;color:#456d43;background:#e8f0db;border:1px solid #d9e7c8;border-radius:18px;padding:8px 12px;font-weight:650}.bottom-nav button{min-width:75px}
.garage-card{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #e6ebdf;border-radius:16px;padding:15px;margin:3px 0 16px}.garage-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:14px;background:#eaf1e4;font-size:27px}.garage-card small{font-size:9px;letter-spacing:1px;color:#94a88b}.garage-card h2{font-size:16px;margin:4px 0}.garage-card span{font-size:10px;color:#96a493}.garage-edit{margin-left:auto;border:1px solid #e4eadb;border-radius:50%;width:33px;height:33px;color:#819879}.car-tabs{display:flex;background:#e7f1ef;padding:4px;border-radius:11px;gap:4px}.car-tabs button{flex:1;padding:11px;font-size:12px;color:#8b9c87;border-radius:8px}.car-tabs button.active{background:white;color:#215344;font-weight:700;box-shadow:0 2px 6px #163b2410}.perf-panel{background:white;border:1px solid #e4eadd;border-radius:16px;padding:18px 16px;margin:14px 0}.perf-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.perf-title small{display:block;font-size:9px;letter-spacing:1px;color:#91a68b;margin-bottom:4px}.perf-title h2{font-size:16px}.perf-title>span{font-size:10px;color:#8fa389}.perf-title select{width:auto;margin:0;font-size:11px;padding:7px}.perf-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.perf-stat{background:#f5f7f1;border-radius:10px;padding:10px 8px;min-width:0}.perf-stat span{display:block;font-size:10px;color:#849580}.perf-stat strong{display:block;font-size:18px;font-weight:650;margin:7px 0 3px;letter-spacing:-.4px;overflow-wrap:anywhere}.perf-stat small{font-size:9px;color:#9caa97}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.details-grid .perf-stat{padding:13px}.details-grid strong{font-size:20px}.detail-title{font-size:13px;font-weight:700;margin:18px 0 10px}.detail-title small{font-weight:400;color:#9eac98;margin-left:8px}.perf-note{font-size:10px;color:#9da998;line-height:1.7;margin-top:10px}.perf-line{width:100%;height:auto;stroke-linecap:round;stroke-linejoin:round}.trend-labels{display:flex;justify-content:space-between;font-size:9px;color:#a1ad9d}.empty-chart{text-align:center;font-size:11px;color:#a1af9c;padding:24px 0}.expense-grid strong{font-size:15px}.expense-bars{display:flex;align-items:end;justify-content:space-between;height:112px;border-bottom:1px solid #e6ece3;gap:4px}.expense-bars div{flex:1;display:flex;align-items:center;justify-content:end;flex-direction:column;gap:6px;height:105px}.expense-bars span{display:block;width:100%;max-width:20px;border-radius:4px 4px 0 0;background:#a3c785}.expense-bars small{font-size:9px;color:#94a38d}.expense-breakdown{display:flex;align-items:center;gap:16px}.expense-ring{width:120px;height:120px;flex-shrink:0;border-radius:50%;display:grid;place-items:center}.expense-ring div{width:78px;height:78px;border-radius:50%;background:white;display:grid;place-content:center;text-align:center;font-size:12px;font-weight:700}.expense-ring small{font-size:9px;color:#9ca999;font-weight:400}.expense-legend{flex:1;min-width:0}.expense-legend div{display:flex;gap:5px;align-items:center;font-size:10px;padding:5px 0}.expense-legend i{width:8px;height:8px;border-radius:3px;flex-shrink:0}.expense-legend span{flex:1;overflow:hidden;text-overflow:ellipsis}.expense-legend strong,.expense-legend b{font-size:10px;font-weight:600}.expense-legend b{min-width:50px;text-align:right}@media(max-width:360px){.perf-stat strong{font-size:14px}.details-grid strong{font-size:18px}.expense-ring{width:96px;height:96px}.expense-ring div{width:64px;height:64px}}
.brand-icon{background:white;overflow:hidden}.brand-icon img{width:100%;height:100%;object-fit:cover}.perf-grid .perf-stat strong{font-size:clamp(11px,3.4vw,18px);white-space:nowrap;overflow-wrap:normal;letter-spacing:-.6px}.car-hero{margin:14px 0}.car-metrics strong{white-space:nowrap;font-size:clamp(10px,2.8vw,13px)}

:root{color-scheme:light dark;--bg:#f5faf9;--ink:#202b2b;--muted:#728683;--green:#008f84;--lime:#b9f0e5;--line:#dcebe7;--paper:#f5faf9} .car-hero,.result-card{background:#008f84}.primary{background:#b9f0e5;border-color:#97dfd2;color:#075e55}.daily-offers,.offer-mark,.brand-button.active,.sync-button{background:#e0f4f0;color:#087d72}.perf-line path[stroke="#db8f7d"]{stroke:#05a293}.expense-bars span{background:#4ab8aa}.brand-icon{background:#fff}
@media(prefers-color-scheme:dark){:root{--bg:#0f1919;--ink:#e5f1ef;--muted:#9ab2ae;--green:#57d1c2;--lime:#a4ecdf;--line:#30423f;--paper:#152220;color:#e5f1ef;background:#0d1515}body{background:#0d1515}.app{background:#152220;border-color:#30423f}header,.bottom-nav{border-color:#30423f}.bottom-nav{background:#192a28f2}.brand,.brand small{color:#e5f1ef}.brand small{color:#a0bab4}.brand-icon{background:#fff}.info-button,.icon-button,.close-dialog{border-color:#48605b;color:#b6cbc7}.date-line,.eyebrow,.hint,.footnote,.subtle,.perf-note{color:#a3b9b2}.brand-button,.amount-card,.extras,.receipt,.perf-panel,.garage-card,.car-chart,.history-item,.history-stat,.promo-card,.compare-item,.plain-card,.secondary{background:#213330;border-color:#354d48;color:#e5f1ef}.brand-button.active{background:#254d46;border-color:#49c8b6;color:#eafff9}.segments,.mini-segments,.pricing-mode,.car-tabs{background:#263d38}.segments button,.mini-segments button,.pricing-mode button,.car-tabs button{color:#a4bdb4}.segments button.active,.mini-segments button.active,.pricing-mode button.active,.car-tabs button.active{background:#35534c;color:#eafff9}.result-card,.car-hero{background:#08675e;color:#fff}.result-price strong,.car-big,.result-stats strong,.car-metrics strong{color:#fff}.amount-row input,.field input,select,#carForm input:not([type=checkbox]),#carForm select{color:#ecf8f4}.amount-row,.perf-title,.receipt-body{border-color:#3a514b}.field,select,#carForm input:not([type=checkbox]),#carForm select{background:#192b28;border-color:#3a554e;color:#e5f1ef}.quick button{background:#243934;border-color:#39534a;color:#c3d7cf}.quick button.active{background:#31594d;color:#e1fff6}.offer-mark,.sync-button,.daily-offers,.garage-icon{background:#264a42;color:#a7e3d3;border-color:#345c51}.offer-copy p,.eligibility,.price-caption,.field-help,.history-detail small{color:#abc0b6}.perf-stat{background:#293c36}.perf-stat span,.perf-stat small{color:#acc0b3}.perf-stat strong,.perf-title h2,.garage-card h2,.detail-title,.history-detail b{color:#effaf4}.sheet{background:#1a2a27;color:#e5f2ec}.sheet::backdrop{background:#000a}.source-info,.info-section{border-color:#3c5148}.promo-card.featured{background:#26483e;border-color:#42665a}.promo-card p,.promo-card .promo-tag{color:#b8d2bd}.expense-ring div{background:#213330;color:#f3fff8}.expense-bars,.car-bars{border-color:#3d554d}.empty{border-color:#52695d}.empty h3{color:#d5ead9}.bottom-nav button.active{color:#8ee6d0}.status-banner,.demo-note{background:#55482d;color:#ffe1a4;border-color:#806c42}.error{background:#552f2d;color:#ffcfc0;border-color:#8e5149}.primary{background:#8ee6d0;color:#103f37;border-color:#70cbb4}.secondary{background:#233632;color:#d4e9df}.perf-line path[stroke="#e7ece4"]{stroke:#40554d}.toast{background:#d4eee1;color:#17372d}}
header{justify-content:center;height:75px;border-bottom:0}.brand{font-size:23px;letter-spacing:2px;text-align:center}.brand small{letter-spacing:2.6px;font-size:8px;margin-top:5px}.mark img{width:35px;height:29px;object-fit:contain}.brand-button{border:0;background:#fff;box-shadow:0 1px 7px #1c4d4310;border-radius:15px;min-height:76px}.brand-button.active{background:#def3ee;box-shadow:inset 0 0 0 1px #7bc4b9}.mark.custom{font-size:27px;font-weight:400;color:#54aba0}.result-card,.car-hero{background:#56b9b3;border-radius:24px;box-shadow:none}.result-price strong{font-weight:550}.result-bottom{background:#42a79f}.primary{background:#56b9b3;border-color:#56b9b3;color:white;border-radius:22px}.secondary{border-radius:22px}.amount-card,.perf-panel,.garage-card,.receipt,.extras{border-radius:20px;border-color:#edf1ef;box-shadow:0 2px 9px #1b4f4305}.segments,.car-tabs{border-radius:16px;background:#edf5f2}.segments button,.car-tabs button{border-radius:12px}.daily-offers{background:transparent;border-color:#d8e9e4;border-radius:20px;color:#499d93}.perf-stat{background:#f4f8f6;border-radius:15px}.bottom-nav{padding-top:13px;box-shadow:0 -3px 12px #183d3105}.data-settings{display:block;text-align:center;margin:20px auto}.car-list-title{margin-top:27px}.history-item{border-radius:17px}.brand-icon{display:none}@media(prefers-color-scheme:dark){header{background:#152220}.brand-button{background:#233632}.brand-button.active{background:#2f554e}.mark img{background:white;border-radius:5px;padding:2px}.result-card,.car-hero{background:#287c75}.perf-stat{background:#2b4039}.segments,.car-tabs{background:#263e37}.primary{background:#74cabe;border-color:#74cabe;color:#153a32}}

.result-card .eyebrow,.car-hero .eyebrow,.car-hero-sub,.car-metrics span,.result-card .result-label,.result-card .result-price small,.result-card .result-stats span,.car-big small{color:#eafaf7}.car-metrics strong,.car-big,.result-card .result-stats strong{color:#fff}.car-hero .car-metrics{border-color:#ffffff3b}
/* Compact garage, profile editor and launch sequence. */
header{height:70px;padding:8px 20px 7px}.brand{font-size:25px;letter-spacing:1.3px}.brand small{font-size:8px;letter-spacing:3px;margin-top:4px}main{padding:5px 18px calc(79px + env(safe-area-inset-bottom))}.garage-card{display:grid;grid-template-columns:39% minmax(0,1fr) 34px;gap:9px;min-height:112px;margin:0 0 13px;padding:10px 12px 10px 6px;border:0;border-radius:24px;box-shadow:0 5px 22px #276d6510}.garage-art{position:relative;align-self:stretch;display:grid;align-items:center;isolation:isolate}.garage-art:before{content:'';position:absolute;inset:10% 3%;z-index:-1;background:linear-gradient(135deg,#c8eeea,#93d5cc);border-radius:75% 20% 65% 18%;transform:skew(-12deg)}.garage-art canvas{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 1px #18554d18)}.garage-copy{min-width:0}.garage-copy h2{font-size:clamp(14px,4.4vw,20px);color:#075c52;line-height:1.4;overflow-wrap:anywhere;padding-bottom:5px;border-bottom:1px solid #e4eeea}.garage-copy p{font-size:11px;color:#586e6a;line-height:1.5;margin-top:5px}.garage-edit{display:grid;place-items:center;width:34px;height:34px;border:1px solid #b9dbd3;color:#00998d;background:transparent}.garage-edit svg{width:19px;height:19px}.car-tabs{padding:4px}.car-tabs button{padding:10px 5px}.car-actions{margin:13px 0;gap:9px}.car-hero{margin:0 0 13px;padding:21px 20px;background:linear-gradient(120deg,#3db4ac,#4cb5ad)}.perf-panel{margin:13px 0}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(520px,100%);margin:0;padding:7px 14px max(5px,env(safe-area-inset-bottom));gap:10px;background:#fcfefdf5;border-color:#e3eeea}.bottom-nav button{flex:1;min-height:43px;min-width:0;gap:4px;font-size:10px;padding:3px 0}.bottom-nav button svg{width:21px;height:21px}.bottom-nav button.active:before{top:-6px}.vehicle-preview{height:151px;background:radial-gradient(ellipse at center,#bce5dd90,transparent 70%);display:grid;place-items:center;margin:0 0 14px}.vehicle-preview canvas{width:230px;max-width:90%;max-height:151px;object-fit:contain}.vehicle-sheet label{display:block;font-size:12px;color:#66847c;margin-bottom:13px}.vehicle-sheet input,.vehicle-sheet select{display:block;width:100%;border:1px solid #d9e7e2;background:#f5faf8;border-radius:12px;padding:12px;margin-top:7px;outline-color:#53b8ac;color:#244b43}.vehicle-sheet .primary{width:100%;min-height:45px}.paint-field{padding:0;border:0;margin:4px 0 21px}.paint-field legend{font-size:12px;color:#66847c;margin-bottom:10px}.paint-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.paint-choice{display:grid;justify-items:center;gap:7px;border:1px solid transparent;border-radius:12px;padding:9px 2px;font-size:10px;color:#728980}.paint-choice i{display:block;width:27px;height:27px;border-radius:50%;box-shadow:inset 0 0 0 1px #0002}.paint-choice.active{background:#e0f3ed;border-color:#7ccabd;color:#006a5c}.paint-choice.active i:after{content:'✓';display:grid;place-items:center;height:100%;color:white;text-shadow:0 1px 3px #0009}.previous-odometer{display:block;font-size:11px;line-height:1.5;color:#7b9890;margin:7px 2px 0}.launch-screen{position:fixed;inset:0;z-index:1000;background:#f2f9f8;display:grid;place-items:center;pointer-events:none;overflow:hidden;transition:opacity .45s ease,visibility .45s;animation:launch-fallback 0s 3s forwards}.launch-wordmark{position:relative;z-index:1;text-align:center;font-size:clamp(28px,8.5vw,41px);font-weight:800;letter-spacing:2px;color:#009c90;opacity:0;animation:brand-reveal 1.35s ease both}.launch-wordmark small{display:block;font-size:11px;letter-spacing:4.5px;color:#71918b;margin-top:11px}.launch-wash{position:absolute;left:0;bottom:0;right:0;height:42%;background:linear-gradient(to bottom,transparent,#accbc9 50%,#70b7b2);opacity:0;animation:wash-reveal 1.4s ease both}.launch-finished{opacity:0;visibility:hidden}@keyframes brand-reveal{0%{opacity:0;transform:translateY(9px)}45%,85%{opacity:1;transform:translateY(0)}100%{opacity:1}}@keyframes wash-reveal{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes launch-fallback{to{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){.launch-wordmark,.launch-wash{animation:none;opacity:1}.launch-screen{transition:none}.garage-art canvas{transition:none}}@media(prefers-color-scheme:dark){.garage-card{background:#213733;box-shadow:none}.garage-copy h2{color:#dcf6ee;border-color:#3b534b}.garage-copy p{color:#a7c2b9}.garage-art:before{background:linear-gradient(135deg,#2d6258,#437b6c)}.bottom-nav{background:#192c28f5;border-color:#365049}.car-hero{background:linear-gradient(120deg,#24796f,#2a8c7f)}.vehicle-sheet input,.vehicle-sheet select{background:#203b33;color:#e2f6ed;border-color:#3d5b50}.vehicle-sheet label,.paint-field legend,.previous-odometer{color:#acc8bd}.paint-choice{color:#bdd6cb}.paint-choice.active{background:#2e564a;border-color:#6fbc9f;color:#e5fff3}.launch-screen{background:#112522}.launch-wordmark{color:#8edacf}.launch-wordmark small{color:#adc6bf}.launch-wash{opacity:.5;background:linear-gradient(to bottom,transparent,#accbc944,#70b7b2aa)}}
/* Top safe area keeps the wordmark below the iPhone camera island. */
header{height:calc(84px + env(safe-area-inset-top,0px));padding:calc(14px + env(safe-area-inset-top,0px)) 20px 12px}.launch-screen{background:#fff}.launch-wash{height:50%;background:linear-gradient(180deg,#accbc9 0%,#70b7b2 100%);transform:none;animation:half-wash-reveal 1.4s ease both}.launch-wordmark{color:#009c90}.launch-wordmark small{color:#71918b}@keyframes half-wash-reveal{from{opacity:0}to{opacity:1}}.week-strip{margin-top:13px}.day-chip i{display:block;font-size:8px;font-style:normal;margin-top:5px;min-height:12px;color:#6d918a}.day-chip.active i{color:#e6faf4}.daily-heading{display:flex;align-items:center;justify-content:space-between;margin:23px 0 14px}.daily-heading small{font-size:10px;color:#73948b}.daily-heading h2{font-size:17px;color:#155c50;margin-top:5px}.daily-heading>span{font-size:11px;background:#e2f2ed;color:#3a8c7b;padding:7px 10px;border-radius:16px}.daily-note{font-size:11px;color:#80958d;margin-bottom:13px}.daily-company{border:1px solid #e4efea;background:white;border-radius:22px;padding:16px;margin:12px 0;box-shadow:0 4px 16px #1e6d4e05}.daily-brand{display:flex;align-items:center;gap:10px;margin-bottom:15px}.daily-brand img{width:32px;height:29px;object-fit:contain}.daily-brand h3{font-size:16px;flex:1}.daily-brand>span{font-size:10px;color:#87a196}.daily-offer{padding:12px 13px;border-radius:13px;background:#f5f9f7;margin:9px 0}.daily-offer.upgrade,.daily-offer.points{background:#dff2ec}.daily-tag{display:block;font-size:9px;line-height:1.5;color:#548d7e;margin-bottom:4px}.daily-offer h3{font-size:15px;line-height:1.5;color:#176959}.daily-offer p{font-size:11px;line-height:1.7;color:#6e8880;margin-top:5px}.daily-offer details{font-size:10px;color:#6c9687;margin-top:9px}.daily-offer summary{cursor:pointer}.daily-source{display:block;text-align:right;font-size:10px;margin-top:13px;text-decoration:none}.all-offers{border-top:1px solid #dce9e4;margin-top:24px;padding-top:18px}.all-offers>summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-size:13px;font-weight:650}.all-offers>summary span{font-size:10px;color:#78978b;font-weight:400}.all-offers .offer-filters{margin:16px 0}.daily-empty{background:#edf5f1;border-radius:18px;padding:24px 18px;text-align:center}.daily-empty svg{color:#64a391;margin-bottom:8px}.daily-empty h3{font-size:13px}.daily-empty p{font-size:11px;color:#7d978c;line-height:1.7;margin-top:7px}@media(prefers-reduced-motion:reduce){.launch-wash{animation:none;opacity:1}}@media(prefers-color-scheme:dark){.launch-screen{background:#fff}.launch-wordmark{color:#009c90}.launch-wordmark small{color:#71918b}.launch-wash{background:linear-gradient(180deg,#accbc9,#70b7b2)}.daily-heading h2{color:#ddf6ec}.daily-heading small,.daily-note{color:#9abeb0}.daily-heading>span,.daily-empty{background:#244a3c;color:#b8e9d3}.daily-company{background:#203a30;border-color:#355849}.daily-brand img{background:white;padding:2px;border-radius:5px}.daily-brand>span{color:#99b9aa}.daily-offer{background:#29493b}.daily-offer.upgrade,.daily-offer.points{background:#2d5846}.daily-offer h3{color:#c0f5df}.daily-offer p,.daily-tag,.daily-offer details{color:#acd0bd}.all-offers{border-color:#416353}}
.day-chip{gap:5px;min-height:78px;padding:10px 1px;font-size:14px}.day-chip i{font-size:9px;margin-top:2px}.daily-offer h3{font-size:17px}.daily-offer p{font-size:13px}.daily-offer details{font-size:11px}.daily-tag{font-size:10px}.daily-source{font-size:11px}.daily-brand h3{font-size:17px}.daily-note{font-size:12px}.daily-empty p{font-size:12px}

/* One spacing rhythm: 12px between blocks, 8px between controls. */
:root{--block-gap:12px;--control-gap:8px}
header{height:calc(76px + env(safe-area-inset-top,0px));padding:calc(15px + env(safe-area-inset-top,0px)) 18px 6px}
main{padding-top:0}.date-line{margin-bottom:12px;min-height:31px}.brands{margin-bottom:12px;gap:var(--control-gap)}.grade-row{margin-bottom:12px;gap:8px}.amount-card{margin-top:12px}.offer-compact{margin-top:12px;padding:10px 0;gap:10px}.pricing-mode{margin-top:0}.eligibility{margin:8px 2px 12px}.extras,.receipt{margin-top:12px;margin-bottom:0}.action-row{margin:12px 0 0;gap:8px}.footnote{margin:10px 0 0}.garage-card{margin-bottom:12px}.car-actions{margin:12px 0;gap:8px}.car-hero{margin-bottom:12px}.perf-panel{margin:12px 0}.car-list-title{margin-top:20px}.history-item{margin-bottom:8px}.page-title{margin-bottom:12px}.week-strip{margin-top:0;margin-bottom:16px;gap:6px}.daily-heading{margin:16px 0 12px}.daily-company{margin:12px 0}.all-offers{margin-top:20px}.data-settings{margin:16px auto}.launch-wash{height:50%;background:linear-gradient(180deg,#ffffff 0%,#70b7b2 28%,#b3ddda 100%)}
@media(prefers-color-scheme:dark){.launch-wash{background:linear-gradient(180deg,#ffffff 0%,#70b7b2 28%,#b3ddda 100%)}}