.edge-app{--edge-fast:140ms;--edge-enter:440ms;--edge-ease:cubic-bezier(.16,1,.3,1)}
.edge-image-scene:after{display:none}
.edge-reading .page-caption{font-family:'Chakra Petch','Noto Sans Thai',sans-serif;letter-spacing:1.3px;font-size:10px}
.edge-reading .reading-caption{font-family:'Chakra Petch','Noto Sans Thai',sans-serif;font-size:10px;letter-spacing:.3px}
.edge-header .wordmark{font-weight:600}
.edge-overview dt{letter-spacing:.4px}
.edge-overview strong{line-height:1.3}
.edge-photo-tag{position:absolute;z-index:4;right:24px;top:12px;display:flex;align-items:center;gap:6px;padding:7px 9px;border-radius:6px;color:#202124;background:#ffffffdb;border:1px solid #d8d8db;font:400 9px/1.4 'Chakra Petch','Noto Sans Thai',sans-serif;pointer-events:none}
.edge-photo-tag svg{width:12px;height:12px}
.edge-switch-cue{position:absolute;z-index:4;top:12px;left:24px;color:#52545c;pointer-events:none;display:flex;flex-direction:column;align-items:flex-start;gap:7px;max-width:60%}
.edge-switch-cue small{font:400 8px/1.5 'Chakra Petch','Noto Sans Thai',sans-serif;letter-spacing:.4px;background:#ffffffc9;padding:2px 4px;border-radius:3px}
.edge-car-bars{display:flex;gap:5px;flex-wrap:wrap;max-width:150px}
.edge-car-bars i{display:block;width:18px;height:3px;border-radius:2px;background:#d2d3d8}
.edge-car-bars i.is-selected{width:34px;background:#202124}
.edge-scene[data-photo-mode=full] .edge-switch-cue{top:auto;bottom:190px}
.edge-scene[data-photo-mode=full] .edge-photo-tag{top:auto;bottom:190px}
.edge-fuel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:26px}
.edge-fuel-head .edge-eyebrow{font-size:9px;letter-spacing:1.4px;color:#aeb0b9;margin:0 0 12px}
.edge-fuel-head .edge-title{font-size:clamp(38px,11cqw,54px);font-weight:600;line-height:1.07;letter-spacing:-1.6px;margin:0}
.edge-fuel-add{display:flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0;min-height:48px;padding:10px 13px;border:1px solid #fff;border-radius:10px;background:#f7f7f8;color:#191a1c;font:500 12px/1.4 'Chakra Petch','Noto Sans Thai',sans-serif}
.edge-fuel-add svg{width:18px;height:18px}
.edge-fuel-console{position:relative;background:#222428;border:1px solid #484b54;border-radius:18px;overflow:hidden;padding:24px 20px}
.edge-fuel-console:after{content:'';position:absolute;inset:10px;pointer-events:none;background:linear-gradient(#aeb0b966,#aeb0b966) top left/18px 1px no-repeat,linear-gradient(#aeb0b966,#aeb0b966) top left/1px 18px no-repeat,linear-gradient(#aeb0b966,#aeb0b966) bottom right/18px 1px no-repeat,linear-gradient(#aeb0b966,#aeb0b966) bottom right/1px 18px no-repeat}
.edge-fuel-metric>.edge-eyebrow{font-size:10px;color:#aeb0b9;letter-spacing:1.4px;margin:0 0 14px}
.edge-fuel-reading{display:flex;align-items:baseline;gap:10px;min-width:0}
.edge-fuel-reading>strong{font:400 clamp(38px,12.6cqw,72px)/1.2 'Michroma',sans-serif;letter-spacing:-.07em;white-space:nowrap}
.edge-fuel-reading>small{font:400 10px/1.5 'Chakra Petch','Noto Sans Thai',sans-serif;color:#aeb0b9;white-space:nowrap}
.edge-fuel-console[data-state=pending] .edge-fuel-reading>strong{font-size:76px;line-height:1.1;color:#858894}
.edge-fuel-status{font:400 15px/1.6 'Chakra Petch','Noto Sans Thai',sans-serif;margin:12px 0 0}
.edge-fuel-metric .edge-note{font-size:10px;line-height:1.8;color:#aeb0b9;margin:7px 0 0}
.edge-fuel-interval{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;border-top:1px solid #484b54;padding-top:20px;margin:24px 0 0}
.edge-fuel-interval .edge-fuel-stat:last-child{grid-column:1/-1}
.edge-fuel-stat{min-width:0}
.edge-fuel-stat dt{font:400 9px/1.6 'Chakra Petch','Noto Sans Thai',sans-serif;letter-spacing:.7px;color:#aeb0b9;margin:0 0 8px}
.edge-fuel-stat dd{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}
.edge-fuel-stat dd>strong{font:400 19px/1.4 'Michroma','Chakra Petch',sans-serif;letter-spacing:-.04em;overflow-wrap:anywhere}
.edge-fuel-stat dd>small{font:400 9px/1.5 'Chakra Petch','Noto Sans Thai',sans-serif;color:#aeb0b9}
.edge-fuel-interval .edge-fuel-stat:last-child dd>strong{font-family:'Chakra Petch',sans-serif;font-size:21px;letter-spacing:0}
.edge-fuel-detail{display:grid;gap:20px;margin-top:22px}
.edge-fuel-latest{padding:20px 0;border-top:1px solid #484b54;border-bottom:1px solid #484b54;min-width:0}
.edge-fuel-latest[role=button]{cursor:pointer}
.edge-fuel-last-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.edge-fuel-last-top h2,.edge-fuel-history h2{font:500 14px/1.5 'Chakra Petch','Noto Sans Thai',sans-serif;letter-spacing:.4px;margin:0}
.edge-fuel-last-top>span{font:400 10px/1.5 'Chakra Petch','Noto Sans Thai',sans-serif;color:#aeb0b9;text-align:right}
.edge-fuel-demo{font:400 9px/1.7 'Chakra Petch','Noto Sans Thai',sans-serif;color:#aeb0b9;margin:10px 0}
.edge-fuel-last-stats{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:12px;margin:20px 0 14px}
.edge-fuel-last-stats dd>strong{font-size:clamp(17px,5.3cqw,27px)}
.edge-fuel-last-meta{font:400 10px/1.7 'Chakra Petch','Noto Sans Thai',sans-serif;color:#aeb0b9;margin:0}
.edge-fuel-history .edge-note{font-size:11px;color:#aeb0b9;line-height:1.8;margin:12px 0}
.edge-fuel-history-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;width:100%;background:none;color:inherit;border:0;border-bottom:1px solid #36383f;border-radius:0;padding:15px 0;min-height:48px;font:400 10px/1.6 'Chakra Petch','Noto Sans Thai',sans-serif;text-align:left}
.edge-fuel-history-row strong{font-weight:500}
.edge-fuel-history-row>span:last-child{font-family:'Michroma',sans-serif;font-size:9px;text-align:right}
.edge-fuel-all{min-height:44px;padding:7px 0;border:0;background:transparent;color:#f7f7f8;font:400 11px/1.5 'Chakra Petch','Noto Sans Thai',sans-serif;text-decoration:underline;text-underline-offset:5px}
.edge-fuel-empty{font:400 21px/1.5 'Chakra Petch','Noto Sans Thai',sans-serif;margin:20px 0 8px}
.edge-fuel :focus-visible{outline:2px solid #f7f7f8;outline-offset:4px}
.edge-care .edge-title,.edge-section-header .edge-title{letter-spacing:-1.6px}
.edge-care-row{position:relative;border:1px solid #3b3d44;border-radius:14px;background:#202226;padding:18px!important}
.edge-care-row h2{font-size:23px}
.edge-care-row .edge-care-baseline{margin:14px 48px 8px 0}
.edge-care-row .edge-care-result{font:400 20px/1.5 'Chakra Petch','Noto Sans Thai',sans-serif;margin-right:40px}
.edge-care-row>.edge-inline-actions{float:none;position:absolute;right:16px;top:58px;margin:0}
.edge-care-row>.edge-inline-actions .edge-text-button{background:#2d3036;border:1px solid #545863}
.edge-care-row .edge-plan-editor summary{font-size:11px;color:#d8d9df}
.edge-care-row .edge-plan-state{font-size:9px;line-height:1.7;color:#aeb0b9}
.edge-task-products .edge-product{background:#2b2e34;border:1px solid #454954}
.edge-entry .edge-eyebrow{letter-spacing:1px}
.edge-dock{box-shadow:0 10px 32px #0004;border-color:#d7d8dc;background:#f4f4f6f5}
.edge-nav{transition:background var(--edge-fast),color var(--edge-fast),box-shadow var(--edge-fast)}
.edge-nav[aria-current=location]{box-shadow:inset 0 0 0 1px #ffffff28}
.edge-record{box-shadow:0 0 0 3px #d3d4d9,0 0 0 4px #fff!important}
.edge-record svg{stroke-width:1.2}
.edge-sheet,.record-sheet,.photo-sheet{border-radius:22px}
.record-tabs{border:1px solid #d6d7dc;background:#f0f1f3;padding:4px;border-radius:12px;gap:4px}
.record-tabs button{font-family:'Chakra Petch','Noto Sans Thai',sans-serif;border-radius:8px;border:0;min-height:44px}
.record-tabs .active{background:#202226;color:#fff}
.record-measures input{border-radius:10px;background:#f5f6f8;font-family:'Chakra Petch','Noto Sans Thai',sans-serif}
.record-measures #km,.record-measures #fuelCost,.record-measures #fuelLitres{font-family:'Michroma','Chakra Petch',sans-serif;font-size:20px;letter-spacing:-.04em}
.record-title{font-family:'Chakra Petch','Noto Sans Thai',sans-serif;letter-spacing:-1px}
#dialog:not(.context-panel) .save-bar .action{border-radius:12px;background:#202226;color:#fff;font-family:'Chakra Petch','Noto Sans Thai',sans-serif;font-weight:500;min-height:50px}
#toast{border-radius:12px!important;box-shadow:0 8px 26px #0003}
@media(min-width:900px){
.edge-photo-tag{top:20px;right:7%;font-size:10px;padding:8px 11px}
.edge-switch-cue{top:20px;left:9%;gap:9px}
.edge-switch-cue small{font-size:10px}
.edge-car-bars i{width:23px;height:3px}
.edge-car-bars i.is-selected{width:42px}
.edge-fuel-head{margin-bottom:30px}
.edge-fuel-head .edge-title{font-size:64px}
.edge-fuel-head .edge-eyebrow{font-size:11px}
.edge-fuel-add{padding:12px 20px;gap:10px;font-size:14px;min-height:54px}
.edge-fuel-console{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;padding:36px;border-radius:20px}
.edge-fuel-reading>strong{font-size:clamp(66px,8cqw,108px)}
.edge-fuel-reading>small{font-size:14px}
.edge-fuel-console[data-state=pending] .edge-fuel-reading>strong{font-size:108px}
.edge-fuel-metric>.edge-eyebrow{font-size:12px}
.edge-fuel-status{font-size:20px}
.edge-fuel-metric .edge-note{font-size:12px}
.edge-fuel-interval{border:0;border-left:1px solid #484b54;margin:0;padding:0 0 0 36px;align-content:center;gap:28px}
.edge-fuel-stat dt{font-size:10px}
.edge-fuel-stat dd>strong{font-size:26px}
.edge-fuel-interval .edge-fuel-stat:last-child dd>strong{font-size:28px}
.edge-fuel-detail{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;margin-top:28px}
.edge-fuel-latest{padding:20px 0;border-bottom:0}
.edge-fuel-last-top h2,.edge-fuel-history h2{font-size:17px}
.edge-fuel-last-top>span{font-size:12px}
.edge-fuel-last-stats dd>strong{font-size:32px}
.edge-fuel-last-meta{font-size:12px}
.edge-fuel-history{border-top:1px solid #484b54;padding-top:20px}
.edge-fuel-history-row{font-size:12px}
.edge-fuel-history-row>span:last-child{font-size:11px}
.edge-fuel-history .edge-note{font-size:12px}
.edge-care-row{padding:22px!important}
.edge-care-row>.edge-inline-actions{right:20px;top:62px}
.edge-care-row h2{font-size:27px}



}
@media(max-width:359px){
.edge-fuel-add{font-size:11px;padding:10px;gap:5px}
.edge-fuel-console{padding:23px 16px}
.edge-fuel-reading>strong{font-size:38px}
.edge-fuel-stat dd>strong{font-size:17px}
.edge-fuel-last-stats dd>strong{font-size:17px}
.edge-switch-cue{left:20px;max-width:58%}
.edge-switch-cue small{font-size:7px}
.edge-photo-tag{right:20px;font-size:8px}



}
@media(prefers-reduced-motion:no-preference){
.edge-app:not(:has(.edge-scene[data-photo-motion=off])) .edge-nav:active,.edge-app:not(:has(.edge-scene[data-photo-motion=off])) .edge-fuel-add:active{scale:.96}
.edge-app:not(:has(.edge-scene[data-photo-motion=off])) .edge-fuel-latest[role=button]:active{background:#25282e}



}
@media(prefers-reduced-motion:reduce){
.edge-app *{scroll-behavior:auto!important;transition:none!important}


}
.edge-fuel-console[data-state=pending] .edge-fuel-interval{display:none}
@media(max-width:899px){
.edge-photo-tag{right:auto;left:24px;top:50px}


}
@media(max-width:359px){
.edge-photo-tag{left:20px}


}
@media(min-width:900px){
.edge-fuel-console[data-state=pending]{grid-template-columns:minmax(0,1fr)}
.edge-fuel-console[data-state=pending] .edge-fuel-metric{display:grid;grid-template-columns:minmax(200px,.9fr) minmax(0,1fr);column-gap:36px;align-items:center}
.edge-fuel-console[data-state=pending] .edge-fuel-metric>.edge-eyebrow{grid-column:1;grid-row:1}
.edge-fuel-console[data-state=pending] .edge-fuel-reading{grid-column:1;grid-row:2/4}
.edge-fuel-console[data-state=pending] .edge-fuel-status{grid-column:2;grid-row:1/3;margin:0}
.edge-fuel-console[data-state=pending] .edge-fuel-metric .edge-note{grid-column:2;grid-row:3;margin-top:8px}


}
.edge-dock{background:#f4f4f4f5;border-color:#d7d7d7}
.edge-record{box-shadow:0 0 0 3px #d3d3d3,0 0 0 4px #fff!important}
@media(min-width:900px){
.edge-switch-cue{left:auto;right:7%;top:72px;align-items:flex-end}


}
.edge-scene[data-photo-mode=full] .edge-photo-tag,.edge-scene[data-photo-mode=full] .edge-switch-cue{display:none}
.edge-fuel-console[data-state=pending] .edge-fuel-reading[data-metric=amount]>strong{font-size:clamp(26px,9.5cqw,76px);line-height:1.25;color:#f7f7f8}
.edge-fuel-metric>.edge-fuel-demo{margin:0 0 12px;color:#aeb0b9;font-size:9px}
@media(min-width:900px){
.edge-fuel-console[data-state=pending] .edge-fuel-metric>.edge-fuel-demo{grid-column:1;grid-row:2;margin-top:0}
.edge-fuel-console[data-state=pending] .edge-fuel-metric:has(>.edge-fuel-demo)>.edge-fuel-reading{grid-row:3/5}
.edge-fuel-console[data-state=pending] .edge-fuel-reading[data-metric=amount]>strong{font-size:clamp(50px,6.5cqw,88px)}


}