:root{color-scheme:light dark;--bg: #f7f6f2;--surface: #ffffff;--surface-2: #f1efe9;--text: #16181d;--muted: #555a64;--border: #dcd9d1;--accent: color-mix(in srgb, var(--brand) 72%, black);--accent-ink: #ffffff;--brand: #ff6600;--ok: #1e7d43;--danger: #b3261e;--shadow: 0 1px 2px rgb(22 24 29 / .06), 0 8px 24px rgb(22 24 29 / .06);--radius: 12px;--page-max: 1180px}@media(min-width:1400px){:root{--page-max: 1640px}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #121316;--surface: #1b1d22;--surface-2: #22252b;--text: #f3f1ec;--muted: #b3b7bf;--border: #33363d;--accent: color-mix(in srgb, var(--brand) 70%, white);--accent-ink: #16181d;--danger: #ff7a70;--ok: #4cc77a;--shadow: 0 1px 2px rgb(0 0 0 / .4), 0 8px 24px rgb(0 0 0 / .35);color-scheme:dark}}:root[data-theme=dark]{--bg: #121316;--surface: #1b1d22;--surface-2: #22252b;--text: #f3f1ec;--muted: #b3b7bf;--border: #33363d;--accent: color-mix(in srgb, var(--brand) 70%, white);--accent-ink: #16181d;--danger: #ff7a70;--ok: #4cc77a;--shadow: 0 1px 2px rgb(0 0 0 / .4), 0 8px 24px rgb(0 0 0 / .35);color-scheme:dark}:root[data-theme=light]{color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:1rem;line-height:1.55}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.icon-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}.icon-btn:hover{background:var(--surface-2)}.app{min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.topbar-inner{max-width:var(--page-max);margin:0 auto;padding:.6rem 1.2rem;display:flex;align-items:center;gap:1.4rem}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.15rem;letter-spacing:.01em;color:var(--text)}.brand:hover{text-decoration:none}.nav{display:flex;gap:.2rem;flex:1}.nav a{padding:.35rem .85rem;border-radius:999px;color:var(--muted);font-weight:500}.nav a:hover{color:var(--text);text-decoration:none;background:var(--surface-2)}.nav a.active{color:var(--text);background:var(--surface-2)}.content{flex:1;width:100%;max-width:var(--page-max);margin:0 auto;padding:1.6rem 1.2rem 3rem}.footer{border-top:1px solid var(--border);padding:1rem 1.2rem 1.4rem;text-align:center;color:var(--muted);font-size:.85rem}.btn{font:inherit;font-weight:600;border:1px solid var(--border);background:var(--surface);color:var(--text);padding:.5rem 1.1rem;border-radius:999px;cursor:pointer;transition:background .12s ease,border-color .12s ease,opacity .12s ease}.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--muted)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--brand);border-color:transparent;color:#fff}.btn.primary:hover:not(:disabled){background:#e65c00}.btn.ghost{border-color:transparent;background:transparent;color:var(--muted)}.btn.ghost:hover:not(:disabled){color:var(--text);background:var(--surface-2)}.btn.block{width:100%}.linklike{font:inherit;font-size:.9rem;border:none;background:none;color:var(--accent);cursor:pointer;padding:0}input,select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.55rem .8rem;width:100%}input:focus-visible,select:focus-visible{outline:2px solid var(--brand);outline-offset:1px;border-color:var(--brand)}.page-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.page-head h1{margin:0;font-size:1.5rem;line-height:1.25}.back{display:inline-block;font-size:.9rem;color:var(--muted);margin-bottom:.2rem}.filter{display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.9rem}.filter select{width:auto}.loading,.empty{color:var(--muted);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);padding:2rem 1.4rem;text-align:center}.page-error{background:color-mix(in srgb,var(--danger) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--danger) 40%,var(--border));color:var(--text);border-radius:var(--radius);padding:.9rem 1.1rem;margin-bottom:1rem}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:.8rem;margin-bottom:1.4rem}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.8rem .9rem;box-shadow:var(--shadow);min-width:0}.stat-label{color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.07em}.stat-value{white-space:nowrap;font-size:1.15rem;font-weight:700;margin-top:.15rem}.stat-sub{color:var(--muted);font-size:.8rem;margin-top:.15rem}.ride-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.ride-row{display:flex;align-items:center;gap:1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.8rem 1rem;color:var(--text);box-shadow:var(--shadow);transition:border-color .12s ease,transform .12s ease}.ride-row:hover{text-decoration:none;border-color:var(--accent)}.ride-when{min-width:9.5rem;display:flex;flex-direction:column}.ride-date{font-weight:600}.ride-vehicle{color:var(--muted);font-size:.85rem}.ride-metrics{flex:1;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;font-variant-numeric:tabular-nums}.ride-metrics .m{white-space:nowrap}.ride-metrics .dim{color:var(--muted)}.ride-tags{display:flex;gap:.4rem}.chip{display:inline-block;font-size:.75rem;font-weight:600;color:var(--muted);background:var(--surface-2);border-radius:999px;padding:.12rem .6rem;white-space:nowrap}.chip.shared{color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,var(--surface))}.chip.group{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface))}.chevron{color:var(--muted);font-size:1.3rem;line-height:1}.ride-when-detail{display:flex;align-items:center;gap:.6rem;color:var(--muted);margin-top:.2rem}.export-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.6rem}.share-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding-left:.6rem;border-left:1px solid var(--border)}.share-actions .btn{white-space:nowrap}.btn.danger{color:var(--danger)}.group-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.2rem;margin-bottom:1.2rem;box-shadow:var(--shadow)}.group-card h2{margin:0 0 .4rem;font-size:1rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.group-facts{display:flex;flex-wrap:wrap;gap:.35rem 1.2rem}.fact{font-size:.95rem}.map-wrap{height:480px;border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;box-shadow:var(--shadow)}.map-block{position:relative}.map-legend{position:absolute;left:10px;top:10px;z-index:5;display:flex;align-items:center;gap:.5rem;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--border);border-radius:8px;padding:.3rem .6rem;font-size:.75rem;color:var(--text);box-shadow:var(--shadow)}.legend-ramp{width:120px;height:8px;border-radius:4px}.legend-sep{width:1px;height:14px;background:var(--border)}.legend-stop{width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid #1b1d22}.stop-popup .maplibregl-popup-content{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.3rem .6rem;font-size:.8rem;box-shadow:var(--shadow)}.stop-popup .maplibregl-popup-tip{display:none}.legend-label{color:var(--muted)}.ride-pin{width:24px;height:24px;border-radius:50%;border:2px solid #fff;color:#fff;font-size:12px;font-weight:700;line-height:20px;text-align:center;box-shadow:0 1px 4px #00000080}.cursor-pin{width:14px;height:14px;border-radius:50%;background:var(--brand);border:3px solid #fff;box-shadow:0 0 0 4px #ff66004d;pointer-events:none}.chart-card{margin-top:.9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem 1rem .5rem;box-shadow:var(--shadow)}.chart-head{display:flex;justify-content:space-between;font-size:.85rem;margin-bottom:.3rem}.chart-wrap{position:relative;height:130px;cursor:crosshair}.chart-wrap svg{width:100%;height:100%;display:block}.chart-cross{position:absolute;top:0;bottom:0;width:1px;background:var(--muted);opacity:.6;pointer-events:none}.chart-tip{position:absolute;top:6px;transform:translate(-50%);background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:.25rem .55rem;font-size:.78rem;display:flex;flex-direction:column;pointer-events:none;white-space:nowrap}.chart-tip span{color:var(--muted)}.chart-title{font-weight:600}.chart-grid{stroke:var(--border);stroke-width:1;stroke-dasharray:3 4}.chart-stop{fill:var(--muted);opacity:.1}.chart-stop.on{fill:var(--brand);opacity:.18}.chart-stop-pill{fill:var(--muted);opacity:.55}.chart-stop-pill.on{fill:var(--brand);opacity:1}.chart-axis{display:flex;justify-content:space-between;font-size:.72rem;margin-top:.15rem}.stops-card{margin-top:.9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.7rem .6rem .5rem;box-shadow:var(--shadow)}.stops-card .chart-head{padding:0 .4rem}.stop-list{list-style:none;margin:0;padding:0;max-height:320px;overflow-y:auto}.stop-row{width:100%;display:grid;grid-template-columns:1.6rem 1fr auto auto;gap:.7rem;align-items:center;padding:.45rem .4rem;background:none;border:0;border-radius:8px;color:inherit;font:inherit;font-size:.9rem;text-align:left;cursor:pointer}.stop-row:hover{background:var(--surface-2)}.stop-row.on{background:color-mix(in srgb,var(--brand) 14%,transparent)}.stop-idx{width:1.5rem;height:1.5rem;border-radius:50%;background:var(--surface-2);color:var(--muted);font-size:.75rem;display:grid;place-items:center}.stop-tag{font-size:.78rem}.quick-bar{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1.1rem}.quick-top{display:flex;gap:.6rem}.quick-top .search{flex:1;min-width:0;max-width:28rem}.quick-top select{flex:none;width:auto}.chip-row,.chip-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.chip-sep{width:1px;align-self:stretch;background:var(--border);margin:0 .3rem}.fchip{font:inherit;font-size:.85rem;font-weight:600;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:.3rem .8rem;white-space:nowrap;cursor:pointer}.fchip:hover{color:var(--text)}.fchip[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface))}.custom-dates{display:flex;flex-wrap:wrap;gap:.6rem 1rem;color:var(--muted);font-size:.9rem}.custom-dates label{display:flex;align-items:center;gap:.4rem}.custom-dates input{padding:.35rem .5rem}.pill-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .6rem}.pill{font:inherit;font-size:.8rem;font-weight:600;color:var(--text);background:var(--surface-2);border:0;border-radius:999px;padding:.22rem .7rem;cursor:pointer}.pill span{color:var(--muted);margin-left:.15rem}.btn .count{display:inline-block;min-width:1.3em;margin-left:.4rem;padding:0 .35em;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:.75rem;line-height:1.3em}.head-actions{display:flex;gap:.6rem}.btn.on{border-color:var(--accent);color:var(--accent)}.filters-panel{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem 1.4rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1.1rem;margin-bottom:1.2rem;box-shadow:var(--shadow)}.filters-panel .filter{flex-direction:column;align-items:flex-start;gap:.25rem}.filter.range input{width:5.5rem;padding:.35rem .5rem}.range-inputs{display:flex;align-items:center;gap:.35rem}.range-sep{color:var(--muted)}.map-caption{color:var(--muted);font-size:.85rem;margin:.5rem 0 0}.heat-wrap{position:relative;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow)}.heat-map{height:calc(100vh - 220px);height:calc(100dvh - 220px);min-height:420px}.heat-legend{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:.35rem;width:190px;padding:.55rem .65rem;background:color-mix(in srgb,var(--surface) 92%,transparent);border:1px solid var(--border);border-radius:10px;font-size:.75rem;color:var(--muted)}.heat-legend .legend-ramp{display:block;width:100%;height:8px;border-radius:4px}.heat-legend-labels{display:flex;justify-content:space-between;gap:.6rem}.heat-swatches{display:flex;gap:.35rem}.heat-swatch{flex:1;height:18px;border-radius:6px;border:2px solid transparent;cursor:pointer;padding:0}.heat-swatch[aria-pressed=true]{border-color:var(--text)}.heat-chip{position:absolute;bottom:18px;left:50%;transform:translate(-50%);padding:.45rem .9rem;border-radius:999px;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);font-size:.85rem;font-weight:600;white-space:nowrap}.heat-card{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:min(340px,calc(100% - 32px));height:fit-content;padding:1rem 1.2rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);text-align:center}.heat-card p{margin:.4rem 0 0;color:var(--muted);font-size:.9rem}.bike-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.9rem}.bike-card{color:var(--text);transition:border-color .12s ease;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.2rem;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:.6rem}.bike-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.bike-head h2{margin:0;font-size:1.15rem}.bike-facts{margin:0;display:flex;flex-direction:column;gap:.35rem}.bike-facts>div{display:flex;justify-content:space-between;gap:1rem}.bike-facts dt{color:var(--muted)}.bike-facts dd{margin:0;font-variant-numeric:tabular-nums;text-align:right}.bike-card:hover{text-decoration:none;border-color:var(--accent)}.bike-odo{font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums}.bike-odo .dim{font-size:.9rem;font-weight:400}.bike-mac{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.8rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;border-top:1px solid var(--border);padding-top:.5rem}.dim{color:var(--muted)}.seg{display:inline-flex;border:1px solid var(--border);border-radius:999px;padding:2px;background:var(--surface)}.seg button{border:0;background:none;color:var(--muted);font:inherit;font-size:.85rem;font-weight:600;padding:.3rem .8rem;border-radius:999px;cursor:pointer}.seg button.on{background:var(--surface-2);color:var(--text)}.ride-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.9rem}.ride-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;color:var(--text);box-shadow:var(--shadow);transition:border-color .12s ease,transform .12s ease}.ride-card:hover{text-decoration:none;border-color:var(--accent);transform:translateY(-2px)}.ride-card-map{position:relative;overflow:hidden;aspect-ratio:16 / 10;background:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--muted) 22%,transparent) 1px,transparent 0) 0 0 / 14px 14px,var(--surface-2);display:grid;place-items:center}.route-preview{width:100%;height:100%}.route-map{width:100%;height:100%;object-fit:cover;display:block}.route-casing{stroke:var(--surface)}.ride-card-nomap{color:var(--muted);font-size:.85rem}.ride-card-km{position:absolute;left:10px;bottom:8px;font-weight:700;font-size:1.05rem;background:color-mix(in srgb,var(--surface) 88%,transparent);border-radius:8px;padding:.05rem .5rem}.ride-card-body{padding:.7rem .9rem .8rem;display:flex;flex-direction:column;gap:.35rem}.ride-card-title{display:flex;flex-direction:column}.ride-card-title>span:first-child{font-weight:600}.ride-card-title .dim{font-size:.82rem}.ride-card-metrics{display:flex;flex-wrap:wrap;gap:.2rem .9rem;font-size:.85rem;font-variant-numeric:tabular-nums}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1.1rem;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.6rem}.panel-head h2,.section-title{margin:0;font-size:1rem}.section-title{margin:1.6rem 0 .8rem}.bike-layout{display:grid;gap:.9rem}.bike-main,.bike-side{display:flex;flex-direction:column;gap:.9rem;min-width:0}@media(min-width:960px){.bike-layout{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start}}.bars{display:grid;grid-template-columns:repeat(12,1fr);gap:.4rem;height:150px;align-items:end}.bar-col{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:.2rem}.bar-col:hover .bar{filter:brightness(1.15)}a.bar-col{color:inherit;text-decoration:none}.bar{width:100%;min-height:2px;border-radius:4px 4px 0 0;background:linear-gradient(to top,color-mix(in srgb,var(--brand) 55%,transparent),var(--brand))}.bar-val,.bar-label{font-size:.7rem;color:var(--muted);font-variant-numeric:tabular-nums}.service-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.9rem}.service-top,.service-sub{display:flex;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.service-sub{font-size:.8rem}.meter{height:6px;border-radius:3px;background:var(--surface-2);margin:.35rem 0;overflow:hidden}.meter-fill{height:100%;border-radius:3px;background:var(--ok)}.meter-fill.soon{background:#e3a008}.meter-fill.overdue{background:var(--danger)}.badge{font-size:.72rem;font-weight:700;padding:.1rem .55rem;border-radius:999px;white-space:nowrap;color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent)}.badge.soon{color:#b7791f;background:color-mix(in srgb,#e3a008 18%,transparent)}.badge.overdue{color:var(--danger);background:color-mix(in srgb,var(--danger) 14%,transparent)}.tank{position:relative;height:28px;border-radius:8px;background:var(--surface-2);overflow:hidden;margin-bottom:.7rem}.tank-fill{position:absolute;inset:0 auto 0 0;background:linear-gradient(to right,#d50000,#ff9800 30%,#00c853 70%);opacity:.75}.tank span{position:relative;display:block;text-align:center;line-height:28px;font-size:.85rem;font-weight:600}.facts{display:grid;grid-template-columns:auto 1fr;gap:.35rem 1rem;margin:0;font-size:.9rem}.facts dt{color:var(--muted);text-transform:capitalize}.facts dd{margin:0;text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.fuel-table{width:100%;margin-top:.8rem;border-collapse:collapse;font-size:.82rem;font-variant-numeric:tabular-nums}.fuel-table th{text-align:left;color:var(--muted);font-weight:500;border-bottom:1px solid var(--border);padding:.3rem .2rem}.fuel-table td{padding:.3rem .2rem;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.ride-layout{display:flex;flex-direction:column}@media(min-width:1400px){.ride-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:0 1.2rem;align-items:start}.ride-map-col{position:sticky;top:80px}.ride-map-col .map-wrap{height:calc(100dvh - 120px);min-height:480px}.ride-side>:first-child{margin-top:0}}.login-scene{min-height:100dvh;display:grid;place-items:center;padding:1.5rem 1rem}.login-card{width:min(24rem,100%);background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:1.8rem 1.6rem 1.4rem;display:flex;flex-direction:column;gap:.9rem}.login-brand{display:flex;align-items:center;gap:.6rem}.login-brand h1{margin:0;font-size:1.4rem}.login-sub{margin:0;color:var(--muted);font-size:.95rem}.mode-toggle{display:grid;grid-template-columns:1fr 1fr;background:var(--surface-2);border-radius:999px;padding:.25rem;gap:.25rem}.mode-toggle button{font:inherit;font-size:.9rem;font-weight:600;border:none;border-radius:999px;padding:.4rem .6rem;background:transparent;color:var(--muted);cursor:pointer}.mode-toggle button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.field{display:flex;flex-direction:column;gap:.3rem;font-size:.9rem;color:var(--muted)}.hint{margin:0;color:var(--muted);font-size:.85rem}.form-error{background:color-mix(in srgb,var(--danger) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--danger) 40%,transparent);border-radius:10px;padding:.6rem .8rem;font-size:.9rem}.form-notice{background:color-mix(in srgb,var(--ok) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--ok) 35%,transparent);border-radius:10px;padding:.6rem .8rem;font-size:.9rem}.login-footnote{margin:.2rem 0 0;text-align:center;color:var(--muted);font-size:.85rem}@media(max-width:640px){.nav a{padding:.3rem .5rem;font-size:.9rem}.topbar .btn.ghost{padding:.35rem .55rem;font-size:.85rem;white-space:nowrap}.heat-legend-labels{white-space:nowrap}.heat-map{height:calc(100vh - 250px);height:calc(100dvh - 250px)}.heat-legend{width:160px}.chip-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin:0 -.9rem;padding:0 .9rem .1rem}.quick-top .search{max-width:none}.map-wrap{height:340px}.content{padding:1.1rem .9rem 2.4rem}.topbar-inner{padding:.5rem .9rem}.brand span{display:none}.nav a{padding:.3rem .65rem}.page-head{flex-wrap:wrap}.ride-grid{grid-template-columns:1fr}.stat-value{font-size:1.05rem}.ride-row{flex-wrap:wrap;gap:.5rem .8rem}.ride-when{min-width:0;flex-direction:row;gap:.6rem;width:100%;justify-content:space-between}.ride-metrics{width:100%;justify-content:space-between}.chevron{display:none}.export-actions{width:100%}.export-actions .btn{flex:1}.share-actions{width:100%;padding:.6rem 0 0;border-left:0;border-top:1px solid var(--border)}.topbar-inner{gap:.6rem}}.pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:24px 0 8px}.pager-group{display:contents}.pager a,.pager .on,.pager .off{min-width:36px;padding:6px 10px;border-radius:999px;text-align:center;border:1px solid var(--border);color:var(--text)}.pager a:hover{border-color:var(--accent);text-decoration:none}.pager .on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.pager .off{color:var(--muted);opacity:.5}.pager-gap{min-width:36px;padding:6px 10px;border:1px dashed var(--border);border-radius:999px;background:none;color:var(--muted);font:inherit;cursor:pointer}.pager-gap:hover{border-color:var(--accent);color:var(--text)}.pager-jump input{width:92px;padding:6px 10px;border:1px solid var(--accent);border-radius:999px;background:var(--surface);color:var(--text);font:inherit;text-align:center}.accent-menu{position:relative}.accent-menu>summary{list-style:none}.accent-menu>summary::-webkit-details-marker{display:none}.accent-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--border)}.accent-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:20;display:grid;grid-template-columns:repeat(7,28px);gap:8px;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.accent-swatch,.accent-custom{width:28px;height:28px;border-radius:50%;border:2px solid var(--surface);box-shadow:0 0 0 1px var(--border);cursor:pointer;padding:0}.accent-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--text)}.accent-custom{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);overflow:hidden;position:relative}.accent-custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}