:root{color:#152238;font-synthesis:none;text-rendering:optimizelegibility;--ink:#152238;--navy:#0b1220;--navy-soft:#141f33;--muted:#697488;--line:#dbe1e8;--paper:#f8fafb;--accent:#ffc84a;--mint:#8fe3cf;--danger:#ff8176;--shadow:0 18px 50px #0f1c3214;background:#edf1f4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% 4%,#8fe3cf2b,#0000 28rem),#edf1f4;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,select,input[type=checkbox]{cursor:pointer}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.58}a{color:inherit}.app-header{justify-content:space-between;align-items:center;width:min(1180px,100% - 32px);min-height:76px;margin:0 auto;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-size:1.02rem;font-weight:850;text-decoration:none;display:inline-flex}.brand em{color:#8ca0b9;letter-spacing:0;margin-left:3px;font-size:.72rem;font-style:normal}.brand-mark{background:var(--navy);width:28px;height:28px;color:var(--accent);border-radius:9px;place-items:center;font-size:.88rem;display:grid}.sources-link,.back-link{color:var(--muted);background:0 0;border:0;font-size:.88rem;font-weight:700;text-decoration:none}.sources-link:hover,.back-link:hover{color:var(--ink)}.sources-link span{color:var(--accent);margin-left:5px}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:10px 0 36px}.desktop-intro{justify-content:space-between;align-items:baseline;margin:0 0 14px;display:flex}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:#8a97a8;margin:0;font-size:.68rem;font-weight:850}.legal-status{color:var(--muted);margin:0;font-size:.79rem}.app-grid{grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);align-items:start;gap:18px;display:grid}.primary-column,.secondary-column{gap:18px;min-width:0;display:grid}.meter-panel{background:var(--navy);color:#fff;box-shadow:var(--shadow);border-radius:26px;padding:clamp(22px,4vw,40px);position:relative;overflow:hidden}.meter-panel:after{content:"";pointer-events:none;background:#8fe3cf14;border-radius:50%;width:280px;height:280px;position:absolute;top:-150px;right:-80px}.meter-topline,.section-heading{z-index:1;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:relative}.meter-panel .eyebrow{color:#8594aa}.meter-panel h1{letter-spacing:-.065em;margin:6px 0 0;font-size:clamp(1.5rem,4vw,2.3rem);font-weight:800;line-height:1}.meter-panel h1 span{color:#8190a5;font-weight:500}.status-chip{color:#c5cedb;white-space:nowrap;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:7px;padding:6px 9px;font-size:.72rem;display:inline-flex}.status-chip i{background:#8ca0b9;border-radius:50%;width:6px;height:6px}.status-running i{background:var(--mint);box-shadow:0 0 0 4px #8fe3cf24}.status-paused i{background:var(--accent);box-shadow:0 0 0 4px #ffc84a24}.status-completed i{background:var(--accent)}.legal-banner{z-index:1;color:#ffe39a;background:#ffc84a17;border:1px solid #ffc84a47;border-radius:13px;gap:10px;margin:24px 0 4px;padding:11px 13px;display:flex;position:relative}.legal-banner>span{color:var(--accent);font-size:1rem}.legal-banner strong,.legal-banner small{display:block}.legal-banner strong{font-size:.79rem}.legal-banner small{color:#b7a876;margin-top:2px;font-size:.72rem}.price-lockup{z-index:1;padding:33px 0 26px;position:relative}.price-label{color:#8c9aae;margin-bottom:2px;font-size:.82rem;display:block}.price-lockup strong{color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:-.1em;white-space:nowrap;font-size:clamp(3.6rem,13vw,7.8rem);font-weight:760;line-height:.98;display:block}.live-metrics{border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff1f;grid-template-columns:1fr 1fr;padding:15px 0;display:grid}.live-metrics>div+div{border-left:1px solid #ffffff1f;padding-left:20px}.live-metrics span,.tariff-strip span,.gps-line{color:#8c9aae;font-size:.78rem}.live-metrics strong{font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin-top:3px;font-size:1.25rem;display:block}.tariff-strip{justify-content:space-between;align-items:center;gap:12px;padding:18px 0 8px;display:flex}.tariff-strip strong{color:#f2f6f9;margin-top:3px;font-size:.95rem;display:block}.factor-pill{white-space:nowrap;background:#8fe3cf12;border:1px solid #8fe3cf40;border-radius:999px;padding:6px 9px;color:var(--mint)!important}.trip-button{background:var(--accent);color:#111b2a;border:0;border-radius:15px;justify-content:space-between;align-items:center;width:100%;min-height:62px;margin-top:20px;padding:0 18px 0 22px;font-size:1.02rem;font-weight:850;transition:transform .16s,background .16s;display:flex}.trip-button:hover{background:#ffd56d;transform:translateY(-2px)}.trip-button:active{transform:translateY(0)}.trip-button-stop{background:var(--danger)}.trip-button-stop:hover{background:#ff9b93}.trip-button-resume{background:var(--mint)}.trip-button-resume:hover{background:#b1f0e1}.button-mark{background:#0b12201f;border-radius:10px;place-items:center;width:34px;height:34px;font-size:.8rem;display:grid}.meter-end-action{color:#aab6c7;text-underline-offset:3px;background:0 0;border:0;margin:11px auto 0;padding:4px 8px;font-size:.78rem;text-decoration:underline;display:block}.meter-end-action:hover{color:#fff}.button-help{text-align:center;color:#9caabd;margin:9px 0 0;font-size:.76rem}.gps-line{align-items:center;gap:7px;margin-top:16px;display:flex;position:relative}.gps-dot{background:#8492a6;border-radius:50%;width:7px;height:7px;display:inline-block}.gps-excellent{background:var(--mint);box-shadow:0 0 0 4px #8fe3cf1f}.gps-good{background:var(--accent)}.gps-weak{background:#ff9d62}.gap-note{text-align:right;color:#c2a77c;margin-left:auto;font-size:.7rem}.unavailable-state{background:#ff817614;border:1px solid #ff817647;border-radius:13px;margin:12px 0 0;padding:12px}.unavailable-state strong,.unavailable-state span{display:block}.unavailable-state strong{color:#ffb1a9;font-size:.84rem}.unavailable-state span{color:#bf9b9a;margin-top:2px;font-size:.76rem}.breakdown-panel,.options-panel,.history-panel,.dev-panel,.explanation-panel,.source-note{background:var(--paper);border:1px solid var(--line);border-radius:22px;min-width:0;box-shadow:0 8px 25px #0f1c3208}.lifecycle-panel{min-width:0}.breakdown-panel,.options-panel,.history-panel,.dev-panel{padding:22px}.section-heading h2{letter-spacing:-.035em;margin:4px 0 0;font-size:1.05rem}.section-index{letter-spacing:.1em;color:#a8b1be;padding-top:4px;font-size:.65rem;font-weight:800}.breakdown-rows{padding-top:19px}.breakdown-rows>div{color:#6b7687;justify-content:space-between;gap:12px;padding:8px 0;font-size:.88rem;display:flex}.breakdown-rows strong{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.breakdown-total{border-top:1px dashed #cdd5de;justify-content:space-between;margin-top:5px;padding-top:15px;font-size:.95rem;display:flex}.breakdown-total strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.2rem}.agreed-callout{background:#e4f5ef;border:1px solid #c2e8dc;border-radius:13px;grid-template-columns:1fr auto;gap:3px 10px;margin-top:17px;padding:12px;display:grid}.agreed-callout span{font-size:.82rem;font-weight:800}.agreed-callout strong{color:#116c5b;font-size:1.05rem}.agreed-callout small{color:#5e8078;grid-column:1/-1;font-size:.74rem}.fine-print{color:#8490a0;font-size:.75rem;line-height:1.5}.breakdown-panel>.fine-print{margin:13px 0 0}.quick-options{gap:0;margin-top:16px;display:grid}.option-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-width:0;min-height:58px;padding:10px 0;display:flex}.option-row-stacked{flex-wrap:wrap;align-items:flex-start}.option-copy{gap:2px;min-width:0;display:grid}.option-copy strong{font-size:.87rem}.option-copy small,.field-label small{color:#8490a0;font-size:.73rem}input[type=checkbox]{accent-color:#128c76;flex:none;width:20px;height:20px}.inline-field{width:100%;color:var(--muted);justify-content:flex-end;align-items:center;gap:7px;font-size:.75rem;display:flex}.inline-field input{width:95px}.more-options{margin-top:6px}.more-options summary,.explanation-panel summary{cursor:pointer;padding:14px 0 5px;font-size:.88rem;font-weight:800;list-style:none}.more-options summary::-webkit-details-marker{display:none}.explanation-panel summary::-webkit-details-marker{display:none}.more-options summary span{color:#7990a9;margin-left:5px;font-size:1rem}.more-options-content{gap:13px;padding:8px 0 0;display:grid}.field-label{color:#5d697a;gap:5px;min-width:0;font-size:.77rem;font-weight:750;display:grid}.dev-grid>*{min-width:0}.field-label select,.field-label input{color:var(--ink);background:#fff;border:1px solid #cfd7e1;border-radius:10px;width:100%;min-height:41px;padding:10px 11px;font-size:.86rem}.input-with-suffix{position:relative}.input-with-suffix input{padding-right:30px}.input-with-suffix span{color:#8994a2;font-size:.78rem;position:absolute;top:50%;right:11px;transform:translateY(-50%)}.inline-warning,.gps-message,.gap-message{border-radius:11px;padding:10px 12px;font-size:.76rem;line-height:1.45}.inline-warning{color:#836329;background:#fff4d7;border:1px solid #f0dc9d;margin:14px 0 0}.gps-message{color:#856b34;background:#fff7e6;margin:0}.gap-message{color:#836329;background:#fff4d7;border:1px solid #f0dc9d;margin:0}.locked-note{color:#8490a0;background:#f0f3f6;border:1px solid #dbe1e8;border-radius:11px;margin:14px 0 0;padding:10px 12px;font-size:.75rem;line-height:1.45}.explanation-panel{padding:0 22px}.explanation-panel[open] summary{border-bottom:1px solid var(--line);padding-bottom:15px}.explanation-panel>div{color:#647084;padding:8px 0 4px;font-size:.82rem}.explanation-panel p{margin:9px 0}.explanation-panel strong{color:var(--ink)}.empty-history{color:#8a95a4;align-items:center;gap:12px;min-height:100px;margin-top:16px;font-size:.82rem;display:flex}.empty-history p{margin:0}.empty-icon{color:#8290a1;background:#e8edf2;border-radius:12px;place-items:center;width:35px;height:35px;font-size:1.2rem;display:grid}.history-list{margin-top:13px}.history-item{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:12px;padding:13px 0;display:grid}.history-item>div{gap:2px;display:grid}.history-item>div:last-child{text-align:right}.history-item span{color:#8792a2;font-size:.73rem}.history-item strong{font-variant-numeric:tabular-nums;font-size:.88rem}.lifecycle-panel{color:#fff;background:#101c2d;border-radius:22px;padding:22px;box-shadow:0 8px 25px #0f1c320f}.lifecycle-panel .section-heading h2{color:#fff}.lifecycle-panel .eyebrow{color:#8c9aae}.lifecycle-panel .section-index{color:#73839b}.lifecycle-idle{color:#aeb9c8;padding-top:16px;font-size:.82rem}.lifecycle-idle p{max-width:420px;margin:0 0 16px}.lifecycle-flow{color:#f1f5f7;flex-wrap:wrap;align-items:center;gap:7px;font-size:.75rem;font-weight:750;display:flex}.lifecycle-flow span{background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;padding:6px 9px}.lifecycle-flow i{color:var(--accent);font-style:normal}.lifecycle-active,.lifecycle-completed{padding-top:16px}.lifecycle-state{align-items:flex-start;gap:10px;display:flex}.state-dot{border-radius:50%;flex:none;width:8px;height:8px;margin-top:6px;display:block}.state-dot-running{background:var(--mint);box-shadow:0 0 0 4px #8fe3cf1f}.state-dot-paused{background:var(--accent);box-shadow:0 0 0 4px #ffc84a1f}.lifecycle-state strong,.lifecycle-state small{display:block}.lifecycle-state strong{font-size:.9rem}.lifecycle-state small{color:#98a8bc;margin-top:3px;font-size:.75rem}.lifecycle-tolls{border-top:1px solid #ffffff1a;margin-top:16px;padding-top:14px}.lifecycle-tolls-toggle{justify-content:space-between;align-items:center;gap:12px;display:flex}.lifecycle-tolls-toggle span,.lifecycle-tolls-value span{gap:2px;display:grid}.lifecycle-tolls-toggle strong{font-size:.8rem}.lifecycle-tolls-toggle small{color:#98a8bc;font-size:.7rem}.lifecycle-tolls-value{color:#aeb9c8;grid-template-columns:1fr 130px;align-items:center;gap:12px;margin-top:11px;font-size:.74rem;display:grid}.lifecycle-tolls-value input{color:var(--ink);background:#fff;border:1px solid #cfd7e1;border-radius:9px;width:100%;min-height:38px;padding:8px 28px 8px 10px;font-size:.84rem}.completed-tolls{color:#aeb9c8;background:#8fe3cf12;border:1px solid #8fe3cf33;border-radius:11px;margin:0 0 12px;padding:9px 11px;font-size:.76rem}.completed-tolls strong{color:var(--mint)}.lifecycle-actions{align-items:center;gap:14px;margin-top:17px;display:flex}.secondary-action{background:var(--accent);color:#111b2a;border:0;border-radius:11px;min-height:42px;padding:0 13px;font-size:.8rem;font-weight:800}.secondary-action:hover{background:#ffd56d}.text-action{color:#aab6c7;text-underline-offset:3px;background:0 0;border:0;padding:8px 0;font-size:.78rem;text-decoration:underline}.text-action:hover{color:#fff}.restart-warning{background:#ffc84a14;border:1px solid #ffc84a40;border-radius:13px;padding:12px}.restart-warning strong{color:#ffe39a;font-size:.82rem;display:block}.restart-warning p{color:#c2b27f;margin:4px 0 0;font-size:.75rem;line-height:1.45}.full-action{justify-content:space-between;align-items:center;width:100%;margin-top:14px;display:flex}.full-action span{font-size:1rem}.full-text-action{margin:8px auto 0;display:block}.dev-panel{background:#fffdf3;border-color:#d8cfa8}.dev-panel .section-heading{margin-bottom:5px}.dev-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.dev-panel .option-row{border-bottom:0;min-height:40px}.dev-result{border-top:1px dashed #e0d69d;grid-template-columns:1fr auto;gap:3px 10px;margin-top:8px;padding-top:12px;display:grid}.dev-result span{color:#6e693e;font-size:.78rem}.dev-result strong{font-size:1.1rem}.dev-result small{color:#89815c;grid-column:1/-1;font-size:.7rem}.app-footer{color:#8490a0;justify-content:space-between;gap:14px;margin:21px 2px 0;font-size:.73rem;display:flex}.app-footer a{color:#53647b;font-weight:750;text-decoration:none}.app-footer a:hover{color:var(--ink)}.sources-page{width:min(940px,100% - 32px);margin:0 auto;padding:25px 0 55px}.back-link{margin-bottom:36px;padding:0}.sources-intro{max-width:650px}.sources-intro h1{letter-spacing:-.085em;margin:9px 0 15px;font-size:clamp(2.4rem,8vw,4.8rem);line-height:.98}.sources-intro p:not(.eyebrow){color:#687487;max-width:560px;font-size:1rem}.source-note{background:#e4f5ef;border-color:#c2e8dc;margin-top:28px;padding:18px}.source-note strong,.source-note span,.source-note p{display:block}.source-note strong{color:#116c5b}.source-note span{color:#397d70;margin-top:4px;font-size:.77rem}.source-note p{color:#54776f;margin-bottom:0;font-size:.8rem}.source-list{gap:12px;margin-top:16px;display:grid}.source-card{border:1px solid var(--line);background:var(--paper);border-radius:17px;gap:8px;padding:18px;display:grid}.source-card h2{letter-spacing:-.025em;margin:4px 0 0;font-size:1rem}.source-card p{color:#697588;margin:0;font-size:.83rem}.source-card a{color:#3a667d;margin-top:5px;font-size:.8rem;font-weight:800}.source-date{text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#8a97a8!important;font-size:.68rem!important}.disclaimer{color:#7a8798;margin:25px 0;font-size:.78rem}@media (width<=760px){.app-header{min-height:67px}.app-shell{width:min(100% - 20px,620px);padding-top:3px}.desktop-intro{margin:7px 3px 13px;display:block}.legal-status{margin-top:4px;font-size:.73rem}.app-grid{flex-direction:column;gap:14px;display:flex}.primary-column,.secondary-column{display:contents}.options-panel,.meter-panel,.breakdown-panel,.lifecycle-panel,.explanation-panel,.history-panel,.dev-panel,.gps-message,.gap-message{width:100%}.options-panel{order:1}.meter-panel{order:2}.gps-message,.gap-message{order:3}.breakdown-panel{order:4}.lifecycle-panel{order:5}.explanation-panel{order:6}.history-panel{order:7}.dev-panel{order:8}.meter-panel{border-radius:22px;padding:19px}.price-lockup{padding-top:30px}.price-lockup strong{font-size:clamp(3.7rem,18vw,6.5rem)}.status-chip{padding:5px 7px;font-size:.66rem}.meter-panel h1{font-size:1.55rem}.live-metrics strong{font-size:1.05rem}.breakdown-panel,.options-panel,.history-panel,.dev-panel,.lifecycle-panel{border-radius:18px;padding:18px}.app-footer{gap:5px;display:grid}}@media (width<=390px){.app-header,.app-shell,.sources-page{width:calc(100% - 24px)}.sources-link{font-size:.77rem}.price-lockup strong{font-size:3.35rem}.factor-pill{padding:5px 7px;font-size:.7rem!important}.gap-note{display:none}.dev-grid{grid-template-columns:1fr}}