:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--green:#22531a;--green-deep:#173d13;--green-faint:#edf2eb;--paper:#fff;--surface:#f4f6f2;--text:#172019;--muted:#5d6660;--line:#dde2dc;--line-strong:#cbd3ca;--brass:#876028;--danger:#a9443d;--display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--data-font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--safe-bottom:env(safe-area-inset-bottom,0px);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#f0f2ef;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:#f0f2ef;margin:0}button,input,select,textarea{font:inherit}button{color:inherit}button,a{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:2px}.app-shell{background:var(--paper);width:min(100%,480px);min-height:100vh;margin:0 auto;position:relative;overflow:clip;box-shadow:0 0 40px #173d1314}.page-with-nav{min-height:100vh;padding-bottom:calc(88px + var(--safe-bottom))}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.brand{color:var(--green);white-space:nowrap;flex-direction:column;align-items:flex-start;gap:3px;display:inline-flex}.brand strong{letter-spacing:.06em;font-size:1.32rem;font-weight:720;line-height:1}.brand small{color:var(--muted);letter-spacing:.08em;font-size:.58rem;font-weight:500;line-height:1}.icon-button{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.is-rotated{transform:rotate(90deg)}.editorial-topbar,.today-topbar{min-height:52px;padding:calc(8px + env(safe-area-inset-top,0px)) 22px 8px;background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.editorial-topbar>h1{letter-spacing:.08em;margin:0;font-size:.8rem;font-weight:620}.offline-status{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:.75rem;display:inline-flex}.bottom-nav{z-index:40;width:min(100%,480px);height:calc(68px + var(--safe-bottom));padding:6px 14px var(--safe-bottom);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff7;border-top:1px solid #e6e9e5;border-radius:24px 24px 0 0;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -5px 18px #173d130e}.bottom-nav__item{color:#7a827b;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:56px;padding:4px 2px;font-size:.75rem;display:flex;position:relative}.bottom-nav__item.is-active{color:var(--green);background:0 0;font-weight:650}.bottom-nav__record{min-height:56px;color:var(--green);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:4px 2px 2px;font-size:.75rem;font-weight:650;display:flex;position:relative}.bottom-nav__record-circle{background:var(--green);width:50px;height:50px;color:var(--paper);border-radius:50%;place-items:center;margin-top:-17px;display:grid;box-shadow:0 5px 14px #173d132e,inset 0 1px #ffffff24}.six-metric-ledger{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.six-metric-ledger__item{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0;min-height:102px;padding:22px 16px 18px}.six-metric-ledger__item:nth-child(3n){border-right:0}.six-metric-ledger__item:nth-last-child(-n+3){border-bottom:0}.six-metric-ledger__value{white-space:nowrap;align-items:baseline;gap:4px;min-height:31px;display:flex}.six-metric-ledger__value strong{font-family:var(--data-font);font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:clamp(1.55rem,5.2vw,2.2rem);font-weight:500;line-height:1}.six-metric-ledger__value span{color:var(--muted);text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.six-metric-ledger__item>small{color:var(--muted);letter-spacing:.04em;margin-top:10px;font-size:.75rem;display:block}.six-metric-ledger__item.is-cost .six-metric-ledger__value strong,.six-metric-ledger__item.is-cost .six-metric-ledger__value span{color:var(--brass)}.six-metric-ledger--compact .six-metric-ledger__item{min-height:88px;padding:17px 12px 14px}.six-metric-ledger--compact .six-metric-ledger__value strong{font-size:clamp(1.3rem,4.5vw,1.75rem)}.six-metric-ledger--compact .six-metric-ledger__item>small{margin-top:8px}.today-view{background:var(--paper)}.today-topbar{min-height:54px;padding:calc(7px + env(safe-area-inset-top,0px)) 24px 7px}.today-topbar .offline-status{color:#66776a}.today-intro,.trip-intro{background:var(--paper);padding:31px 22px 27px}.today-intro h1,.trip-intro h1{font-family:var(--display);letter-spacing:-.025em;margin:0;font-size:clamp(1.7rem,7vw,2.45rem);font-weight:500;line-height:1.1}.today-intro{padding:16px 22px 15px}.today-intro p,.trip-intro p{color:var(--muted);margin:9px 0 0;font-size:.82rem}.trip-ended-card{background:var(--surface);border:1px solid var(--line);margin:0 22px 30px;padding:22px}.trip-ended-card__title{align-items:center;gap:13px;margin-bottom:18px;display:flex}.trip-ended-card__icon{background:var(--green);width:46px;height:46px;color:var(--paper);border-radius:50%;place-items:center;display:grid}.trip-ended-card__title strong{font-size:1rem;display:block}.trip-ended-card__title small{color:var(--muted);margin-top:4px;font-size:.75rem;display:block}.trip-ended-card__metrics{border-top:0;border-bottom:0}.trip-ended-card__metrics .six-metric-ledger__item{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trip-ended-card__actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:18px;display:grid}.today-page{flex-direction:column;gap:15px;padding:15px 24px 24px;display:flex}.today-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.today-heading__copy{min-width:0}.today-heading__copy h1{letter-spacing:-.01em;color:var(--text);margin:0;font-size:22px;font-weight:600;line-height:1.25}.today-heading__copy p{color:var(--muted);margin:4px 0 0;font-size:.8rem}.today-heading__edit{background:var(--paper);color:#7a827b;cursor:pointer;border:1px solid #e2e7e0;border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.today-core-card{color:var(--paper);background:#205719;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;padding:20px 8px;display:grid;box-shadow:inset 0 1px #ffffff1a,0 5px 16px #22531a14}.today-core-card__item{text-align:center;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:0 8px;display:flex;position:relative}.today-core-card__item+.today-core-card__item:before{content:"";background:#fff3;width:1px;position:absolute;top:18%;bottom:18%;left:0}.today-core-card__item strong{font-family:var(--data-font);letter-spacing:-.02em;white-space:nowrap;font-variant-numeric:tabular-nums;align-items:baseline;font-size:1.5rem;font-weight:550;line-height:1;display:inline-flex}.today-core-card__item strong small{color:#ffffff9e;letter-spacing:0;margin-left:5px;font-family:-apple-system,sans-serif;font-size:.72rem;font-weight:500}.today-core-card__label{color:#ffffff9e;letter-spacing:.02em;font-size:.72rem}.today-core-card__item.is-cost strong{color:#e2bd7c}.today-core-card__item.is-cost strong small{color:#e2bd7c99}.today-detail-card{background:var(--paper);border:1px solid #e6e9e5;border-radius:14px;position:relative;box-shadow:0 3px 12px #173d1309}.today-detail-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 32.6%,#e8ebe7 32.6% 33.4%,#0000 33.4% 66%,#e8ebe7 66% 66.8%,#0000 66.8%);height:100px;position:absolute;inset:14px 16px auto}.today-detail-card:after{content:"";pointer-events:none;background:#e8ebe7;height:1px;position:absolute;top:64px;left:16px;right:16px}.today-detail-card .six-metric-ledger{border:0;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.today-detail-card .six-metric-ledger__item{border:0;flex-direction:column-reverse;align-items:center;gap:6px;min-height:0;padding:14px 8px;display:flex}.today-detail-card .six-metric-ledger__item>small{color:var(--muted);letter-spacing:.02em;margin-top:0;font-size:.72rem}.today-detail-card .six-metric-ledger__value{min-height:0}.today-detail-card .six-metric-ledger__value strong{color:var(--text);letter-spacing:-.01em;font-size:1.16rem;font-weight:600}.today-detail-card .six-metric-ledger__value span{color:var(--muted);font-size:.6rem;overflow:visible}.today-detail-card .six-metric-ledger__item.is-cost .six-metric-ledger__value strong{color:var(--brass)}.today-energy-breakdown,.trip-summary-card__energy{z-index:1;border-top:1px solid var(--line);background:#f7faf6;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid;position:relative}.today-energy-breakdown>span,.trip-summary-card__energy>span{text-align:center;min-width:0;padding:11px 6px}.today-energy-breakdown>span+span,.trip-summary-card__energy>span+span{border-left:1px solid var(--line)}.today-energy-breakdown small,.trip-summary-card__energy small{color:var(--muted);font-size:.64rem;display:block}.today-energy-breakdown strong,.trip-summary-card__energy strong{color:var(--green);font-family:var(--data-font);margin-top:5px;font-size:.86rem;font-weight:600;display:block}.today-energy-breakdown em,.trip-summary-card__energy em{color:var(--muted);margin-left:3px;font-size:.55rem;font-style:normal;font-weight:450}.today-timeline{margin-top:4px}.today-timeline__title{color:var(--text);letter-spacing:.01em;margin:0 0 11px;font-size:1.05rem;font-weight:700}.today-timeline__title span{color:var(--muted);margin-left:6px;font-size:.8rem;font-weight:400}.today-timeline__body{padding-left:32px;position:relative}.today-timeline__body:before{content:"";background:#d7e4d5;width:1px;position:absolute;top:10px;bottom:10px;left:14px}.today-dot{background:var(--paper);border:2px solid #6fa568;border-radius:50%;width:10px;height:10px;position:absolute;top:20px;left:-23px}.today-dot.is-charge{background:var(--paper);border:2px solid #6fa568;width:10px;height:10px;top:20px;left:-23px}.today-dot.is-stationary{border-color:#b48642}.segment-card,.stationary-card,.charge-card{background:var(--paper);border:1px solid #e4e8e3;border-radius:13px;position:relative;box-shadow:0 3px 12px #173d1309}.segment-card{margin-bottom:12px;padding:12px 14px}.stationary-card,.charge-card{margin-bottom:10px}.segment-card__head{align-items:baseline;gap:10px;min-width:0;display:flex}.segment-card__index{color:var(--green);font-family:var(--data-font);font-variant-numeric:tabular-nums;flex:none;font-size:1.2rem;font-weight:600;line-height:1}.segment-card__head h3{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.98rem;font-weight:600;overflow:hidden}.segment-card__time{margin-top:7px}.segment-card__time>span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.76rem}.segment-card__time i{margin:0 6px;font-style:normal}.segment-card__metrics{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px;display:grid}.segment-card__metrics>div{text-align:center;min-width:0;padding:6px 3px;position:relative}.segment-card__metrics>div+div:before{content:"";background:var(--line);width:1px;position:absolute;top:22%;bottom:22%;left:0}.segment-card__metrics small{color:var(--muted);margin-bottom:4px;font-size:.7rem;display:block}.segment-card__metrics strong{max-width:100%;color:var(--text);font-family:var(--data-font);font-variant-numeric:tabular-nums;white-space:nowrap;justify-content:center;align-items:baseline;gap:3px;font-weight:600;display:inline-flex}.segment-card__metrics strong span{font-size:1rem}.segment-card__metrics strong em{color:var(--muted);font-size:.58rem;font-style:normal;font-weight:450}.segment-card__soc{color:var(--muted);margin:6px 0 0;font-size:.74rem}.segment-card__footer{border-top:1px solid var(--line);margin:8px -14px -12px}.segment-card__footer button{width:100%;min-height:30px;color:var(--green);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;font-size:.74rem;font-weight:600;display:flex}.segment-card__footer button span{font-size:.9rem;line-height:1}.segment-card__detail{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.segment-card__meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;display:grid}.segment-card__meta-grid>div{min-width:0}.segment-card__meta-grid small{color:var(--muted);margin-bottom:4px;font-size:.78rem;display:block}.segment-card__meta-grid strong{color:var(--text);font-family:var(--data-font);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.98rem;font-weight:600;display:block}.segment-card__tags{flex-wrap:wrap;gap:8px;margin:14px 0 0;display:flex}.segment-card__tags span{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:.75rem}.segment-card__note{color:var(--muted);margin:12px 0 0;font-size:.8rem;line-height:1.55}.segment-card__analysis{color:var(--text);background:#f3f7f1;border-radius:10px;margin:14px 0 0;padding:12px 14px;font-size:.82rem;line-height:1.6}.segment-card__actions{gap:18px;margin-top:14px;display:flex}.segment-card__actions button{color:var(--green);cursor:pointer;background:0 0;border:0;padding:0;font-size:.8rem;font-weight:600}.stationary-card__icon,.charge-card__icon{width:26px;height:26px;color:var(--green);background:#eef4eb;border-radius:50%;place-items:center;display:grid}.stationary-card__body,.charge-card__body{min-width:0}.stationary-card__head h3,.charge-card__head h3{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.92rem;font-weight:600;overflow:hidden}.stationary-card__body p,.charge-card__body p{color:var(--muted);margin:3px 0 0;font-size:.72rem}.stationary-card{grid-template-columns:26px minmax(0,1fr);align-items:center;gap:10px;min-height:82px;padding:10px 12px;display:grid}.stationary-card__icon{color:var(--brass);background:#faf4e8}.stationary-card__head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.stationary-card__head>div{min-width:0}.stationary-card__head>div>span{color:var(--brass);margin-top:2px;font-size:.64rem;display:block}.stationary-card__head>strong{color:var(--green);font-family:var(--data-font);flex:none;font-size:.98rem;font-weight:650}.stationary-card__head>strong small{color:var(--muted);margin-left:3px;font-size:.56rem;font-weight:450}.stationary-card__actions{gap:14px;margin-top:7px;display:flex}.stationary-card__actions button{color:var(--green);cursor:pointer;background:0 0;border:0;padding:0;font-size:.68rem;font-weight:600}.stationary-card__actions button.is-danger{color:var(--danger)}.charge-card{grid-template-columns:26px minmax(0,1fr);align-items:start;gap:10px;min-height:96px;padding:10px 12px;display:grid}.charge-card__icon{margin-top:2px}.charge-card__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.charge-card__head strong{color:var(--brass);font-family:var(--data-font);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-size:.95rem;font-weight:650}.charge-card__aux{align-items:center;gap:4px;display:flex;color:var(--brass)!important}.charge-card__fees{color:var(--brass)!important}.empty-journey{border:1px solid var(--line);width:100%;min-height:150px;color:var(--green);background:#fafbf9;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.empty-journey strong{font-size:.9rem;font-weight:650}.empty-journey span{color:var(--muted);font-size:.75rem}.trip-view{background:#f8faf7}.trip-page,.analysis-page{flex-direction:column;gap:22px;padding:24px 20px 40px;display:flex}.trip-heading h1,.analysis-heading h1{color:var(--text);letter-spacing:-.01em;margin:0;font-size:24px;font-weight:600}.trip-heading p,.analysis-heading p{color:var(--muted);margin:7px 0 0;font-size:15px}.trip-heading__status.is-active{color:var(--green);font-weight:600}.trip-heading__status.is-archived{color:var(--muted)}.trip-summary-card,.analysis-summary-card-grid{background:var(--paper);border:1px solid #dde4dd;border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));padding:22px 10px;display:grid}.trip-summary-card__cell,.analysis-summary-cell{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-width:0;padding:0 10px;display:flex;position:relative}.trip-summary-card__cell:nth-child(2n):before,.analysis-summary-cell:nth-child(2n):before{content:"";background:var(--line);width:1px;position:absolute;top:18%;bottom:18%;left:0}.trip-summary-card__cell:nth-child(-n+2):after,.analysis-summary-cell:nth-child(-n+4):after{content:"";background:var(--line);height:1px;position:absolute;bottom:0;left:14%;right:14%}.trip-summary-card__cell strong,.analysis-summary-cell strong{font-family:var(--data-font);letter-spacing:-.01em;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--text);align-items:baseline;font-size:1.45rem;font-weight:600;display:inline-flex}.trip-summary-card__cell strong small,.analysis-summary-cell strong small{color:var(--muted);margin-left:4px;font-size:.68rem;font-weight:500}.trip-summary-card__cell>span,.analysis-summary-cell>span{color:var(--muted);font-size:.78rem}.trip-summary-card__cell.is-cost strong,.analysis-summary-cell.is-cost strong{color:var(--brass)}.trip-summary-card__energy{margin:20px -10px -22px}.daily-trip-list__title{color:var(--text);margin:0 0 14px;font-size:1.05rem;font-weight:700}.daily-trip-list__items{flex-direction:column;gap:14px;display:flex}.daily-trip-card{background:var(--paper);text-align:left;cursor:pointer;border:1px solid #dde4dd;border-radius:16px;flex-direction:column;gap:7px;width:100%;min-height:120px;padding:14px 18px;transition:background .15s;display:flex}.daily-trip-card:active{background:#f3f8f1}.daily-trip-card__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.daily-trip-card__title{color:var(--text);font-size:1.15rem;font-weight:600}.daily-trip-card__title small{color:var(--muted);margin-left:6px;font-size:.82rem;font-weight:400}.daily-trip-card__arrow{color:var(--muted);font-size:1.4rem;line-height:1}.daily-trip-card__route{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;font-weight:500;overflow:hidden}.daily-trip-card__main{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.daily-trip-card__main strong{color:var(--green);font-family:var(--data-font);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.25rem;font-weight:600}.daily-trip-card__main>span{color:var(--muted);white-space:nowrap;font-size:.82rem}.daily-trip-card__meta{color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;font-size:.8rem;display:flex}.daily-trip-card__meta .is-cost{color:var(--brass);font-weight:600}.daily-trip-card__stationary{color:var(--green);font-size:.72rem;font-weight:550}.day-detail-view{background:#f8faf7}.day-detail-topbar{min-height:52px;padding:calc(8px + env(safe-area-inset-top,0px)) 20px 8px;background:var(--paper);border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.day-detail-topbar__back{min-height:44px;color:var(--green);cursor:pointer;background:0 0;border:0;justify-self:start;align-items:center;gap:5px;padding:0;font-size:.9rem;font-weight:600;display:inline-flex}.day-detail-topbar__back svg{color:var(--green)}.day-detail-topbar__status{justify-self:end}.day-detail-page{gap:20px;padding:24px 20px 40px}.day-detail-heading h1{color:var(--text);letter-spacing:-.01em;margin:0;font-size:24px;font-weight:600}.day-detail-heading p{color:var(--muted);margin:7px 0 0;font-size:15px}.segment-card__actions button.is-danger{color:var(--danger)}.driver-initial{background:var(--green-faint);width:36px;height:36px;color:var(--green);font-family:var(--display);border-radius:50%;flex:none;place-items:center;font-size:1rem;display:inline-grid}.segment-entry__copy{min-width:0}.segment-entry__copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.87rem;display:block;overflow:hidden}.segment-entry__copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:6px;font-size:.75rem;display:block;overflow:hidden}.segment-entry__header>svg{color:var(--muted);transition:transform .18s}.segment-entry__dist{font-family:var(--data-font);color:var(--green);white-space:nowrap;font-size:1.05rem}.segment-metric-ledger{margin:0 0 13px}.segment-delete{color:var(--danger);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin:0 0 16px;padding:8px 0;font-size:.75rem;display:inline-flex}.simple-record-row{border-top:1px solid var(--line);grid-template-columns:34px minmax(0,1fr) 42px;align-items:center;gap:10px;min-height:82px;display:grid}.simple-record-row>span{color:var(--green)}.simple-record-row small{color:var(--muted);font-size:.75rem}.simple-record-row h2{text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:.85rem;overflow:hidden}.simple-record-row p{color:var(--muted);margin:5px 0 0;font-size:.75rem}.section-heading{justify-content:space-between;align-items:baseline;gap:12px;min-height:28px;display:flex}.section-heading h2{font-family:var(--display);margin:0;font-size:1.35rem;font-weight:500}.section-heading>span{color:var(--muted);font-size:.75rem}.section-heading>button{min-height:44px;color:var(--green);cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:.75rem;font-weight:650}.history-toggle{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;min-height:54px;padding:0;display:flex}.history-toggle>span{align-items:center;gap:12px;display:flex}.history-toggle>span>svg{color:var(--green)}.history-toggle strong{font-size:.84rem;display:block}.history-toggle small{color:var(--muted);margin-top:4px;font-size:.75rem;display:block}.history-toggle>svg{color:var(--muted);transition:transform .18s}.version-list{border-top:1px solid var(--line);margin-top:13px}.version-list button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;width:100%;min-height:61px;padding:10px 0;display:flex}.version-list strong{font-size:.75rem;display:block}.version-list small{color:var(--muted);margin-top:4px;font-size:.75rem;display:block}.version-list button>span:last-child{color:var(--green);font-size:.75rem;font-weight:650}.settings-export-grid{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:0;margin:14px 0;display:grid;overflow:hidden}.settings-export-grid button{border:0;border-right:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;flex-direction:column;align-items:center;gap:6px;padding:14px 0;font-size:.75rem;display:flex}.settings-export-grid button:last-child{border-right:0}.settings-export-grid button svg{color:var(--green)}.settings-view{background:var(--surface)}.settings-topbar{grid-template-columns:1fr auto 1fr;display:grid}.settings-section-v2{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:12px}.settings-section-v2:first-of-type{margin-top:0}.settings-section-v2__heading{padding:25px 22px 16px}.settings-section-v2__heading h2{font-family:var(--display);margin:0;font-size:1.35rem;font-weight:500}.settings-section-v2__heading p{color:var(--muted);margin:7px 0 0;font-size:.75rem;line-height:1.5}.settings-section-v2__body{padding:0 22px 25px}.trip-list{border-top:1px solid var(--line)}.trip-list__group-label{color:var(--muted);letter-spacing:.06em;margin:0;padding:13px 0 5px;font-size:.75rem}.trip-list__item{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;min-height:64px;padding:14px 0;display:flex}.trip-list__item.is-active .trip-list__info strong{color:var(--green)}.trip-list__info strong{font-size:.88rem;display:block}.trip-list__info small{color:var(--muted);margin-top:4px;font-size:.75rem;display:block}.trip-list__actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.trip-list__empty{color:var(--muted);margin:0;padding:14px 0;font-size:.75rem}.trip-list__status{color:var(--muted);flex-shrink:0;font-size:.75rem}.driver-editor-list{border-top:1px solid var(--line)}.driver-editor-row{border-bottom:1px solid var(--line);grid-template-columns:38px minmax(0,1fr) minmax(102px,.72fr) 40px;align-items:center;gap:10px;min-height:67px;display:grid}.driver-editor-row input,.driver-editor-row select{width:100%;min-height:42px;color:var(--text);background:0 0;border:0;padding:8px 3px;font-size:.82rem}.driver-editor-row select{color:var(--green);text-align:right}.add-driver-button{border:0;border-bottom:1px solid var(--line);width:100%;min-height:49px;color:var(--green);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;padding:0;font-size:.77rem;font-weight:650;display:flex}.settings-field-v2,.setting-status-row{border-top:1px solid var(--line);grid-template-columns:102px minmax(0,1fr);align-items:center;gap:10px;min-height:58px;display:grid}.settings-field-v2>span,.setting-status-row>span,.settings-date-row>span{color:var(--muted);font-size:.75rem}.settings-field-v2>input,.settings-field-v2>.unit-input{width:100%}.settings-field-v2 input{min-width:0;min-height:48px;color:var(--text);text-align:right;background:0 0;border:0;padding:10px 0;font-size:.82rem}.setting-status-row strong{text-align:right;font-size:.75rem;font-weight:600}.setting-status-row strong.is-online{color:var(--green)}.setting-status-row strong.is-offline{color:var(--brass)}.settings-date-row{border-top:1px solid var(--line);min-height:90px;padding:13px 0}.settings-date-row>div{grid-template-columns:1fr auto 1fr;align-items:center;gap:7px;margin-top:8px;display:grid}.settings-date-row input{background:0 0;border:0;width:100%;min-height:44px;padding:6px 0;font-size:.75rem}.settings-date-row b{color:var(--muted);font-weight:400}.settings-date-row small{color:var(--muted);margin-top:3px;font-size:.75rem;display:block}.settings-actions{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:9px;padding-top:15px;display:grid}.settings-list-actions{border-top:1px solid var(--line)}.settings-list-actions button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:25px minmax(0,1fr) 18px;align-items:center;gap:9px;width:100%;min-height:52px;padding:0;font-size:.75rem;display:grid}.settings-list-actions button>svg:first-child{color:var(--green)}.settings-list-actions button>svg:last-child{color:var(--muted)}.settings-list-actions button.is-danger,.settings-list-actions button.is-danger>svg:first-child{color:var(--danger)}.settings-footer{color:var(--muted);text-align:center;padding:25px 22px 105px;font-size:.75rem}.button{border:1px solid var(--green);min-height:46px;color:var(--green);cursor:pointer;background:0 0;border-radius:2px;justify-content:center;align-items:center;gap:7px;padding:0 17px;font-size:.77rem;font-weight:650;display:inline-flex}.button--primary{background:var(--green);color:var(--paper)}.button--secondary{border-color:var(--line-strong);color:var(--text)}.button--wide{width:100%;min-height:52px}.button--text{color:var(--muted);border-color:#0000}.unit-input{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-width:0;display:grid}.unit-input span{color:var(--muted);font-size:.75rem}.sheet-open{overflow:hidden}.sheet-layer{z-index:80;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f1f0e7a;border:0;position:absolute;inset:0}.record-sheet{z-index:1;overscroll-behavior:contain;background:var(--paper);border-radius:22px 22px 0 0;width:min(100%,680px);max-height:min(91vh,920px);position:relative;overflow:auto;box-shadow:0 -18px 50px #0f1f0e2e}.sheet-handle{background:var(--line-strong);border-radius:3px;width:38px;height:3px;margin:10px auto 2px}.record-sheet__header{justify-content:space-between;align-items:center;min-height:58px;padding:6px 22px;display:flex}.record-sheet__header h2{font-family:var(--display);margin:0;font-size:1.55rem;font-weight:500}.mode-switch{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:0 22px;display:grid}.mode-switch button{border:0;border-right:1px solid var(--line);min-height:57px;color:var(--muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:7px;padding:7px 4px;font-size:.75rem;display:flex;position:relative}.mode-switch button:last-child{border-right:0}.mode-switch button.is-active{color:var(--green);font-weight:650}.mode-switch button.is-active:after{content:"";background:var(--green);height:2px;position:absolute;bottom:-1px;left:22%;right:22%}.record-form{padding:22px 22px calc(24px + var(--safe-bottom))}.driver-selector{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;margin:0 0 19px;padding:0;display:grid}.driver-selector legend{width:100%;color:var(--muted);margin-bottom:10px;font-size:.75rem}.driver-selector button{border:1px solid var(--line-strong);background:var(--paper);min-width:0;min-height:52px;color:var(--muted);text-align:left;cursor:pointer;border-radius:2px;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:8px;padding:6px 10px;font-size:.75rem;display:grid}.driver-selector button.is-active{border-color:var(--green);color:var(--green);background:var(--green-faint)}.driver-selector button:not(.is-active){grid-template-columns:34px minmax(0,1fr)}.driver-selector button>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.driver-selector p{border:1px solid var(--line);color:var(--muted);grid-column:1/-1;margin:0;padding:18px;font-size:.75rem}.form-field{min-width:0;margin-bottom:16px;display:block}.form-field>span{color:var(--muted);margin-bottom:7px;font-size:.75rem;display:block}.form-field>input,.form-field>textarea,.form-field>select,.form-field>.unit-input{border:0;border-bottom:1px solid var(--line-strong);background:0 0;width:100%;min-width:0;min-height:48px}.form-field input,.form-field textarea,.form-field select{width:100%;min-width:0;color:var(--text);background:0 0;border:0;padding:10px 1px;font-size:1rem}.form-field select{padding-right:4px}.form-field textarea{resize:vertical;min-height:64px}.form-field input::placeholder,.form-field textarea::placeholder{color:#a9b0aa}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;min-width:0;display:grid}.charge-form-group{border:1px solid var(--line);background:#fafbf9;border-radius:11px;margin:2px 0 16px;padding:12px 13px 2px}.charge-form-group__heading{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:11px;display:flex}.charge-form-group__heading strong{color:var(--text);font-size:.78rem;font-weight:650}.charge-form-group__heading small{color:var(--muted);text-align:right;font-size:.64rem}.charge-form-group .form-field{margin-bottom:10px}.form-six-metric-ledger{background:var(--green-faint);margin:10px 0 22px}.soc-gap-prompt{background:var(--green-faint);width:100%;color:var(--green);text-align:left;cursor:pointer;border:1px solid #d7e4d4;border-radius:10px;grid-template-columns:22px minmax(0,1fr) 18px;align-items:center;gap:9px;margin:0 0 18px;padding:12px 13px;display:grid}.soc-gap-prompt strong{font-size:.76rem;display:block}.soc-gap-prompt small{color:var(--muted);margin-top:4px;font-size:.66rem;line-height:1.45;display:block}.check-field{border-top:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:10px;margin:2px 0 18px;padding:12px 0;display:grid}.check-field input{width:18px;height:18px;accent-color:var(--green);margin:1px 0 0}.check-field strong{color:var(--text);font-size:.76rem;display:block}.check-field small{color:var(--muted);margin-top:4px;font-size:.67rem;line-height:1.45;display:block}.stationary-live{background:#f7faf6;border:1px solid #dce6d9;border-radius:10px;margin:4px 0 20px;padding:13px 14px}.stationary-live>span{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.stationary-live small{color:var(--muted);font-size:.72rem}.stationary-live strong{color:var(--green);font-family:var(--data-font);font-size:1.35rem}.stationary-live em{color:var(--muted);margin-left:3px;font-size:.68rem;font-style:normal}.stationary-live p{color:var(--muted);margin:7px 0 0;font-size:.67rem;line-height:1.5}.live-calculation{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:8px 0 22px;display:grid}.live-calculation>div{border-right:1px solid var(--line);min-width:0;padding:17px 9px 14px}.live-calculation>div:last-child{border-right:0}.live-calculation strong{font-family:var(--data-font);font-variant-numeric:tabular-nums;font-size:1.35rem;font-weight:500}.live-calculation span{color:var(--muted);margin-left:3px;font-size:.75rem}.live-calculation small{color:var(--muted);margin-top:8px;font-size:.75rem;display:block}.live-calculation--four{grid-template-columns:repeat(4,1fr)}.live-calculation--four strong{font-size:1.15rem}.live-calculation--charge{grid-template-columns:repeat(2,1fr)}.live-calculation--charge>div:nth-child(2n){border-right:0}.live-calculation--charge>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.live-calculation--charge strong{font-size:1.15rem}.record-form__footer{text-align:center;margin-top:4px}.record-form__footer .button--text{margin-top:5px}.record-form__footer p{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin:4px 0 0;font-size:.75rem;display:flex}.drive-phase{margin-bottom:4px}.phase-toggle{border:1px solid var(--line);border-radius:8px;align-items:center;gap:0;margin-bottom:18px;display:flex;overflow:hidden}.phase-toggle button{border:0;border-right:1px solid var(--line);min-height:44px;color:var(--muted);cursor:pointer;background:0 0;flex:1;padding:10px 0;font-size:.78rem}.phase-toggle button.is-active{background:var(--green-faint);color:var(--green);font-weight:650}.phase-toggle__full{align-items:center;gap:5px;min-height:44px;display:flex;border-right:0!important;flex:none!important;padding:10px 12px!important;font-size:.75rem!important}.phase-toggle__full svg{color:var(--muted)}.phase-back{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin:16px 0 4px;padding:0;font-size:.75rem;display:flex}.is-back{transform:rotate(180deg)}.form-warnings{margin:14px 0 4px}.form-warnings p{border-left:3px solid var(--brass);color:#8a6320;background:#fdf6e9;align-items:center;gap:7px;margin:0 0 6px;padding:9px 12px;font-size:.75rem;display:flex}.form-warnings svg{color:var(--brass);flex:none}.record-form__footer--sticky{padding:12px 0 calc(8px + var(--safe-bottom));background:var(--paper);border-top:1px solid var(--line);margin-top:10px;position:sticky;bottom:0}.record-form__hint{color:var(--muted);justify-content:center;align-items:center;gap:5px;margin:4px 0 0;font-size:.75rem;display:flex}.toast{z-index:110;left:50%;bottom:calc(91px + var(--safe-bottom));background:var(--green-deep);max-width:calc(100% - 42px);color:var(--paper);text-align:center;border:1px solid #ffffff29;border-radius:2px;padding:12px 17px;font-size:.75rem;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px #173d1338}.analysis-view{background:#f8faf7}.analysis-heading__row{align-items:center;gap:12px;display:flex}.analysis-heading__tag{background:var(--green-faint);color:var(--green);white-space:nowrap;border:1px solid #cfe0cb;border-radius:999px;padding:7px 14px;font-size:.85rem;font-weight:600;line-height:1}.analysis-chart-card{background:var(--paper);border:1px solid #dde4dd;border-radius:16px;padding:16px}.analysis-chart-card h2{color:var(--text);margin:0 0 16px;font-size:1.05rem;font-weight:600}.chart-empty{color:var(--muted);text-align:center;padding:44px 0;font-size:.85rem}.chart-axis-label{fill:var(--muted);font-size:10px}.mileage-chart__svg{width:100%;height:auto;display:block}.chart-grid-light{stroke:#e7ece4;stroke-width:1px}.mileage-chart__line{fill:none;stroke:var(--green);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.mileage-chart__node{fill:var(--paper);stroke:var(--green);stroke-width:2px}.energy-chart__scroll{overflow-x:auto}.energy-chart__legend{color:var(--muted);justify-content:flex-end;gap:14px;margin:-4px 0 12px;font-size:.68rem;display:flex}.energy-chart__legend span{align-items:center;gap:5px;display:inline-flex}.energy-chart__legend i{border-radius:2px;width:8px;height:8px}.energy-chart__legend i.is-drive{background:var(--green)}.energy-chart__legend i.is-total{background:#a4ba9f}.energy-chart__bars{align-items:flex-end;gap:10px;padding:0 2px 2px;display:flex}.energy-chart__col{flex-direction:column;flex:0 0 64px;align-items:center;gap:6px;width:64px;display:flex}.energy-chart__value{color:var(--text);font-family:var(--data-font);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.78rem}.energy-chart__bar-wrap{align-items:flex-end;gap:4px;height:150px;display:flex}.energy-chart__bar{border-radius:4px 4px 0 0;width:22px;display:block}.energy-chart__bar.is-drive{background:var(--green)}.energy-chart__bar.is-total{background:#a4ba9f}.energy-chart__label{color:var(--muted);white-space:nowrap;font-size:.72rem}.energy-chart__stationary{min-height:14px;color:var(--brass);white-space:nowrap;font-size:.6rem}.charge-cost-chart__rows{flex-direction:column;gap:14px;display:flex}.charge-cost-chart__row{grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.charge-cost-chart__label{color:var(--muted);white-space:nowrap;font-size:.85rem}.charge-cost-chart__track{background:var(--green-faint);border-radius:5px;height:10px;overflow:hidden}.charge-cost-chart__fill{background:var(--green);border-radius:5px;height:100%;display:block}.charge-cost-chart__cost{color:var(--brass);font-family:var(--data-font);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.9rem;font-weight:600}.charge-cost-chart__total{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-top:18px;padding-top:14px;display:flex}.charge-cost-chart__total span{color:var(--muted);font-size:.9rem}.charge-cost-chart__total strong{color:var(--brass);font-family:var(--data-font);font-variant-numeric:tabular-nums;font-size:1.2rem;font-weight:600}@media (max-width:430px){.editorial-topbar,.today-intro{padding-left:18px;padding-right:18px}.six-metric-ledger__item{padding-left:10px;padding-right:10px}.six-metric-ledger__value strong{font-size:clamp(1.2rem,5.2vw,1.45rem)}.six-metric-ledger__value span{font-size:.75rem}.trip-ended-card{margin-left:18px;margin-right:18px}.settings-section-v2__heading,.settings-section-v2__body{padding-left:18px;padding-right:18px}.driver-editor-row{grid-template-columns:35px minmax(0,1fr) minmax(94px,.85fr) 36px;gap:7px}.driver-editor-row .driver-initial{width:33px;height:33px}.record-sheet__header,.record-form{padding-left:18px;padding-right:18px}.mode-switch{margin-left:18px;margin-right:18px}}@media (min-width:681px){.bottom-nav{border-right:1px solid var(--line);border-left:1px solid var(--line)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}:root{--canvas:#f7f9f6;--surface-subtle:#f2f6f0;--cost:#916728;--radius-card:16px;--radius-row:12px;--space-page:20px;--space-section:24px}.trip-view,.analysis-view,.day-detail-view,.segment-detail-view,.settings-view{background:var(--canvas)}.trip-page,.analysis-page{gap:var(--space-section)}.button{border-radius:11px}.button--danger{color:var(--danger);border-color:#d9b8b4}.toast{border-radius:12px}.bottom-nav__item{border-radius:15px;margin:2px 4px}.bottom-nav__item.is-active{background:var(--green-faint)}.detail-header{min-height:54px;padding:calc(7px + env(safe-area-inset-top,0px)) var(--space-page) 7px;border-bottom:1px solid var(--line);background:#fffffff7;grid-template-columns:minmax(78px,1fr) auto minmax(78px,1fr);align-items:center;display:grid}.detail-header>strong{text-align:center;font-size:.88rem;font-weight:650}.detail-header__back,.detail-header__action{min-height:44px;color:var(--green);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:.8rem;font-weight:650;display:inline-flex}.detail-header__back{justify-self:start}.detail-header__action,.detail-header__state{justify-self:end}.detail-header__state{background:var(--surface-subtle);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:.7rem}.metric-grid{border-radius:var(--radius-card);background:var(--paper);border:1px solid #dce3da;display:grid;overflow:hidden}.metric-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-cell{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:94px;padding:17px 10px 15px;display:flex}.metric-grid--2 .metric-cell:nth-child(odd),.metric-grid--3 .metric-cell:not(:nth-child(3n)){border-right:1px solid var(--line)}.metric-grid--2 .metric-cell:nth-child(-n+2),.metric-grid--3 .metric-cell:nth-child(-n+3){border-bottom:1px solid var(--line)}.metric-cell>strong{max-width:100%;color:var(--text);font-family:var(--data-font);font-variant-numeric:tabular-nums;letter-spacing:-.025em;white-space:nowrap;justify-content:center;align-items:baseline;font-size:clamp(1.25rem,5vw,1.55rem);font-weight:650;line-height:1;display:inline-flex}.metric-cell>strong.is-compact{font-size:clamp(1.05rem,4.2vw,1.3rem)}.metric-cell>strong small{color:var(--muted);letter-spacing:0;margin-left:4px;font-size:.62rem;font-weight:500}.metric-cell>span{color:var(--muted);font-size:.72rem;line-height:1.3}.metric-cell.is-cost>strong{color:var(--cost)}.trip-overview{flex-direction:column;gap:12px;display:flex}.trip-summary-card.metric-grid,.analysis-summary-card-grid.metric-grid{padding:0}.trip-performance-card{border-radius:var(--radius-card);background:var(--paper);border:1px solid #dce3da;overflow:hidden}.card-heading,.section-title-row{justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:0 16px;display:flex}.card-heading h2,.section-title-row h2{margin:0;font-size:.95rem;font-weight:650}.card-heading span,.section-title-row span{color:var(--muted);font-size:.72rem}.trip-performance-grid.metric-grid{border:0;border-top:1px solid var(--line);border-radius:0}.trip-performance-grid .metric-cell{min-height:82px;padding:14px 7px 12px}.trip-performance-grid .metric-cell>strong{font-size:1.08rem}.trip-performance-grid .metric-cell>strong small{font-size:.52rem}.trip-performance-grid .metric-cell>span{font-size:.65rem}.analysis-summary-card-grid .metric-cell{min-height:96px}.analysis-summary-card-grid .metric-cell>strong{font-size:1.45rem}.day-history-page,.segment-detail-page,.settings-home-page,.settings-detail-page{padding:22px var(--space-page) 40px}.day-history-page,.segment-detail-page{flex-direction:column;gap:18px;display:flex}.day-history-heading>span,.segment-detail-heading>span{color:var(--green);letter-spacing:.06em;font-size:.7rem;font-weight:700}.day-history-heading h1,.segment-detail-heading h1{letter-spacing:-.02em;margin:6px 0 0;font-size:1.55rem;line-height:1.22}.day-history-heading p,.segment-detail-heading p{color:var(--muted);margin:7px 0 0;font-size:.8rem;line-height:1.45}.day-history-summary .metric-cell{min-height:82px;padding:14px 6px 12px}.day-history-summary .metric-cell>strong{font-size:1.06rem}.day-history-summary .metric-cell>strong.is-compact{font-size:.92rem}.day-history-summary .metric-cell>strong small{font-size:.5rem}.day-history-summary .metric-cell>span{font-size:.64rem}.day-energy-strip{border:1px solid var(--line);border-radius:var(--radius-row);background:var(--paper);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:hidden}.day-energy-strip>div{text-align:center;min-width:0;padding:12px 7px}.day-energy-strip>div+div{border-left:1px solid var(--line)}.day-energy-strip span{color:var(--muted);font-size:.65rem;display:block}.day-energy-strip strong{color:var(--green);font-variant-numeric:tabular-nums;margin-top:5px;font-size:.9rem;display:block}.day-energy-strip strong.is-cost{color:var(--cost)}.day-energy-strip small{color:var(--muted);margin-left:3px;font-size:.52rem;font-weight:500}.historical-timeline{margin-top:2px}.historical-timeline .section-title-row{padding:0 2px}.historical-timeline__body{padding-left:28px;position:relative}.historical-timeline__body:before{content:"";background:#d7e4d5;width:1px;position:absolute;top:10px;bottom:10px;left:12px}.historical-timeline .today-dot{left:-21px}.history-empty,.record-not-found,.settings-empty{color:var(--muted);text-align:center;margin:0;padding:44px 16px;font-size:.82rem}.segment-card:not(.is-expanded) .segment-card__metrics{display:none}.segment-card:not(.is-expanded) .segment-card__soc{margin-top:9px}.segment-card__footer button{min-height:40px}.segment-card__footer svg{transition:transform .16s}.segment-card__footer svg.is-rotated-up{transform:rotate(-90deg)}.segment-card--history{padding:12px 14px 10px}.segment-card--history .segment-card__footer{margin-top:10px;margin-bottom:-10px}.segment-card--history .segment-card__footer button{justify-content:flex-end;padding-right:10px}.segment-primary-metrics .metric-cell{min-height:88px;padding:15px 7px 13px}.segment-primary-metrics .metric-cell>strong{font-size:1.12rem}.segment-primary-metrics .metric-cell>strong small{font-size:.52rem}.record-detail-section{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper);overflow:hidden}.record-detail-section h2{margin:0;padding:15px 16px 12px;font-size:.9rem;font-weight:650}.record-detail-section>div{padding:0 16px}.record-detail-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:48px;display:flex}.record-detail-row span{color:var(--muted);font-size:.75rem}.record-detail-row strong{color:var(--text);text-align:right;font-size:.78rem;font-weight:550}.record-detail-row strong.is-strong{color:var(--green);font-weight:700}.segment-conclusion,.record-note{border-radius:var(--radius-row);background:var(--green-faint);padding:15px 16px}.segment-conclusion span,.record-note span{color:var(--green);font-size:.7rem;font-weight:700}.segment-conclusion p,.record-note p{margin:7px 0 0;font-size:.8rem;line-height:1.6}.segment-detail-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.energy-chart__head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.energy-chart__head>span{color:var(--muted);font-size:.65rem}.energy-chart__legend{margin:0}.energy-chart__legend i.is-parked{background:#c69b59}.energy-chart__bars{border-bottom:1px solid var(--line);justify-content:space-around;gap:8px;min-height:196px}.energy-chart__col{flex:1 1 0;gap:5px;width:auto;min-width:56px}.energy-chart__stack{flex-direction:column;justify-content:flex-end;height:140px;display:flex}.energy-chart__bar{border-radius:4px 4px 0 0;width:30px}.energy-chart__bar.is-parked{background:#c69b59;border-radius:4px 4px 0 0}.energy-chart__bar.is-drive{background:var(--green);border-radius:0}.energy-chart__stationary{min-height:13px;font-size:.56rem}.energy-chart__note{color:var(--muted);margin:12px 0 0;font-size:.66rem;line-height:1.5}.settings-home-page{min-height:calc(100vh - 54px)}.settings-home-heading h1{margin:0;font-size:1.55rem;font-weight:650}.settings-home-heading p{color:var(--muted);margin:7px 0 0;font-size:.8rem}.settings-menu{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper);margin-top:22px;overflow:hidden}.settings-menu button,.record-type-picker button{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:10px;width:100%;min-height:68px;padding:11px 14px;display:grid}.settings-menu button:last-child,.record-type-picker button:last-child{border-bottom:0}.settings-menu__icon,.record-type-picker__icon{background:var(--green-faint);width:38px;height:38px;color:var(--green);border-radius:11px;place-items:center;display:grid}.settings-menu button>span:nth-child(2) strong,.record-type-picker button>span:nth-child(2) strong{font-size:.84rem;font-weight:650;display:block}.settings-menu button>span:nth-child(2) small,.record-type-picker button>span:nth-child(2) small{color:var(--muted);margin-top:4px;font-size:.7rem;display:block}.settings-menu button>svg,.record-type-picker button>svg{color:var(--muted)}.settings-detail-page{min-height:calc(100vh - 54px)}.settings-panel{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--paper);padding:0 16px 18px;overflow:hidden}.settings-panel__description{border-bottom:1px solid var(--line);color:var(--muted);margin:0 -16px 4px;padding:14px 16px;font-size:.72rem;line-height:1.5}.settings-primary-row{border:0;border-top:1px solid var(--line);width:100%;min-height:50px;color:var(--green);background:0 0;justify-content:center;align-items:center;gap:6px;font-size:.78rem;font-weight:650;display:flex}.trip-create-form{border-top:1px solid var(--line);padding:16px 0 2px}.trip-create-form__heading{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.trip-create-form__heading label{color:var(--text);font-size:.78rem;font-weight:650}.trip-name-input{width:100%;min-width:0;position:relative}.trip-name-input input{border:1px solid var(--line-strong);background:var(--surface);width:100%;height:46px;color:var(--text);border-radius:11px;outline:0;padding:0 50px 0 12px;font-size:.9rem}.trip-name-input input:focus{border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb, var(--green) 10%, transparent)}.trip-name-input input[aria-invalid=true]{border-color:var(--danger)}.trip-name-input__count{color:var(--muted);font-variant-numeric:tabular-nums;pointer-events:none;font-size:.65rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.trip-create-form__help,.trip-create-form__error{min-height:18px;color:var(--muted);margin:6px 1px 9px;font-size:.68rem}.trip-create-form__error{color:var(--danger)}.trip-create-form__actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.trip-create-form__actions .button{min-height:44px}.trip-create-form__actions .button:disabled{opacity:.45;cursor:not-allowed}.settings-field-v2 .trip-name-input input{text-align:right;height:48px;box-shadow:none;background:0 0;border:0;padding-right:38px}.settings-field-v2 .trip-name-input__count{right:0}.trip-edit-sheet{max-height:min(70vh,440px)}.trip-edit-form{padding:8px 22px calc(24px + var(--safe-bottom))}.trip-edit-form>label{color:var(--text);margin-bottom:9px;font-size:.78rem;font-weight:650;display:block}.trip-edit-form__help,.trip-edit-form__error{min-height:18px;color:var(--muted);margin:6px 1px 14px;font-size:.68rem}.trip-edit-form__error{color:var(--danger)}.trip-edit-form__actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.trip-edit-form__actions .button{min-height:46px}.trip-edit-form__actions .button:disabled{opacity:.45;cursor:not-allowed}.settings-field-v2>select{width:100%;min-height:48px;color:var(--green);text-align:right;background:0 0;border:0;font-size:.8rem}.settings-subheading{border-top:1px solid var(--line);color:var(--muted);margin:18px 0 0;padding:13px 0 8px;font-size:.7rem;font-weight:650}.settings-toggle{border-top:1px solid var(--line);justify-content:space-between;align-items:center;min-height:52px;font-size:.8rem;display:flex}.settings-toggle input{width:20px;height:20px;accent-color:var(--green)}.about-app{color:var(--muted);text-align:center;margin:20px 0 0;font-size:.7rem}.settings-detail-page .trip-list{border-top:0}.record-sheet{width:min(100%,480px)}.record-sheet__header h2{font-size:1.15rem;font-weight:650}.record-type-picker{padding:6px 22px 24px}.record-type-picker button{min-height:72px;padding-left:8px;padding-right:8px}.mode-switch{grid-template-columns:repeat(4,minmax(0,1fr))}.mode-switch button{flex-direction:column;gap:4px;min-width:0}.driver-selector button{border-radius:11px}.note-card{background:var(--paper);border:1px solid #e4e8e3;border-radius:13px;grid-template-columns:26px minmax(0,1fr);align-items:start;gap:10px;min-height:78px;margin-bottom:10px;padding:11px 12px;display:grid;position:relative}.today-dot.is-note{border-color:#829083}.note-card__icon{width:26px;height:26px;color:var(--muted);background:#f0f2ef;border-radius:50%;place-items:center;display:grid}.note-card__body h3{margin:1px 0 0;font-size:.9rem;font-weight:650}.note-card__body p{color:var(--muted);margin:4px 0 0;font-size:.72rem;line-height:1.45}.note-card__actions{gap:14px;margin-top:8px;display:flex}.note-card__actions button{color:var(--green);background:0 0;border:0;padding:0;font-size:.68rem;font-weight:650}.note-card__actions button.is-danger{color:var(--danger)}@media (max-width:360px){:root{--space-page:16px}.today-page{padding-left:16px;padding-right:16px}.metric-cell{padding-left:6px;padding-right:6px}.metric-cell>strong{font-size:1.16rem}.metric-cell>strong small{margin-left:3px;font-size:.5rem;display:block}.day-history-summary .metric-cell>strong,.trip-performance-grid .metric-cell>strong{font-size:.94rem}.mode-switch{margin-left:12px;margin-right:12px}.mode-switch button{font-size:.66rem}.record-form,.record-sheet__header,.record-type-picker{padding-left:16px;padding-right:16px}}