:root{color-scheme:dark;--bg:#0b0d10;--panel:#15181d;--line:#2a3038;--text:#f4f1ea;--muted:#9aa3ad;--accent:#e82127;--ok:#3dd68c;--fsd:#2dd4bf}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:radial-gradient(1200px 500px at 10% -10%,#2a1214 0,transparent 50%),var(--bg);color:var(--text)}a{color:inherit}button,select{font:inherit;color:inherit}.wrap{max-width:960px;margin:0 auto;padding:32px max(20px,env(safe-area-inset-right)) 80px max(20px,env(safe-area-inset-left))}.wrap.activity{max-width:1180px}.top{justify-content:space-between;gap:16px}.header-actions,.top{display:flex;align-items:center}.header-actions{flex-wrap:wrap;gap:8px;justify-content:flex-end}.brand{letter-spacing:.18em;text-transform:uppercase;font-size:12px;color:var(--text)}.brand em{color:var(--accent);font-style:normal}h1{font-size:36px;font-weight:560;letter-spacing:-.04em;margin:8px 0 0}.sub{color:var(--muted);line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;background:var(--text);color:#111;padding:10px 14px;min-height:44px;border-radius:999px;cursor:pointer;font-weight:600;text-decoration:none;touch-action:manipulation}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.btn.ghost.danger{color:#ff8b8b;border-color:color-mix(in srgb,#ff8b8b 50%,var(--line))}.btn:disabled{opacity:.55;cursor:not-allowed}.grid{display:grid;grid-gap:16px;gap:16px;margin-top:28px}.card{background:color-mix(in srgb,var(--panel) 92%,white 8%);border:1px solid var(--line);border-radius:18px;padding:18px}.row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.row>div{min-width:0}.row .sub{overflow-wrap:anywhere}.pill{font-size:12px;border:1px solid var(--line);border-radius:999px;padding:4px 8px;color:var(--muted);flex-shrink:0}.pill.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 50%,var(--line))}.pill.lost,.pill.service{color:#e6c07b;border-color:color-mix(in srgb,#e6c07b 50%,var(--line))}.card-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;align-items:flex-start}.pill.live,.pill.profile,.pill.range{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 10px}.pill.profile svg{width:14px;height:14px;color:var(--accent)}.pill.live{color:#ff8b8b;border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.pill.live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 55%,transparent);animation:live-dot 1.6s ease-out infinite}@keyframes live-dot{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 55%,transparent)}70%{box-shadow:0 0 0 6px transparent}}.actions{margin-top:14px}.actions,.actions form{display:flex;gap:8px;flex-wrap:wrap}.actions form{align-items:center}.settings{margin-top:14px;background:#0f1216;border:1px solid var(--line);border-radius:14px;overflow:hidden}.settings-row{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin:0;border:0;border-radius:0;background:transparent;color:inherit;padding:12px 14px;min-height:48px;text-align:left;text-decoration:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.settings-row+.settings-row{border-top:1px solid var(--line)}.settings-row:hover:not(:disabled){background:color-mix(in srgb,var(--text) 5%,transparent)}.settings-row:active:not(:disabled){background:color-mix(in srgb,var(--text) 7%,transparent)}.settings-row:disabled{cursor:not-allowed}.settings-row:disabled .switch{opacity:.45}.settings-row:focus-visible{outline:2px solid var(--ok);outline-offset:-2px}.settings-label{font-weight:600;min-width:0}.pair-copy{display:grid;grid-gap:2px;gap:2px;min-width:0}.pair-copy .sub{font-size:13px}.pair-row{min-height:56px}.pair-go{flex-shrink:0;font-size:15px;font-weight:600;color:#7cb3ff}.switch{width:51px;height:31px;border-radius:16px;background:#39393d;position:relative;flex-shrink:0;pointer-events:none;transition:background .18s ease}.settings-row[aria-checked=true] .switch{background:var(--ok)}.switch-thumb{position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgb(0 0 0/.35);transition:transform .18s ease}.settings-row[aria-checked=true] .switch-thumb{transform:translateX(20px)}@media (prefers-reduced-motion:reduce){.switch,.switch-thumb{transition:none}}.hero{margin-top:80px;padding:36px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,#1a1e24,#12151a)}.error{color:#ff8b8b}h2{font-size:18px;font-weight:600;margin:28px 0 12px}.vehicle-link{text-decoration:none;display:inline-flex;align-items:center;gap:8px}.vehicle-link:hover strong{text-decoration:underline}.paint-mark{display:inline-flex;align-items:center;gap:8px}.paint-swatch{width:16px;height:16px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1px color-mix(in srgb,var(--text) 50%,transparent),inset 0 1px 0 rgb(255 255 255/.22),inset 0 -1px 0 rgb(0 0 0/.35)}.paint-swatch.unknown{background:conic-gradient(from 90deg,#9aa3ad,#f4f1ea,#5a5c5e,#9aa3ad)}.activity-title h1{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.activity-title form{margin-top:12px}.back{color:var(--muted);font-size:14px}.snapshot{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;align-items:center}.snapshot-seen{flex:1 0 100%;margin:0}.pill.mode.driving{color:#ff8b8b;border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.pill.mode.idle{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 50%,var(--line))}.pill.mode.online{color:#7cb3ff;border-color:color-mix(in srgb,#7cb3ff 50%,var(--line))}.pill.belt-off,.pill.mode.occupied{color:#e6c07b;border-color:color-mix(in srgb,#e6c07b 50%,var(--line))}.banner{margin-top:20px;padding:16px;border:1px solid color-mix(in srgb,#e6c07b 40%,var(--line));border-radius:18px;background:color-mix(in srgb,#e6c07b 8%,var(--panel));display:grid;grid-gap:12px;gap:12px}.banner form{justify-self:start}.fleet-map{margin-top:28px}.map-frame{position:relative;height:40vh;min-height:220px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#101318}.map-frame.activity-map{height:50vh;min-height:280px}.map-frame.empty{display:grid;place-items:center}.map-canvas{height:100%}.map-move{position:absolute;left:12px;bottom:12px;z-index:500;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--panel) 88%,black);color:var(--text);cursor:pointer;touch-action:manipulation}.map-move.on{border-color:var(--ok);color:var(--ok)}.activity-top{display:grid;grid-template-columns:1fr auto;grid-gap:16px;gap:16px;align-items:start}.activity-title h1 .activity-kicker{color:var(--muted);font-weight:500}.activity-top .header-actions{justify-self:end}.cluster{align-items:center;margin:18px 0 8px}.chips,.cluster{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer;text-decoration:none;touch-action:manipulation}.chip.on{background:var(--text);color:#111}.chip.live{border-color:color-mix(in srgb,var(--accent) 50%,var(--line));gap:8px}.chip.live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 55%,transparent);animation:live-dot 1.6s ease-out infinite}.chip.live.on{background:var(--text);color:#111}.chip.live.on:before{background:var(--accent)}.trips{margin:8px 0 4px}.trips .section-head{margin-bottom:10px}.trips .chips{margin-top:4px}.kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin:16px 0}.kpi{background:color-mix(in srgb,var(--panel) 92%,white 8%);border:1px solid var(--line);border-radius:16px;padding:14px}.kpi strong{display:block;font-size:22px;margin-top:4px}.kpi-icon{display:grid;place-items:center;width:36px;height:36px;color:var(--accent);margin-bottom:8px}.kpi-icon svg{width:22px;height:22px}.kpis.hero-kpis{grid-template-columns:1fr}.kpis.hero-kpis .kpi strong{font-size:28px;letter-spacing:-.03em;margin:2px 0 0}.kpis.hero-kpis .sub{text-transform:lowercase}.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:baseline}.section-head h2{margin-bottom:0}.mode-block{margin:8px 0 18px}.ribbon{border-radius:10px;border:1px solid var(--line);margin:8px 0;min-height:32px;background:#101318}.ribbon,.ribbon-seg{display:flex;overflow:hidden}.ribbon-seg{align-items:center;justify-content:center;gap:6px;min-width:0;color:#0b0d10;font-size:12px;font-weight:650}.ribbon-seg svg{width:14px;height:14px;flex-shrink:0}.ribbon-seg em{font-style:normal;white-space:nowrap}.ribbon-seg.asleep{background:#2a3038;color:var(--muted)}.ribbon-seg.idle{background:#e6c07b}.ribbon-seg.online{background:#7cb3ff}.ribbon-seg.occupied{background:#c9a227}.ribbon-seg.driving{background:var(--accent);color:#fff}.ribbon-legend{display:flex;flex-wrap:wrap;gap:12px;margin:0;font-size:12px;color:var(--muted)}.swatch{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle;background:var(--muted)}.swatch.fsd{background:var(--fsd)}.swatch.manual{background:color-mix(in srgb,var(--text) 45%,var(--line))}.swatch.driving,.swatch.hard{background:var(--accent)}.swatch.asleep{background:#2a3038;box-shadow:inset 0 0 0 1px var(--line)}.swatch.idle{background:#e6c07b}.swatch.online{background:#7cb3ff}.swatch.occupied{background:#c9a227}.chart{margin:20px 0;background:color-mix(in srgb,var(--panel) 92%,white 8%);border:1px solid var(--line);border-radius:18px;padding:14px 14px 8px}.chart figcaption{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin:0 0 8px}.chart-legend{display:flex;flex-wrap:wrap;gap:12px;margin-left:auto}.chart-key{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);font-weight:500}.chart-key-line{width:14px;height:2px;border-radius:1px;background:currentColor}.chart-key.inside{color:#f4b183}.chart-key.outside{color:#7cb3ff}.chart svg{width:100%;height:auto;display:block}.chart-line{stroke:var(--ok);stroke-width:2}.chart.speed .chart-line{stroke:#f4f1ea}.chart.temp .chart-line.inside{stroke:#f4b183}.chart.temp .chart-line.outside{stroke:#7cb3ff}.chart-axis{stroke:var(--line)}.chart-band{fill:color-mix(in srgb,var(--ok) 18%,transparent)}.chart-band.fsd{fill:color-mix(in srgb,var(--fsd) 28%,transparent)}.chart-band-label{fill:var(--fsd);font-size:11px;font-weight:700}.chart-area-pos{fill:color-mix(in srgb,var(--ok) 28%,transparent)}.chart-area-neg{fill:color-mix(in srgb,var(--accent) 32%,transparent)}.chart-zero{stroke:color-mix(in srgb,var(--text) 25%,transparent);stroke-dasharray:4 4}.chart-label{fill:var(--muted);font-size:11px}.footnote{margin-top:24px}.fsd-banner{display:grid;grid-gap:18px;gap:18px;margin:16px 0;padding:20px;border:1px solid color-mix(in srgb,var(--fsd) 35%,var(--line));border-radius:18px;background:color-mix(in srgb,var(--fsd) 8%,var(--panel))}.fsd-copy{display:flex;gap:16px;align-items:flex-start;min-width:0}.fsd-mark{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;color:var(--fsd);background:color-mix(in srgb,var(--fsd) 16%,transparent);border:1px solid color-mix(in srgb,var(--fsd) 40%,var(--line));flex-shrink:0}.fsd-mark svg{width:28px;height:28px}.fsd-banner.muted{border-color:var(--line);background:color-mix(in srgb,var(--panel) 92%,white 8%)}.fsd-banner.muted .fsd-kicker,.fsd-banner.muted .fsd-mark{color:var(--muted)}.fsd-banner.muted .fsd-mark{border-color:var(--line);background:#101318}.fsd-kicker{margin:0;letter-spacing:.12em;text-transform:uppercase;font-size:11px;color:var(--fsd)}.fsd-banner .footnote{margin-top:8px}.fsd-banner h2{margin:6px 0 4px;font-size:30px;letter-spacing:-.03em;color:var(--fsd)}.fsd-banner.muted h2{color:var(--text)}.fsd-time{color:color-mix(in srgb,var(--fsd) 80%,white);font-weight:500}.fsd-bar{display:flex;overflow:hidden;height:14px;border-radius:999px;margin:0 0 10px;background:var(--line)}.fsd-bar .fsd{background:var(--fsd)}.fsd-bar .manual{background:color-mix(in srgb,var(--text) 18%,var(--line))}.fsd-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--muted)}.hard-driving,.occupancy{margin-top:28px}.swimlanes{display:none;margin-top:12px;background:color-mix(in srgb,var(--panel) 92%,white 8%);border:1px solid var(--line);border-radius:18px;padding:12px 14px 10px}.swimlane{display:grid;grid-template-columns:96px 1fr;grid-gap:10px;gap:10px;align-items:center}.swimlane+.swimlane{margin-top:8px}.swimlane-label{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.swimlane-label svg{width:16px;height:16px;flex-shrink:0}.swimlane-track{display:flex;height:22px;border-radius:6px;overflow:hidden;background:#101318}.lane-seg{display:grid;place-items:center;font-size:11px;font-weight:650;min-width:0;overflow:hidden}.lane-seg.active{background:color-mix(in srgb,var(--accent) 72%,#5a1012);color:#fff}.lane-seg.secure{background:color-mix(in srgb,var(--ok) 52%,#12301f);color:#d8ffe8}.lane-seg.idle{background:#1a1f26;color:var(--muted)}.lane-seg.alert{background:color-mix(in srgb,#e6c07b 58%,#2a2410);color:#fff4c8}.lane-seg.tick{background:var(--accent)}.swimlane-axis{display:flex;justify-content:space-between;margin-top:8px;padding-left:106px;font-size:11px;color:var(--muted)}.event-list{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-gap:8px;gap:8px}.event-card{display:flex;gap:12px;align-items:center;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 92%,white 8%)}.event-card time{color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:4.5rem}.event-card.button{width:100%;text-align:left;cursor:pointer;touch-action:manipulation;color:inherit;font:inherit;background:color-mix(in srgb,var(--panel) 92%,white 8%)}.event-card.button.on{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}.event-list.hard-events .event-card{display:grid;grid-template-columns:minmax(6.5rem,1fr) 4.5rem auto auto auto;grid-gap:10px;gap:10px;align-items:center}.event-kind{font-weight:650}.event-card.hard_brake .event-kind,.event-kind.hard_brake{color:#ff8b8b}.event-card.hard_accel .event-kind,.event-kind.hard_accel{color:var(--ok)}.event-card.hard_corner .event-kind,.event-kind.hard_corner{color:#e6c07b}.event-mode{color:var(--muted);text-transform:lowercase}.kpis.peaks{margin-top:0;grid-template-columns:repeat(2,minmax(0,1fr))}.kpi.peak.brake .kpi-icon,.kpi.peak.brake strong{color:var(--accent)}.kpi.peak.accel .kpi-icon,.kpi.peak.accel strong{color:var(--ok)}.kpi.peak.corner .kpi-icon,.kpi.peak.corner strong{color:#e6c07b}.kpi.peak.events .kpi-icon,.kpi.peak.events strong{color:#ff8b8b}.kpi.peak .kpi-icon{margin-bottom:2px}.hard-driving-grid{display:grid;grid-gap:16px;gap:16px}.gscope{margin:0}.gscope svg{width:100%;min-height:280px;height:auto;display:block;background:#0e1116;border:1px solid var(--line);border-radius:18px}.gscope-ring{fill:none;stroke:color-mix(in srgb,var(--text) 16%,transparent)}.gscope-point{fill:var(--muted)}.gscope-fsd{fill:var(--fsd)}.gscope-hard{fill:var(--accent)}.gscope-selected{fill:none;stroke:var(--accent);stroke-width:2}.gscope-reticle line{stroke:var(--accent);stroke-width:1.4}.gscope-note{fill:var(--accent);font-size:11px;font-weight:650}.gscope-legend{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;font-size:12px;color:var(--muted)}.pedals{margin-top:16px;display:grid;grid-gap:10px;gap:10px}.pedal{display:grid;grid-gap:6px;gap:6px;font-size:14px}.pedal-track{height:12px;border-radius:999px;background:var(--line);overflow:hidden}.pedal-track span{display:block;height:100%}.pedal-track span,.pedal-track.accel span{background:var(--ok)}.pedal-track.brake span,.pedal-track.on span{background:var(--accent)}.map-legend{position:absolute;top:12px;right:52px;z-index:400;list-style:none;margin:0;padding:8px 10px;background:color-mix(in srgb,var(--panel) 88%,black);border:1px solid var(--line);border-radius:12px;font-size:12px;color:var(--muted);display:grid;grid-gap:6px;gap:6px}.leaflet-container{height:100%;background:#101318;font-family:inherit;touch-action:pan-y}.map-frame.unlocked .leaflet-container{touch-action:none}.leaflet-bar a{background:var(--panel);color:var(--text);border-color:var(--line)}.leaflet-bar a:hover{background:#1c2128}.leaflet-control-attribution{background:rgb(11 13 16/.7);color:var(--muted)}.skeleton{color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:color-mix(in srgb,var(--panel) 70%,var(--line));background-size:200% 100%;animation:skeleton-shimmer 1.2s ease-in-out infinite}@keyframes skeleton-shimmer{0%{filter:brightness(1)}50%{filter:brightness(1.18)}to{filter:brightness(1)}}.skeleton-swatch{width:16px;height:16px;border-radius:50%;display:inline-block}.skeleton-title{display:inline-block;width:min(280px,60vw);height:1.1em;border-radius:8px;vertical-align:middle}.skeleton-line{display:block;width:min(220px,50vw);height:.9em;border-radius:6px}.skeleton-btn{display:inline-block;width:92px;height:44px;border-radius:999px}.pill.skeleton{min-width:88px;min-height:28px}.skeleton-kpi{min-height:108px;background:color-mix(in srgb,var(--panel) 92%,white 8%)}.skeleton-banner,.skeleton-block,.skeleton-chart .skeleton-block,.skeleton-map,.skeleton-ribbon{border-radius:18px;background:color-mix(in srgb,var(--panel) 92%,white 8%);border:1px solid var(--line)}.skeleton-banner{height:148px;margin:16px 0}.skeleton-block{min-height:72px}.skeleton-ribbon{height:32px;margin:8px 0 18px;border-radius:10px}.skeleton-map{background:#101318}.skeleton-chart .skeleton-block{height:180px;margin-top:8px}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}@media (min-width:640px){.kpis,.kpis.hero-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.kpis.peaks{grid-template-columns:repeat(2,minmax(0,1fr))}.banner{grid-template-columns:1fr auto;align-items:center}.swimlanes{display:block}.event-list.desktop-secondary{display:none}.activity-top{grid-template-columns:1fr auto 1fr;align-items:start}.activity-title{text-align:center}}@media (min-width:768px){.fsd-banner{grid-template-columns:1.15fr .85fr;align-items:center}}@media (min-width:1024px){.hard-driving-grid{grid-template-columns:minmax(320px,1.15fr) minmax(280px,.85fr);align-items:start}}@media (max-width:639px){.activity-top{grid-template-columns:1fr}.activity-title{text-align:left}.activity-top .header-actions{justify-self:start}.event-list.hard-events .event-card{grid-template-columns:1fr 1fr}.map-legend{right:12px;top:auto;bottom:56px}}@media (max-width:480px){.wrap{padding:24px max(16px,env(safe-area-inset-right)) 64px max(16px,env(safe-area-inset-left))}h1{font-size:28px}.activity-top,.top{align-items:flex-start}.hero{margin-top:40px;padding:24px}.fsd-banner h2,.kpis.hero-kpis .kpi strong{font-size:24px}}