:root{--header-h: 72px;--bar-h: 100px;--text-min: 18px;--text-bar: 16px}.mark{width:34px;height:34px}.app-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--header-h);padding:env(safe-area-inset-top) 16px 0;background:linear-gradient(var(--surface-high),var(--surface));border-bottom:1px solid var(--line)}.app-brand{display:flex;align-items:center;gap:11px;min-height:48px}.app-brand .mark{width:40px;height:40px}.app-word{display:inline-flex;align-items:baseline;gap:7px}.app-name{font:700 26px/1 var(--font-heading);letter-spacing:-.5px}.app-version{font:italic 400 var(--text-min)/1 var(--font-body);color:var(--subtle)}.avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.profile-btn.has-photo{padding:3px}.app-actions{display:flex;align-items:center;gap:14px}.net-dot{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--surface);box-shadow:var(--inset-small)}.net-dot i{width:10px;height:10px;border-radius:50%;background:var(--subtle);transition:background var(--duration-soft) var(--ease)}.gps-dot[data-state=off] i{background:var(--danger);box-shadow:0 0 8px var(--danger);animation:net-pulse 1s ease-in-out infinite}.gps-dot[data-state=seeking] i{background:var(--warning);box-shadow:0 0 8px var(--warning);animation:net-pulse 1s ease-in-out infinite}.gps-dot[data-state=fix] i{background:var(--success);box-shadow:0 0 8px color-mix(in srgb,var(--success) 60%,transparent)}@media(prefers-reduced-motion:reduce){.gps-dot i{animation:none!important}}@keyframes net-pulse{50%{opacity:.35}}.profile-btn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,var(--surface-high),var(--surface));box-shadow:var(--raise-small);color:#fff;border:1px solid #ffffff05}:root[data-theme=light] .profile-btn,:root[data-theme=light] .profile-avatar{color:var(--ink)}.profile-btn:active{box-shadow:var(--inset-small)}.profile-btn svg{width:21px;height:21px}.bottom-bar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:space-around;align-items:center;gap:12px;min-height:var(--bar-h);padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:linear-gradient(var(--surface-high),var(--surface));border-top:1px solid var(--line)}.bottom-bar.drive{padding-top:14px}.bottom-bar .drive-nav-button{flex:1;max-width:140px}.screen{min-height:100dvh;padding-bottom:calc(var(--bar-h) + env(safe-area-inset-bottom))}.screen-main{height:100dvh;min-height:0;display:flex;flex-direction:column}.main-body{flex:1;min-height:0;display:flex;flex-direction:column;gap:22px;padding:16px 16px 20px}.map-card{position:relative;flex:1 1 auto;min-height:170px;padding:12px;display:flex}.map-card .route-map{flex:1;min-height:0;display:flex;flex-direction:column}:root{--track: #ffd21f}:root[data-theme=light]{--track: #e8b400}.livemap-host{position:relative;flex:1 1 0;min-height:0}.livemap{position:absolute;inset:0;overflow:hidden}.livemap-canvas{display:block;width:100%;height:100%}.livemap-wait{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted)}.livemap-bar{position:absolute;left:8px;right:8px;bottom:8px;display:flex;align-items:flex-end;justify-content:space-between;gap:8px;pointer-events:none}.livemap-bar>*{pointer-events:auto}.livemap-credit{padding:2px 8px;border-radius:8px;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--muted);font-size:var(--text-min);line-height:1.3}.livemap-zoom{display:flex;gap:8px}.livemap-zoom .icon-button{background:color-mix(in srgb,var(--surface-high) 92%,transparent);box-shadow:var(--raise-small);color:var(--ink)}.livemap-zoom .icon-button:active{box-shadow:var(--inset-small)}.livemap-zoom .icon-button:disabled{opacity:.4}.livemap-zoom svg{width:20px;height:20px}.live-map-card{flex:1 1 auto;min-height:180px}.live-map-card>.livemap{inset:12px;border-radius:15px;box-shadow:var(--inset-small)}.map-status{align-items:center;min-height:48px;padding:0 15px;color:var(--muted)}.map-status-left{flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:clip}.map-status-right{flex-shrink:0;white-space:nowrap}.map-status-link{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:48px;color:var(--ink)}.map-status-open{flex-shrink:0;color:var(--accent);font-weight:500}.mode-picker{position:relative;flex-shrink:0}.mode-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px) / 3);column-gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:6px;scrollbar-width:none;overscroll-behavior-x:contain;padding:10px 6px 14px;margin:-10px -6px -14px}.mode-track[data-count="1"]{grid-auto-columns:100%}.mode-track[data-count="2"]{grid-auto-columns:calc((100% - 12px)/2)}.mode-track::-webkit-scrollbar{display:none}.picker-arrow{position:absolute;top:0;bottom:0;width:44px;display:grid;place-items:center;color:var(--subtle);z-index:2}.picker-arrow svg{width:20px;height:20px;opacity:.55}.picker-arrow.prev{left:-16px;background:linear-gradient(90deg,var(--canvas) 35%,transparent)}.picker-arrow.next{right:-16px;background:linear-gradient(270deg,var(--canvas) 35%,transparent)}.mode-card{scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:100px;border-radius:14px;background:linear-gradient(145deg,var(--surface-high),var(--surface));box-shadow:var(--raise-small);font:600 var(--text-min) var(--font-heading);color:var(--ink);transition:box-shadow var(--duration-press) var(--ease)}.mode-card svg{width:30px;height:30px;color:var(--accent);stroke-width:1.4}.mode-card:active{box-shadow:var(--inset-small)}.picker-empty{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px}.page-body{display:grid;gap:20px;max-width:640px;margin:0 auto;padding:20px 16px 28px}.page-title h1{margin:4px 0 0;font:700 28px/1.15 var(--font-heading);letter-spacing:-.6px}.field-caption{display:block;font-size:10px;letter-spacing:.8px;text-transform:uppercase;color:var(--subtle);margin:18px 0 10px}.set-group h2{margin:0;font-size:18px;font-weight:600}.set-row{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:48px;margin-top:14px;font-size:14px}.set-note{margin:10px 0 0;font-size:12px;color:var(--muted);line-height:1.6}.set-group .button.full{margin-top:18px}.about p{margin:12px 0 0;font-size:14px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.card-head h2{margin:4px 0 0;font-size:20px;font-weight:600}.empty{display:grid;justify-items:center;text-align:center;gap:6px;padding:32px 24px}.empty>svg{width:34px;height:34px;color:var(--accent)}.empty h2{margin:8px 0 0;font-size:20px}.empty p{margin:0 0 14px;color:var(--muted);font-size:13px}.screen{display:flex;flex-direction:column}.screen>.page-body{flex:1 0 auto;width:100%;align-content:start}.activity-body{display:flex;flex-direction:column}.pane{display:flex;flex-direction:column;gap:20px;flex:1 0 auto}.pane-actions{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:4px}.pane-actions .button{min-height:52px;padding:0 10px}.button.danger svg{width:18px;height:18px}.hero{display:grid;place-items:center;padding-top:4px}.dial{position:relative;width:min(74vw,300px);aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,var(--surface-high),var(--surface));box-shadow:var(--raise)}.dial-arc{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.dial-arc path{fill:none;stroke-width:7;stroke-linecap:round}.dial-arc .track{stroke:var(--line)}.dial-arc .value{stroke:var(--arc);transition:stroke-dasharray .45s ease-out,opacity .2s}.dial-arc .value.zero{opacity:0}:root{--att-sky: color-mix(in srgb, var(--m-plane) 78%, #0a1524);--att-ground: #7d6447;--att-mark: #f4f4f0}.pfd{width:100%;display:grid;grid-template-columns:98px minmax(0,1fr) 98px;gap:10px;height:clamp(170px,23vh,320px)}.tape{position:relative;overflow:hidden;border-radius:16px;background:var(--surface-low);box-shadow:var(--inset-small)}.tape-head{position:absolute;z-index:2;top:8px;left:6px;right:6px;display:grid;gap:4px}.tape-chip{display:block;text-align:center;padding:2px 0;border-radius:8px;background:var(--surface-high);color:var(--ink);font:600 var(--text-min)/1.3 var(--font-body)}.tape-chip.paused-tag{font-size:var(--text-min);letter-spacing:0}.tape-scale{position:absolute;inset:0}.tape-scale .tick{position:absolute;left:0;right:0;height:0;display:flex;align-items:center;gap:4px}.tape-scale .tick:before{content:"";width:12px;border-top:2px solid var(--subtle)}.tape-scale .tick.major:before{width:18px;border-color:var(--muted)}.tape-scale .tick b{font:500 var(--text-min) var(--font-body);color:var(--muted)}.tape-speed .tape-scale .tick{flex-direction:row-reverse;justify-content:flex-start;padding-right:6px}.tape-alt .tape-scale .tick{padding-left:6px}.tape-value{position:absolute;z-index:3;top:50%;left:4px;right:4px;transform:translateY(-50%);text-align:center;padding:6px 2px;border-radius:10px;background:var(--surface-high);border:1px solid var(--line);box-shadow:var(--raise-small);font:700 24px/1.1 var(--font-heading)}.tape-scale{mask-image:linear-gradient(transparent 22%,#000 34%,#000 92%,transparent)}.attitude{position:relative;border-radius:22px;overflow:hidden;box-shadow:var(--raise-small)}.att-svg{position:absolute;inset:0;width:100%;height:100%}.att-sky{fill:var(--att-sky);stroke:none}.att-ground{fill:var(--att-ground);stroke:none}.att-line{stroke:var(--att-mark);stroke-width:2}.att-ladder line,.att-bank line,.att-zero{stroke:var(--att-mark);stroke-width:2.5;stroke-linecap:round}.att-pointer{fill:var(--att-mark);stroke:none}.att-plane line{stroke:var(--accent);stroke-width:5;stroke-linecap:round}.att-plane circle{fill:none;stroke:var(--accent);stroke-width:3}.att-note{position:absolute;left:50%;bottom:12px;transform:translate(-50%);white-space:nowrap;padding:4px 10px;border-radius:8px;background:color-mix(in srgb,var(--canvas) 70%,transparent);color:var(--ink)}.calib-pill{margin-top:auto;align-self:center;min-height:48px;padding:0 22px;border-radius:var(--radius-pill);background:linear-gradient(145deg,var(--surface-high),var(--surface));box-shadow:var(--raise-small);color:var(--ink);font-size:var(--text-min)}.calib-pill:active{box-shadow:var(--inset-small)}.calib-pill:disabled{color:var(--muted);box-shadow:var(--inset-small)}.seg-cards>div{padding:12px;gap:6px}.pane:has(.pfd,.navdial){gap:14px}.pane:has(.pfd,.navdial) .trip-totals{gap:12px}.trip-totals.big-cards>div{padding:10px;gap:6px}.seg-cards strong{display:inline-flex;align-items:flex-end;justify-content:center;gap:2px;min-height:30px}.seg-val{display:inline-flex;align-items:flex-end;gap:3px;height:28px}.seg{width:14px;height:28px;stroke:none;fill:var(--ink)}.seg-dot{width:4px;height:4px;margin:0 1px 1px;border-radius:1px;background:var(--ink)}.seg-gap{width:6px}.seg-ch{font:500 24px/1 var(--font-body);color:var(--ink)}.seg-unit{margin-left:5px;color:var(--muted);font:400 var(--text-min)/1 var(--font-body)}.kpi-u{color:var(--muted);font-weight:400}.trip-totals strong span{text-transform:none;color:inherit;letter-spacing:0;font-size:inherit}.trip-totals strong .kpi-u,.trip-totals strong .seg-unit{color:var(--muted)}.trip-totals strong .seg-ch{font-size:24px}.trip-totals.big-cards strong{font:600 28px/1.15 var(--font-heading)}.trip-totals.big-cards strong .kpi-u{font:400 var(--text-min) var(--font-body)}.navdial{width:100%;display:grid;grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;gap:8px}.tilt{display:grid;justify-items:center;gap:4px}.tilt-label{color:var(--muted)}.tilt strong{font:600 22px var(--font-heading)}.tilt-svg{height:min(172px,24vh);width:calc(min(172px,24vh)*.3)}.tilt-track{fill:none;stroke:color-mix(in srgb,var(--ink) 14%,transparent);stroke-width:8;stroke-linecap:round}.tilt-ticks line{stroke:var(--subtle);stroke-width:2}.tilt-ticks line.zero{stroke:var(--ink);stroke-width:3}.tilt-marker{fill:var(--arc, var(--m-boat));stroke:var(--canvas);stroke-width:2}.navdial.no-sensor .tilt-svg,.navdial.no-sensor .tilt strong{opacity:.4}.compass{position:relative;width:100%;max-width:min(210px,29vh);aspect-ratio:1;justify-self:center}.compass-svg{width:100%;height:100%}.compass-face{fill:var(--surface-low);stroke:var(--line);stroke-width:2}.compass-rose{transition:transform .35s ease-out}.compass-rose line{stroke:var(--subtle);stroke-width:1.5}.compass-rose line.major{stroke:var(--ink);stroke-width:3}.compass-rose text{stroke:none;fill:var(--muted);font:600 18px var(--font-body)}.compass-rose text.card{fill:var(--ink);font:700 22px var(--font-heading)}.compass-rose text.north{fill:var(--accent)}.compass-needle{fill:var(--accent);stroke:none}.compass-read{position:absolute;left:50%;top:50%;transform:translate(-50%,-38%);display:grid;justify-items:center;padding:4px 14px;border-radius:14px;background:var(--surface-high);box-shadow:var(--raise-small)}.compass-read strong{font:700 24px/1.1 var(--font-heading)}.compass-read span{color:var(--muted)}.pane[data-pane=speed]{position:relative}.wx{position:absolute;z-index:2;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}.wx[hidden]{display:none}.wx-icon svg{width:52px;height:52px;color:var(--accent);stroke-width:1.6}.wx-temp{font:600 34px/1 var(--font-heading);color:var(--accent)}.speed-arc{width:100%;max-width:440px;margin:0 auto;display:grid;gap:10px}.speed-arc-dial{position:relative}.speed-arc-dial svg{display:block;width:100%;height:auto;aspect-ratio:2 / 1;overflow:visible}.speed-arc-dial path{fill:none;stroke-width:14;stroke-linecap:round}.speed-arc-dial .track{stroke:color-mix(in srgb,var(--ink) 13%,transparent)}.speed-arc-dial .value{stroke:var(--arc);transition:stroke-dasharray .45s ease-out,opacity .2s}.speed-arc-dial .value.zero{opacity:0}.speed-arc-core{position:absolute;left:0;right:0;top:30%;display:grid;justify-items:center;gap:4px}.speed-arc-value{font:700 clamp(60px,19vw,84px)/1 var(--font-heading);font-variant-numeric:tabular-nums}.speed-arc-unit{color:var(--muted)}.speed-arc-foot{display:flex;justify-content:space-between;gap:16px;padding:0 10px}.speed-arc-foot>div{display:grid;gap:4px}.speed-arc-foot>div:last-child{justify-items:end;text-align:right}.speed-arc-foot strong{font:500 30px/1.1 var(--font-heading)}.speed-arc-foot span{color:var(--muted)}.dial-recess{position:absolute;inset:15%;border-radius:50%;box-shadow:var(--inset-small);background:var(--hud-center);padding:9%}.dial-core{width:100%;height:100%;border-radius:50%;background:linear-gradient(140deg,var(--surface-high),var(--surface));box-shadow:var(--raise-small);display:grid;place-items:center;align-content:center;gap:4px;text-align:center}.dial-value{font:700 clamp(44px,15vw,64px)/1 var(--font-heading);font-variant-numeric:tabular-nums}.dial-unit{font-size:13px;color:var(--accent)}.dial-label{font-size:9px;letter-spacing:1.5px;color:var(--subtle);text-transform:uppercase}.sheet-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.close-btn{width:40px;height:40px;min-height:40px;color:var(--muted)}.close-btn svg{width:17px;height:17px}.profile-avatar{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg,var(--surface-high),var(--surface));box-shadow:var(--raise-small);color:#fff}.profile-avatar svg{width:26px;height:26px}.sheet-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.sheet-body{display:grid;gap:0}.sheet-title{margin:0 0 12px;font:600 22px var(--font-heading)}.sheet-text{margin:0}.toast-action{min-height:40px;padding:8px 14px}.side-rail{display:none}@media(min-width:900px){.app{display:grid;grid-template-columns:232px 1fr}.side-rail{display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100dvh;padding:18px 14px;border-right:1px solid var(--line);background:var(--surface)}.rail-brand{display:flex;align-items:center;gap:10px;font:700 20px var(--font-heading);margin:6px 8px 22px}.rail-brand .mark{width:34px;height:34px}.rail-link{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 14px;border-radius:12px;font-size:13px;color:var(--muted)}.rail-link svg{width:20px;height:20px}.rail-link[aria-current=page]{background:var(--surface-high);color:var(--accent);box-shadow:var(--raise-small)}.rail-sep{margin:18px 14px 6px}.bottom-bar:not(.drive){display:none}.bottom-bar.drive{left:232px}.screen:has(>.bottom-bar:not(.drive)){padding-bottom:0}.app-header .app-brand{visibility:hidden}.main-body{padding:24px}.mode-track{grid-auto-columns:calc((100% - 60px) / 6)}}.activity-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}.activity-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:60px;padding:6px 8px 6px 14px;border-radius:14px;background:var(--surface);box-shadow:var(--inset-small)}.activity-name{display:flex;align-items:center;gap:12px;min-width:0}.activity-name svg{width:24px;height:24px;color:var(--accent)}.activity-row.is-off .activity-name{color:var(--subtle)}.activity-row.is-off .activity-name svg{color:var(--subtle)}.activity-controls{display:flex;align-items:center;gap:2px;flex-shrink:0}.max-list{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}.max-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:60px;padding:6px 8px 6px 14px;border-radius:14px;background:var(--surface);box-shadow:var(--inset-small)}.stepper{display:flex;align-items:center;gap:2px;flex-shrink:0}.stepper output{min-width:104px;text-align:center;font-variant-numeric:tabular-nums}.set-group .segmented{margin-top:14px}.chevron{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--muted)}.chevron:active{box-shadow:var(--inset-small)}.chevron:disabled{opacity:.2}.activity-controls .switch{margin-left:8px}.profile-grid{display:flex;align-items:flex-start;gap:16px;margin-top:16px}.profile-photo-col{display:grid;justify-items:center;gap:10px;flex-shrink:0}.photo-icons{display:flex;gap:8px}.photo-icon{background:linear-gradient(145deg,var(--surface-high),var(--surface));box-shadow:var(--raise-small)}.photo-icon:disabled{opacity:.35;box-shadow:none}.photo-icon svg{width:20px;height:20px}.profile-grid .name-row{flex:1;min-width:0;margin-top:18px}.profile-avatar.has-photo{padding:4px}.profile-avatar{width:84px;height:84px;flex-shrink:0}.profile-avatar svg{width:34px;height:34px}.name-row{display:flex;align-items:center;gap:16px;margin-top:14px;color:var(--muted)}.name-row span{flex-shrink:0}.name-row input{flex:1;min-width:0;min-height:52px;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-low);box-shadow:var(--inset-small);color:var(--ink);appearance:none}.name-row input::placeholder{color:var(--subtle)}.name-row input:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.sheet-actions.single{grid-template-columns:1fr}.instrument{position:relative;width:100%;padding:4px 0 0;display:flex;flex-direction:column}.rail{width:100%;height:41px;display:block;stroke:none;overflow:visible}.rail path{fill:none;stroke:url(#rail-gradient);stroke-width:9;stroke-linejoin:round;filter:drop-shadow(0 2px 1px var(--shadow))}.rail-top{margin-top:-4px}.rail-bottom{margin-top:2px}.instrument-center{display:grid;grid-template-columns:1fr 1.15fr 1fr;align-items:center;gap:6px;margin:0 6px}.instrument-side{min-height:84px;box-shadow:var(--inset-small);background:var(--hud-center);border-radius:18px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;padding:8px 4px;clip-path:polygon(0 0,70% 0,100% 15%,100% 85%,70% 100%,0 100%)}.instrument-side:last-child{clip-path:polygon(30% 0,100% 0,100% 100%,30% 100%,0 85%,0 15%)}.instrument-side>span{font:var(--text-min) var(--font-body);color:var(--subtle);text-transform:uppercase;letter-spacing:-.2px}.instrument-side strong{font:600 22px var(--font-heading);letter-spacing:-.4px}.instrument-side small{font:var(--text-min) var(--font-body);color:var(--muted);min-height:1em}.digital-speed{box-shadow:var(--inset-small);background:var(--hud-center);border-radius:19px;min-height:96px;padding:10px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.speed-digits{display:flex;gap:3px;justify-content:center;align-items:center;height:60px;width:100%}.speed-digits svg{width:28px;height:56px;stroke:none;fill:var(--accent)}.speed-digits .off{fill:var(--digital-off)}.hero:has(.instrument){display:block;padding-top:0}@media(min-width:560px){.instrument-center{grid-template-columns:1fr 1.65fr 1fr;gap:13px;margin:0 26px}.speed-digits svg{width:34px;height:68px}.rail{height:47px}}.metric-tile{min-height:0;padding:20px 14px;align-items:center;justify-content:center;text-align:center}.metric-tile>span{margin-bottom:10px}.trip-totals>div{align-items:center;justify-content:center;text-align:center;padding:14px}.trip-totals>div:last-child:nth-child(odd){grid-column:1 / -1}.is-paused{animation:paused-flash 1.1s steps(2,jump-none) infinite}.paused-tag{color:var(--warning)!important;letter-spacing:1.5px}@keyframes paused-flash{0%{opacity:1}to{opacity:.25}}@media(prefers-reduced-motion:reduce){.is-paused{animation:none;opacity:.6}}.chart-speed{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}.chart-alt{fill:color-mix(in srgb,var(--ink) 13%,transparent);stroke:none}.saved-list{display:grid;gap:16px}.saved-trip{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:20px;color:var(--ink)}.saved-trip:active{box-shadow:var(--inset-small)}.saved-trip-text{display:grid;gap:6px;min-width:0}.saved-trip h2{margin:2px 0;font:700 22px/1.2 var(--font-heading);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-trip-dist{font:600 22px var(--font-heading)}.saved-trip-line{display:flex;flex-wrap:wrap;gap:4px 16px;color:var(--muted)}.saved-trip-art{display:grid;place-items:center;width:112px;height:84px;border-radius:12px;background:var(--surface-low);box-shadow:var(--inset-small);color:var(--accent)}.saved-trip-art>svg:not(.route-thumb){width:30px;height:30px}.route-thumb{width:100%;height:100%}.route-thumb path{fill:none;stroke:var(--accent);stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.date-filter{display:grid;grid-template-columns:1.15fr 1.75fr 1.2fr;gap:10px}.date-filter>div{min-width:0}.dropdown-btn{width:100%;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:0 12px;border-radius:18px;background:linear-gradient(145deg,var(--surface-low),var(--canvas));box-shadow:var(--inset-small);border:1px solid #ffffff05;color:var(--ink);font:400 var(--text-min) var(--font-body)}.dropdown-btn>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-btn.is-any>span{color:var(--muted)}.dropdown-btn svg{flex-shrink:0;width:16px;height:16px;color:var(--accent);transition:transform var(--duration-soft) var(--ease)}.dropdown-btn[aria-expanded=true] svg{transform:rotate(180deg)}.dropdown-btn:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.dropdown-pop{position:fixed;z-index:900;overflow-y:auto;overscroll-behavior:contain;padding:6px;background:var(--surface-high);border:1px solid var(--line);border-radius:14px;box-shadow:var(--raise);display:grid;align-content:start}.dropdown-pop[hidden]{display:none}.dropdown-pop button{min-height:48px;padding:0 16px;border-radius:10px;text-align:left;background:none;color:var(--ink);font-size:var(--text-min)}.dropdown-pop button[aria-selected=true]{color:var(--accent);background:var(--surface);box-shadow:var(--inset-small)}.dropdown-pop button:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.title-row{display:flex;justify-content:space-between;align-items:center;gap:14px}.title-row>div:first-child{min-width:0}.title-filter{flex:0 0 auto;width:148px}.trip-title{display:flex;align-items:center;gap:14px;margin-top:4px}.trip-title h1{margin:0;min-width:0;flex:0 1 auto;overflow-wrap:anywhere}.trip-back{margin-left:auto;flex-shrink:0;min-height:44px;padding:0 18px}.trip-map-card{position:relative;height:230px;padding:12px}.trip-map-card>.livemap{inset:12px;border-radius:15px;box-shadow:var(--inset-small)}.edit-btn{flex-shrink:0;background:linear-gradient(145deg,var(--surface-high),var(--surface));box-shadow:var(--raise-small)}.edit-btn svg{width:20px;height:20px}.screen>.page-body.trip-detail{display:flex;flex-direction:column;gap:20px}.page-actions{margin-top:auto;position:sticky;bottom:calc(var(--bar-h) + env(safe-area-inset-bottom) + 12px);z-index:2;padding-top:12px;background:linear-gradient(transparent,var(--canvas) 12px)}.page-actions:after{content:"";position:absolute;left:0;right:0;top:100%;height:12px;background:var(--canvas)}.page-actions .button{min-height:52px}.prompt-field{display:grid;gap:10px;color:var(--muted);margin-bottom:4px}.prompt-field input{min-height:52px;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-low);box-shadow:var(--inset-small);color:var(--ink);font-size:var(--text-min)}.prompt-field input:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.trip-chart h2{margin:0 0 12px;font-size:18px;font-weight:600}.chart-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:12px;color:var(--muted)}.chart-legend span:before{content:"";display:inline-block;width:16px;height:4px;border-radius:2px;margin-right:8px;vertical-align:middle}.legend-speed:before{background:var(--accent)}.legend-alt:before{background:color-mix(in srgb,var(--ink) 30%,transparent);height:10px!important}.chart-frame{position:relative;height:110px;border-radius:12px;background:var(--surface-low);box-shadow:var(--inset-small);overflow:hidden}.chart-frame svg{position:absolute;inset:0;width:100%;height:100%}.chart-max,.chart-alt-max{position:absolute;top:6px;z-index:1;padding:0 6px;border-radius:6px;background:color-mix(in srgb,var(--surface-low) 80%,transparent)}.chart-max{left:8px;color:var(--accent)}.chart-alt-max{right:8px;color:var(--muted)}.chart-axis{display:flex;justify-content:space-between;margin-top:8px;color:var(--subtle)}body,.eyebrow,.button,.icon-button,.segmented button,.drive-nav-button,.map-caption,.toast,dialog p,.metric-tile>span,.trip-totals span,.trip-totals strong,.field-caption,.set-row,.set-note,.about p,.empty p,.prompt-field,.pane-actions .button,.saved-trip-line,.chart-legend,.chart-axis,.chart-max,.chart-alt-max,.dial-unit,.dial-label,.tilt-label,.compass-read span,.att-note,.speed-arc-unit,.speed-arc-foot span,.name-row,.name-row input,.picker-empty,.rail-link,.activity-name,.stepper output{font-size:var(--text-min)}.eyebrow,.drive-nav-button,.metric-tile>span,.trip-totals span,.field-caption,.dial-label{letter-spacing:.3px}.drive-nav-button{min-width:0;gap:6px}.bottom-bar .drive-nav-button{max-width:160px;white-space:nowrap}.bottom-bar .drive-nav-button span{font-size:var(--text-bar)}.metric-tile>strong{font-size:22px}