:root{font-family:Inter,system-ui,sans-serif;color:#e9f0f2;background:#0b1520}body{margin:0}main{max-width:1050px;margin:auto;padding:28px}h1{font-size:32px}h2{font-size:18px}section{background:#142434;border:1px solid #294152;border-radius:14px;padding:20px;margin:16px 0}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px}.metric{background:#1d3344;padding:14px;border-radius:10px}.metric b{font-size:28px;display:block;color:#45d6aa}.metric small{color:#a9beca}button{background:#45d6aa;color:#09231c;border:0;border-radius:9px;padding:12px 16px;font-weight:700;cursor:pointer;margin:4px}button.secondary{background:#294657;color:#fff}input{accent-color:#45d6aa}label{display:inline-flex;flex-direction:column;gap:5px;margin:8px 15px 8px 0}input[type=number]{width:90px;padding:8px;border:1px solid #476071;border-radius:6px;background:#091b27;color:#fff}#chart svg{width:100%;height:230px;background:#0c1c2b;border-radius:9px}#status{color:#ffc85c}.note{color:#a9beca;font-size:13px;line-height:1.6}.profile-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.profile-heading h2{margin:0}.floating-profile[hidden]{display:none!important}.floating-profile{position:fixed;z-index:1000;right:22px;bottom:22px;width:min(680px,calc(100vw - 44px));height:315px;min-width:280px;min-height:200px;max-width:100vw;max-height:95vh;resize:both;overflow:auto;background:#142434;border:1px solid #45d6aa;border-radius:12px;box-shadow:0 16px 48px #000a;padding:0 12px 8px;box-sizing:border-box}.floating-handle{cursor:move;touch-action:none;display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #294152}.floating-handle button{padding:5px 12px;margin:0 2px}.float-stats{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;margin:9px 0}.float-stats b{color:#45d6aa}#floatChart svg{width:100%;height:calc(100% - 2px);min-height:100px;background:#0c1c2b;border-radius:8px}#floatChart{height:calc(100% - 110px)}.float-help{font-size:11px;color:#a9beca;padding-top:3px}.ride-workspace{margin:24px 0;padding:18px;border:1px solid #3a6572;border-radius:18px;background:#102130;box-shadow:0 10px 35px #0003}.workspace-header{padding:3px 5px 8px;border-bottom:1px solid #294152;margin-bottom:14px}.workspace-header h2{font-size:23px;color:#45d6aa;margin:0 0 6px}.workspace-header p{margin:0;color:#a9beca;font-size:14px}.ride-workspace section{margin:12px 0;background:#172b3b}.ride-workspace section:last-child{margin-bottom:0}@media(max-width:600px){.ride-workspace{padding:10px}.ride-workspace section{padding:14px}}.profile-editor{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:10px 0}.profile-editor .note{flex:1;min-width:210px}#chart.editing{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none}#chart.editing svg{outline:2px solid #45d6aa;outline-offset:2px}.profile-inspector{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 12px;margin-top:8px;background:#0c1c2b;border:1px solid #294152;border-radius:9px}.profile-inspector span{font-size:12px;color:#a9beca}.profile-inspector b{color:#ffc85c;display:block;font-size:17px}.profile-inspector button{margin-left:auto}#chart svg{touch-action:pan-y}#chart svg #marker{cursor:ew-resize;stroke-width:5}#chart.editing svg{touch-action:none}.profile-zoom{display:flex;gap:5px;align-items:center;flex-wrap:wrap;margin:9px 0}.profile-zoom .note{margin-left:8px}#zoomIn:disabled,#zoomOut:disabled{opacity:.4;cursor:not-allowed}.overlay-selection{padding:13px 15px;margin:10px 0 15px;background:#142434;border:1px solid #294152;border-radius:10px}.overlay-selection-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:10px}.overlay-metric-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:7px 12px;margin-bottom:10px}.overlay-metric-choices label{display:flex;align-items:center;gap:7px;font-size:13px;margin:0;cursor:pointer}.overlay-metric-choices input{accent-color:#45d6aa}.ride-summary{max-width:720px;margin:2rem auto;padding:1.5rem;border:1px solid #4b5563;border-radius:16px;background:#151e2c;color:#f8fafc;box-shadow:0 14px 36px #0005}.ride-summary[hidden]{display:none}.ride-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0}.ride-summary-stat{background:#243146;border-radius:10px;padding:15px;display:flex;flex-direction:column;gap:7px}.ride-summary-stat small{color:#bdc8d8}.ride-summary-stat strong{font-size:1.4rem;font-variant-numeric:tabular-nums}.ride-summary>button{margin-top:12px}.metrics .metric{cursor:grab;touch-action:pan-y}.metrics .metric:active{cursor:grabbing}.metrics .metric b{font-size:var(--readout-size,28px)}.readout-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.readout-controls label{display:flex;flex-direction:row;align-items:center}.readout-controls input{width:160px}.ride-history-item{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 0;border-bottom:1px solid #536277}.ride-history-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.ride-history-item .note{margin:4px 0}.ride-history-actions a{color:#65f0c7}#chart{position:relative}#chart .profile-live-grade{position:absolute;z-index:3;top:12px;left:16px;pointer-events:none;font-weight:850;line-height:1;letter-spacing:-.045em;text-shadow:0 2px 6px #061019,0 0 3px #061019;transition:color .25s ease,font-size .25s ease}.ride-connection-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,1fr);gap:16px;align-items:start;margin-top:6px}.trainer-controls{display:flex;flex-wrap:wrap;align-content:start;gap:2px}.bluetooth-accessories{display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}.bluetooth-accessories>div{display:flex;flex-wrap:wrap;gap:2px}.bluetooth-accessories .note{margin:2px 4px 4px;overflow-wrap:anywhere}@media(max-width:690px){.ride-connection-layout{grid-template-columns:1fr}.bluetooth-accessories{border-top:1px solid #294152;padding-top:10px}}.ride-workspace{max-width:none}.route-studio{padding:0!important;overflow:hidden;border:1px solid #356574!important;background:#0e202e!important}.route-studio-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid #294657;background:#112b38}.route-studio-heading h2{margin:2px 0 0;font-size:20px}.route-kicker{font-size:10px;font-weight:800;letter-spacing:.18em;color:#45d6aa}.route-studio-hint{font-size:12px;color:#a9beca}.route-studio-grid{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(0,1.65fr);align-items:stretch}.route-builder{padding:15px 16px;border-right:1px solid #294657;min-width:0}.route-panel-heading,.route-preview-title{display:flex;align-items:center;gap:10px}.route-panel-heading h2,.route-preview-title h2{margin:0;font-size:16px}.route-panel-heading p{margin:2px 0 8px;font-size:11px}.route-step{display:grid;place-items:center;flex:none;width:27px;height:27px;border-radius:8px;background:#204b4c;color:#73e8c5;font-size:12px;font-weight:800}.route-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 10px;margin:9px 0}.route-fields label{display:flex;flex-direction:column;margin:0;gap:4px;font-size:12px;color:#c4d7df;min-width:0}.route-fields input,.route-fields select{box-sizing:border-box;width:100%;min-width:0;padding:8px;border:1px solid #476071;border-radius:7px;background:#091b27;color:#fff;font:inherit}.route-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.route-actions button{margin:0;padding:9px 10px;font-size:12px;flex:1 1 115px}.route-actions #generateRoute{flex-basis:100%;font-size:13px}.route-tip{font-size:11px;margin:10px 0 0}.route-preview{padding:15px 16px;min-width:0}.route-preview .profile-heading{gap:8px}.route-preview .profile-heading>div:last-child{display:flex;gap:4px;flex-wrap:wrap}.route-preview .profile-heading button,.route-preview .profile-editor button,.route-preview .profile-zoom button{font-size:11px;padding:7px 9px;margin:0}.route-preview .profile-editor,.route-preview .profile-zoom{margin:8px 0;gap:5px}.route-preview #chart svg{height:205px}.route-preview .profile-inspector{padding:7px 9px;gap:8px}.route-preview .profile-inspector span{font-size:11px}.route-preview .profile-inspector b{font-size:14px}.route-preview-help{font-size:11px;margin:6px 0 0}@media(max-width:840px){.route-studio-grid{grid-template-columns:1fr}.route-builder{border-right:0;border-bottom:1px solid #294657}.route-studio-hint{display:none}.route-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.route-actions #generateRoute{flex-basis:auto}}@media(max-width:540px){.route-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.route-studio-heading,.route-builder,.route-preview{padding:12px}.route-preview .profile-heading{align-items:flex-start}.route-preview #chart svg{height:180px}}main{max-width:1600px;padding:12px 18px}main>h1{font-size:23px;margin:3px 0 4px}main>p{font-size:12px;margin:2px 0 7px;color:#a9beca}#accountSection{padding:8px 12px;margin:7px 0}#accountSection h2{font-size:13px;margin:0 0 3px}#accountSection>p{display:none}#accountSection label{margin:3px 7px 3px 0}#accountSection button{padding:6px 10px;font-size:11px;margin:2px}#accountSection #authMessage{font-size:11px;margin:2px 0}.ride-workspace{margin:8px 0;padding:9px 11px}.workspace-header{display:flex;align-items:center;gap:12px;padding:1px 3px 7px;margin-bottom:7px}.workspace-header h2{font-size:17px;margin:0;white-space:nowrap}.workspace-header p{font-size:11px}.ride-workspace section{margin:7px 0}.connection-strip{padding:9px 12px!important}.connection-strip>h2{font-size:14px;margin:0 0 4px}.connection-strip>label{margin:2px 6px 2px 0;font-size:11px}.connection-strip #gpx{font-size:11px}.ride-connection-layout{display:grid;grid-template-columns:minmax(260px,1.15fr) minmax(210px,.9fr) minmax(245px,1fr);gap:8px;margin:4px 0}.trainer-controls>div,.bluetooth-accessories>div{display:flex;flex-wrap:wrap;gap:3px}.trainer-controls button,.bluetooth-accessories button,.bluetooth-auto button{padding:7px 9px;margin:0;font-size:11px}.bluetooth-auto{min-width:0;font-size:11px}.bluetooth-auto label{display:flex;flex-direction:row;align-items:center;gap:6px;margin:1px 0 5px}.bluetooth-auto .note,.bluetooth-accessories .note{font-size:10px;line-height:1.25;margin:3px 0}.connection-strip #status{font-size:11px;margin:5px 0 0}.connection-help{margin-top:4px;color:#9eb7c6;font-size:11px}.connection-help summary{cursor:pointer}.connection-help .note{font-size:11px;margin:5px 0}.ride-stage{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(320px,.85fr);gap:9px;align-items:stretch}.ride-stage>section{margin:0!important;min-width:0}.ride-dashboard{padding:11px!important;display:flex;flex-direction:column}.ride-dashboard>h2{font-size:15px;margin:0 0 9px}.ride-dashboard .metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.ride-dashboard .metric{padding:9px 6px;border-radius:7px;min-width:0;text-align:center}.ride-dashboard .metric b{font-size:min(var(--readout-size,23px),23px);line-height:1.1;white-space:nowrap;font-variant-numeric:tabular-nums}.ride-dashboard .metric small{display:block;font-size:10px;line-height:1.25;margin-top:4px}.readout-options{margin-top:10px;border-top:1px solid #294152;padding-top:9px}.readout-options summary{font-size:11px;color:#a9beca;cursor:pointer}.readout-options .overlay-selection{padding:7px;margin:6px 0}.readout-options .overlay-metric-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.route-studio-heading{padding:9px 12px}.route-studio-heading h2{font-size:16px}.route-builder,.route-preview{padding:9px 11px}.route-panel-heading p{display:none}.route-fields{gap:5px 7px;margin:7px 0}.route-fields input,.route-fields select{padding:6px}.route-actions{margin-top:7px}.route-actions button{padding:7px 8px}.route-tip,.route-preview-help{display:none}.route-preview #chart svg{height:175px}.route-preview .profile-editor,.route-preview .profile-zoom{margin:5px 0}.route-preview .profile-inspector{padding:5px;gap:6px}.route-preview .profile-inspector b{font-size:12px}.route-preview .profile-inspector span{font-size:10px}.route-preview .profile-heading button,.route-preview .profile-editor button,.route-preview .profile-zoom button{padding:5px 7px}@media(min-width:1200px)and (min-height:760px){.ride-workspace{max-height:calc(100dvh - 140px);overflow:auto}}@media(max-width:1180px){.ride-stage{grid-template-columns:1fr}.ride-dashboard .metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.ride-connection-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.bluetooth-auto{grid-column:span 2}}@media(max-width:700px){main{padding:8px}.ride-stage{grid-template-columns:1fr}.ride-dashboard .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.ride-connection-layout{grid-template-columns:1fr}.bluetooth-auto{grid-column:auto}.workspace-header{display:block}.route-studio-grid{grid-template-columns:1fr}.ride-workspace{padding:7px}}.ride-stage{display:flex;flex-direction:column;gap:10px;width:100%;min-width:0}.ride-stage>.route-studio,.ride-stage>.ride-dashboard{width:100%;min-width:0;box-sizing:border-box}.ride-stage>.route-studio{flex:none}.ride-stage>.ride-dashboard{flex:none}.ride-stage .route-studio-grid{grid-template-columns:minmax(285px,.7fr) minmax(0,2.3fr)}.ride-stage .route-preview #chart svg{height:235px}.ride-stage .ride-dashboard .metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}@media(max-width:840px){.ride-stage .route-studio-grid{grid-template-columns:1fr}.ride-stage .ride-dashboard .metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:440px){.ride-stage .ride-dashboard .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}#rideWorkspace.ride-workspace{max-height:none!important;height:auto!important;overflow:visible!important;overflow-y:visible!important;overflow-x:visible!important}.ride-stage{display:flex;flex-direction:column;width:100%;gap:16px}.ride-stage #routeStudio{width:100%;max-width:none}.ride-stage #routeStudio .route-studio-grid{display:flex;flex-direction:column}.ride-stage #routeStudio .route-builder,.ride-stage #routeStudio .route-preview{width:100%;box-sizing:border-box;min-width:0}.ride-stage #routeStudio .route-builder{border-right:0;border-bottom:1px solid #294657}.ride-stage #routeStudio .route-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:16px 0}.ride-stage #routeStudio .route-actions{gap:12px;margin:14px 0}.ride-stage #routeStudio .route-actions button{flex:1 1 180px;font-size:16px;padding:13px 16px}.ride-stage #routeStudio .route-actions #generateRoute{flex-basis:180px;font-size:16px}.ride-stage #routeStudio .route-fields label{font-size:15px;gap:7px}.ride-stage #routeStudio .route-fields input,.ride-stage #routeStudio .route-fields select{font-size:16px;padding:12px}.ride-stage #routeStudio .route-panel-heading h2,.ride-stage #routeStudio .route-preview-title h2{font-size:21px}.ride-stage #routeStudio .route-studio-heading h2{font-size:23px}.ride-stage #routeStudio .route-builder,.ride-stage #routeStudio .route-preview{padding:20px 24px}.ride-stage #routeStudio .route-preview #chart svg{height:300px}.ride-stage #routeStudio .profile-inspector span{font-size:14px}.ride-stage #routeStudio .profile-inspector b{font-size:17px}.ride-stage #routeStudio .profile-heading button,.ride-stage #routeStudio .profile-editor button,.ride-stage #routeStudio .profile-zoom button{font-size:14px;padding:10px 13px}.ride-workspace .workspace-header h2{font-size:21px}.ride-workspace .workspace-header p{font-size:14px}.ride-workspace .connection-strip>h2,.ride-workspace .ride-dashboard>h2{font-size:19px}.ride-workspace .connection-strip button{font-size:14px;padding:10px 13px}.ride-workspace .connection-strip label,.ride-workspace .connection-strip #status{font-size:14px}.ride-workspace .bluetooth-auto,.ride-workspace .bluetooth-auto .note,.ride-workspace .bluetooth-accessories .note{font-size:13px}.ride-workspace .ride-dashboard .metric b{font-size:var(--readout-size,28px);max-width:100%}.ride-workspace .ride-dashboard .metric small{font-size:13px}.ride-workspace .ride-dashboard .metric{padding:14px 8px}@media(max-width:1100px){.ride-stage #routeStudio .route-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.ride-stage #routeStudio .route-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.ride-stage #routeStudio .route-builder,.ride-stage #routeStudio .route-preview{padding:14px}.ride-stage #routeStudio .route-preview #chart svg{height:205px}}:root{--brand-blue:#455da7;--brand-blue-dark:#293e82;--brand-yellow:#ffe600;--brand-white:#ffffff}html{scroll-behavior:smooth}body{background:#edf1fc!important;color:#152449!important;font-size:17px;line-height:1.5}main{max-width:1680px!important;padding:20px 26px!important}main>h1{font-size:clamp(30px,3vw,46px)!important;letter-spacing:.01em;color:#293e82!important;margin:4px 0 16px!important}section,.ride-workspace,.route-builder,.route-preview,.ride-dashboard,.connection-strip{border-radius:14px}.ride-workspace{max-height:none!important;height:auto!important;overflow:visible!important;padding:20px!important;background:#fff!important;border:2px solid #cbd4ef!important;box-shadow:0 6px 25px #293e8214}.ride-workspace .workspace-header{margin-bottom:14px}.ride-workspace .workspace-header h2{font-size:26px!important;color:#293e82!important}.ride-workspace .workspace-header p{font-size:16px!important;color:#46557d!important}.ride-workspace h2,.ride-workspace h3{color:#293e82!important}.ride-workspace .connection-strip{background:#edf1fc!important;border:1px solid #cbd4ef!important;padding:16px!important}.ride-workspace .connection-strip>h2{font-size:21px!important}.ride-workspace .connection-strip button{font-size:16px!important;padding:12px 16px!important}.ride-workspace .connection-strip label,.ride-workspace .connection-strip #status{font-size:16px!important}.ride-workspace .bluetooth-auto,.ride-workspace .bluetooth-auto .note,.ride-workspace .bluetooth-accessories .note{font-size:15px!important}.ride-stage{display:flex!important;flex-direction:column!important;gap:18px!important;width:100%}.ride-stage #routeStudio{width:100%!important;max-width:none!important}.ride-stage #routeStudio .route-studio-grid{display:flex!important;flex-direction:column!important}.ride-stage #routeStudio .route-builder,.ride-stage #routeStudio .route-preview{width:100%!important;min-width:0!important;padding:22px 26px!important;background:#fff!important}.ride-stage #routeStudio .route-builder{border-bottom:2px solid #dbe2f5!important}.ride-stage #routeStudio .route-fields{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:14px!important}.ride-stage #routeStudio .route-fields label{font-size:17px!important;font-weight:650;color:#293e82!important}.ride-stage #routeStudio .route-fields input,.ride-stage #routeStudio .route-fields select{font-size:18px!important;padding:13px!important;min-height:48px!important;border:2px solid #a7b7e0!important;background:#fff!important;color:#152449!important}.ride-stage #routeStudio .route-actions button{font-size:18px!important;font-weight:750!important;padding:15px 22px!important;min-height:52px!important}.ride-stage #routeStudio .route-panel-heading h2,.ride-stage #routeStudio .route-preview-title h2{font-size:25px!important}.ride-stage #routeStudio .route-studio-heading h2{font-size:28px!important}.ride-stage #routeStudio .route-preview #chart svg{height:315px!important}.ride-stage #routeStudio .profile-inspector span{font-size:16px!important}.ride-stage #routeStudio .profile-inspector b{font-size:20px!important}.ride-stage #routeStudio .profile-heading button,.ride-stage #routeStudio .profile-editor button,.ride-stage #routeStudio .profile-zoom button{font-size:16px!important;padding:12px 15px!important}.ride-stage .ride-dashboard{background:#fff!important;padding:20px!important}.ride-stage .ride-dashboard>h2{font-size:25px!important}.ride-stage .ride-dashboard .metrics{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:12px!important}.ride-stage .ride-dashboard .metric{background:#edf1fc!important;border:1px solid #cbd4ef!important;padding:18px 10px!important}.ride-stage .ride-dashboard .metric b{font-size:clamp(23px,2.1vw,36px)!important;color:#293e82!important}.ride-stage .ride-dashboard .metric small{font-size:15px!important;color:#46557d!important}button{background:#455da7!important;color:#fff!important;border:2px solid #455da7!important;border-radius:9px!important;cursor:pointer}button:hover{background:#293e82!important;border-color:#293e82!important}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ffe600!important;outline-offset:3px}button.secondary,.route-actions button.secondary{background:#fff!important;color:#293e82!important;border:2px solid #455da7!important}button.secondary:hover{background:#edf1fc!important}#generateRoute,#surpriseRoute{background:#ffe600!important;border-color:#e6cb00!important;color:#293e82!important}#generateRoute:hover,#surpriseRoute:hover{background:#ffef57!important}#accountSection{background:#fff!important;border:1px solid #cbd4ef!important;padding:14px 18px!important}#accountSection h2{font-size:20px!important}#accountSection label,#accountSection input{font-size:16px!important}#accountSection button{font-size:15px!important;padding:10px 14px!important}@media(max-width:1150px){.ride-stage #routeStudio .route-fields,.ride-stage .ride-dashboard .metrics{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:700px){main{padding:12px!important}.ride-workspace{padding:10px!important}.ride-stage #routeStudio .route-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ride-stage #routeStudio .route-builder,.ride-stage #routeStudio .route-preview{padding:14px!important}.ride-stage .ride-dashboard .metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}.ride-stage #routeStudio .route-preview #chart svg{height:210px!important}}main>section,main>section#rideHistorySection{background:#fff!important;color:#1b2c57!important;border:2px solid #cbd5ee!important;box-shadow:0 4px 15px #293e820f!important;padding:22px 26px!important}main>section h2,main>section h3,main>section label,main>section strong{color:#293e82!important}main>section .note,main>section p{color:#485c80!important;font-size:15px!important;line-height:1.55!important}main>section input,main>section select{background:#fff!important;color:#1b2c57!important;border:2px solid #a7b7e0!important;font-size:17px!important;min-height:45px!important;padding:9px 12px!important;box-sizing:border-box}main>section input[type=number]{width:145px!important}main>section label{font-size:17px!important;gap:9px!important;margin:9px 16px 9px 0!important}main>section h2{font-size:24px!important;margin:0 0 16px!important}main>section button{font-size:16px!important;padding:12px 17px!important}.ride-stage #routeStudio .route-fields{align-items:start!important;grid-auto-rows:1fr!important}.ride-stage #routeStudio .route-fields label{display:flex!important;flex-direction:column!important;justify-content:flex-end!important;min-width:0!important;height:100%!important;margin:0!important;line-height:1.35!important}.ride-stage #routeStudio .route-fields input,.ride-stage #routeStudio .route-fields select{margin-top:auto!important;width:100%!important;box-sizing:border-box!important;flex-shrink:0!important}.ride-stage #routeStudio .route-fields label:last-child{align-self:stretch!important}.ride-stage #routeStudio .route-preview #chart svg{height:315px!important;background:#112333!important;border:2px solid #2e445b!important;border-radius:10px!important}.ride-stage #routeStudio .profile-inspector{background:#112333!important;border:2px solid #2e445b!important;padding:13px 15px!important;gap:16px!important;display:flex!important;align-items:center!important}.ride-stage #routeStudio .profile-inspector span{color:#b4c7d4!important;font-size:16px!important}.ride-stage #routeStudio .profile-inspector b{color:#ffcc70!important;font-size:20px!important}.ride-stage #routeStudio .profile-inspector button{margin-left:auto!important}.ride-stage #routeStudio .route-preview .profile-editor,.ride-stage #routeStudio .route-preview .profile-zoom{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:10px 0!important}.ride-stage #routeStudio .profile-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;flex-wrap:wrap!important}.ride-stage #routeStudio .profile-heading button,.ride-stage #routeStudio .profile-editor button,.ride-stage #routeStudio .profile-zoom button{background:#fff!important;color:#293e82!important;border:2px solid #455da7!important;font-size:16px!important;font-weight:700!important;border-radius:9px!important}.ride-stage #routeStudio .profile-heading button:hover,.ride-stage #routeStudio .profile-editor button:hover,.ride-stage #routeStudio .profile-zoom button:hover{background:#e8eeff!important}.ride-stage #routeStudio .profile-live-grade{color:#6ecb7c!important;font-size:27px!important}.ride-stage #routeStudio .readout-options,.ride-stage .readout-options{display:block!important;background:#f1f4fc!important;border:1px solid #cbd5ee!important;border-radius:10px!important;padding:16px!important;margin-top:15px!important;color:#293e82!important}.ride-stage .readout-options summary{font-size:19px!important;font-weight:800!important;color:#293e82!important;cursor:default!important;list-style:none!important}.ride-stage .readout-options summary::-webkit-details-marker{display:none}.ride-stage .readout-options .overlay-selection{display:block!important;background:#fff!important;color:#293e82!important;border-radius:9px!important;margin-top:12px!important}.ride-stage .readout-options .overlay-metric-choices{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important}.ride-stage .readout-options label{color:#293e82!important;font-size:15px!important}#chart.editing svg #marker{pointer-events:none!important;cursor:ns-resize!important}@media(max-width:1000px){.ride-stage .readout-options .overlay-metric-choices{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:600px){.ride-stage #routeStudio .route-fields,.ride-stage .readout-options .overlay-metric-choices{grid-template-columns:1fr!important}main>section{padding:16px!important}}.ride-stage .readout-options h3{font-size:20px!important;color:#293e82!important;margin:0 0 10px!important}.ride-stage #routeStudio .profile-inspector .profile-start-ride{background:#ffcc70!important;color:#091827!important;border:0!important;font-size:22px!important;font-weight:900!important;padding:13px 32px!important;margin:0 auto!important;min-height:50px!important}.ride-stage #routeStudio .profile-inspector .route-profile-total{border-left:3px solid #ffcc70;padding-left:16px}.ride-stage #routeStudio .profile-inspector .route-profile-total b{color:#ffcc70!important}#drivetrainSection{background:#fff!important;border:1px solid #cbd4ef!important;color:#152449!important;padding:20px!important}#drivetrainSection h2,#drivetrainSection h3{color:#293e82!important}#drivetrainSection label{display:block;font-size:17px;font-weight:650}#drivetrainSection select{display:block;width:100%;max-width:750px;min-height:50px;font-size:18px;padding:10px;margin:8px 0 12px;border:2px solid #a7b7e0;border-radius:8px;background:#fff;color:#152449}#drivetrainSection .note{font-size:15px;color:#46557d}#virtualShiftingSettings[hidden]{display:none!important}#virtualShiftingSettings{margin-top:15px;padding-top:12px;border-top:1px solid #cbd4ef}#connectClick:disabled{opacity:.45;cursor:not-allowed}.browser-compatibility{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:12px 0 20px;padding:16px 20px;border:2px solid #455da7;border-left:7px solid #ffe600;border-radius:12px;background:#f2f5ff;color:#172b65;box-shadow:0 2px 12px #172b6518}.browser-compatibility[hidden]{display:none!important}.browser-compatibility-copy{flex:1 1 380px}.browser-compatibility strong{font-size:17px}.browser-compatibility p{margin:6px 0 0;line-height:1.45;font-size:14px}.browser-compatibility-actions{display:flex;align-items:center;gap:10px}.browser-compatibility-actions a{display:inline-block;background:#455da7;color:#fff;text-decoration:none;padding:10px 14px;border-radius:7px;font-weight:700}.browser-compatibility-actions button{margin:0}.ride-workspace .connection-strip .ride-connection-layout{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:20px!important;align-items:start!important}.ride-devices-column,.ride-shifting-column{display:flex;flex-direction:column;gap:12px;min-width:0}.ride-workspace .connection-strip .device-connect-card,.ride-workspace .connection-strip .bluetooth-auto,.ride-workspace .connection-strip #drivetrainSection{background:#fff!important;border:1px solid #cbd4ef!important;border-radius:12px!important;padding:16px!important;margin:0!important;min-width:0}.device-connect-card h3{margin:0 0 10px;color:#293e82;font-size:17px}.device-button-row{display:flex;gap:8px;flex-wrap:wrap}.device-connect-card .note{margin:9px 0 0}.ride-session-actions{display:flex;gap:8px;flex-wrap:wrap}.ride-workspace .connection-strip #drivetrainSection h2{font-size:19px!important;margin:0 0 10px}.ride-workspace .connection-strip #drivetrainSection h3{font-size:17px!important}.ride-workspace .connection-strip #drivetrainSection select{max-width:100%;font-size:15px;min-height:44px}.ride-workspace .connection-strip #virtualShiftingSettings{border-top:1px solid #cbd4ef;padding-top:14px;margin-top:14px}.ride-workspace .connection-strip #virtualShiftingSettings[hidden]{display:none!important}@media(max-width:850px){.ride-workspace .connection-strip .ride-connection-layout{grid-template-columns:minmax(0,1fr)!important}}@media(min-width:1001px){body.ride-focus-active .ride-stage #routeStudio .route-studio-heading,body.ride-focus-active .ride-stage #routeStudio .route-builder,body.ride-focus-active .ride-stage #routeStudio .profile-editor,body.ride-focus-active .ride-stage #routeStudio .profile-zoom,body.ride-focus-active .ride-stage .readout-options,body.ride-focus-active .ride-stage .route-preview-help{display:none!important}body.ride-focus-active .ride-stage #routeStudio .route-studio-grid{display:block!important}body.ride-focus-active .ride-stage #routeStudio .route-preview{width:100%!important;max-width:none!important;padding:8px 14px!important;box-sizing:border-box!important}body.ride-focus-active .ride-stage #routeStudio .profile-heading{margin:0 0 5px!important}body.ride-focus-active .ride-stage #routeStudio .profile-heading button{padding:5px 9px!important;font-size:12px!important}body.ride-focus-active .ride-stage #routeStudio .route-preview #chart svg{height:clamp(125px,24vh,230px)!important}body.ride-focus-active .ride-stage #routeStudio .profile-inspector{padding:5px 10px!important;gap:8px!important;flex-wrap:wrap!important}body.ride-focus-active .ride-stage #routeStudio .profile-inspector span{font-size:12px!important}body.ride-focus-active .ride-stage #routeStudio .profile-inspector b{font-size:15px!important}body.ride-focus-active .ride-stage #routeStudio .profile-inspector .profile-start-ride{font-size:15px!important;padding:6px 12px!important;min-height:35px!important}body.ride-focus-active .ride-stage .ride-dashboard{padding:8px 14px!important;margin-top:5px!important}body.ride-focus-active .ride-stage .ride-dashboard>h2{font-size:19px!important;margin:0 0 6px!important}body.ride-focus-active .ride-stage .ride-dashboard .metrics{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:6px!important}body.ride-focus-active .ride-stage .ride-dashboard .metric{padding:7px 5px!important;min-width:0!important}body.ride-focus-active .ride-stage .ride-dashboard .metric b{font-size:clamp(18px,2vw,26px)!important}body.ride-focus-active .ride-stage .ride-dashboard .metric small{font-size:11px!important}}@media(max-width:1000px){body.ride-focus-active .ride-stage #routeStudio .route-builder,body.ride-focus-active .ride-stage #routeStudio .route-studio-heading,body.ride-focus-active .ride-stage .readout-options{display:none!important}body.ride-focus-active .ride-stage #routeStudio .route-studio-grid{display:block!important}body.ride-focus-active .ride-stage #routeStudio .route-preview{width:100%!important;max-width:none!important;box-sizing:border-box!important}}html,body{min-height:100%}body{overflow-x:hidden}main{max-width:none!important;width:100%!important;box-sizing:border-box!important;padding:12px 22px!important}.app-brand{font-size:clamp(19px,2vw,28px)!important;margin:0 0 5px!important}.screen-progress{display:flex;justify-content:center;gap:12px;align-items:center;margin:6px 0 12px;font-weight:700;color:#455da7}.screen-progress span{padding:7px 15px;border-radius:30px;background:#edf0fa}.screen-progress .active{background:#455da7;color:#fff}.breakaway-screen[hidden]{display:none!important}.breakaway-screen{width:100%;min-width:0}.primary-next{display:block;width:100%;margin-top:15px!important;background:#455da7!important;color:#fff!important;font-size:19px!important;font-weight:800!important;padding:16px!important}#screenRoute .route-studio{display:block!important}#screenRoute .route-studio-grid{display:grid!important}#screenRoute .route-preview{display:none!important}#screenRoute .route-builder{width:100%!important;max-width:none!important}#screenSetup .connection-strip{display:block!important;max-width:1200px;margin:0 auto!important}#screenSetup .setup-next{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;margin:18px 0}#goToRide{font-size:20px;padding:15px 26px}#goToRide:disabled{opacity:.45;cursor:not-allowed}#screenRide{height:calc(100dvh - 110px);min-height:460px;overflow:hidden;display:flex;flex-direction:column;gap:5px}#screenRide .ride-screen-header{display:flex;justify-content:space-between;align-items:center;flex:none;min-height:36px;color:#455da7}.ride-screen-actions{display:flex;gap:8px}.ride-screen-actions button{padding:5px 10px!important;font-size:12px!important}#screenRide .ride-screen-content{display:grid;grid-template-rows:minmax(0,44%) minmax(0,56%);min-height:0;flex:1;gap:5px}#screenRide .route-preview{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important;padding:7px 12px!important;margin:0!important;max-width:none!important;width:100%!important;box-sizing:border-box!important}#screenRide .profile-heading{margin:0!important;flex:none}#screenRide .profile-heading button{padding:3px 8px!important;font-size:11px!important}#screenRide .profile-editor,#screenRide .profile-zoom,#screenRide .route-preview-help{display:none!important}#screenRide #chart{flex:1!important;min-height:0!important;overflow:hidden!important}#screenRide #chart svg{height:100%!important;max-height:100%!important;width:100%!important}#screenRide .profile-inspector{flex:none!important;padding:3px 8px!important;gap:7px!important;flex-wrap:wrap!important}#screenRide .profile-inspector span{font-size:11px!important}#screenRide .profile-inspector b{font-size:13px!important}#screenRide #start{font-size:15px!important;padding:6px 15px!important;min-height:34px!important;background:#ffe600!important;color:#172b65!important;font-weight:900!important}#screenRide .ride-dashboard{min-height:0!important;overflow:hidden!important;margin:0!important;padding:6px 12px!important;display:flex!important;flex-direction:column!important}#screenRide .ride-dashboard>h2{font-size:17px!important;margin:0 0 4px!important;flex:none}#screenRide .metrics{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;flex:1!important;min-height:0!important;gap:5px!important}#screenRide .metric{min-height:0!important;padding:4px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important}#screenRide .metric b{font-size:clamp(15px,2.4vw,27px)!important;line-height:1.2!important}#screenRide .metric small{font-size:clamp(9px,1vw,12px)!important;text-align:center!important;line-height:1.1!important}#screenRide .readout-options{display:none!important}body[data-breakaway-screen=ride]{overflow:hidden!important}body[data-breakaway-screen=ride] main>.ride-workspace{margin:0!important;padding:0!important}body[data-breakaway-screen=ride] main>.ride-workspace>.workspace-header{display:none!important}body[data-breakaway-screen=ride] main>section:not(#screenRide),body[data-breakaway-screen=ride] main>.floating-profile{display:none!important}body[data-breakaway-screen=ride] main>p{display:none!important}@media(max-width:800px){main{padding:8px!important}.screen-progress{gap:3px;font-size:10px}.screen-progress span{padding:5px 7px}#screenRide{height:calc(100dvh - 100px);min-height:350px}#screenRide .ride-screen-content{grid-template-rows:42% 58%}#screenRide .metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(3,minmax(0,1fr))!important}#screenRide .profile-inspector span:nth-of-type(n+4){display:none!important}#screenRide .profile-heading button{display:none!important}}body[data-breakaway-screen] main>.ride-workspace{max-height:none!important;overflow:visible!important;display:block!important}body[data-breakaway-screen] .ride-workspace>.ride-stage,body[data-breakaway-screen] .ride-workspace>.workspace-header{display:none!important}body[data-breakaway-screen] main>section:not(.browser-compatibility),body[data-breakaway-screen] main>#rideHistorySection{display:none!important}body[data-breakaway-screen] .breakaway-screen[hidden]{display:none!important}body[data-breakaway-screen=route] #screenRoute,body[data-breakaway-screen=setup] #screenSetup{display:block!important}body[data-breakaway-screen=ride] #screenRide{display:flex!important}body[data-breakaway-screen=route] #screenRoute .route-studio,body[data-breakaway-screen=route] #screenRoute .route-studio-grid{display:block!important}body[data-breakaway-screen=route] #screenRoute .route-builder{max-width:100%!important;width:100%!important}body[data-breakaway-screen=ride] main{height:100dvh!important;overflow:hidden!important}body[data-breakaway-screen=ride] main>.ride-workspace{height:calc(100dvh - 94px)!important;box-sizing:border-box!important}body[data-breakaway-screen=ride] #screenRide{height:100%!important;min-height:0!important;box-sizing:border-box!important}body[data-breakaway-screen=ride] .screen-progress{margin:2px 0 5px!important}body[data-breakaway-screen=ride] .ride-screen-content{grid-template-rows:minmax(0,43fr) minmax(0,57fr)!important}body[data-breakaway-screen=ride] #screenRide .route-preview,body[data-breakaway-screen=ride] #screenRide .ride-dashboard{background:#fff!important}body[data-breakaway-screen=route] #screenRoute .route-studio-grid{display:grid!important;grid-template-columns:minmax(290px,.9fr) minmax(0,1.4fr)!important;gap:14px!important;align-items:stretch!important}body[data-breakaway-screen=route] #screenRoute .route-studio-grid>.route-preview{display:none!important}body[data-breakaway-screen=route] #screenRoute .route-builder{min-width:0!important;max-width:none!important;width:auto!important}body[data-breakaway-screen=route] #screenRoute .route-studio-live-preview{display:flex!important;flex-direction:column;min-width:0;min-height:340px;background:#fff;border:1px solid #dce3ed;border-radius:12px;padding:16px;box-sizing:border-box}.route-studio-live-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.route-studio-live-heading>div{display:flex;gap:12px;align-items:center}.route-studio-live-heading h2{margin:0;font-size:20px;color:#253b7a}.studio-live-chart{flex:1;min-height:260px;width:100%;margin:12px 0 6px;overflow:hidden;border-radius:10px;background:#112333;color:#fff;display:flex;align-items:center;justify-content:center}.studio-live-chart svg{width:100%;height:100%;display:block}.studio-live-stats{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;color:#334155}.studio-live-stats b{font-size:16px;color:#172b65}@media(max-width:850px){body[data-breakaway-screen=route] #screenRoute .route-studio-grid{grid-template-columns:1fr!important}body[data-breakaway-screen=route] #screenRoute .route-studio-live-preview{min-height:280px}.studio-live-chart{min-height:210px}}body[data-breakaway-screen=route]{overflow:hidden!important}body[data-breakaway-screen=route] main{height:100dvh!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:9px 18px!important}body[data-breakaway-screen=route] main>.app-brand{flex:none!important;font-size:23px!important;line-height:1.1!important}body[data-breakaway-screen=route] main>p{display:none!important}body[data-breakaway-screen=route] .screen-progress{flex:none!important;margin:3px 0 7px!important;gap:12px!important;font-size:clamp(12px,1.4vw,17px)!important}body[data-breakaway-screen=route] .screen-progress span{padding:7px 14px!important}body[data-breakaway-screen=route] main>.ride-workspace{flex:1!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}body[data-breakaway-screen=route] #screenRoute{height:100%!important;min-height:0!important}body[data-breakaway-screen=route] #screenRoute .route-studio{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;box-sizing:border-box!important}body[data-breakaway-screen=route] #screenRoute .route-studio-heading{flex:none!important;padding:6px 14px!important}body[data-breakaway-screen=route] #screenRoute .route-studio-heading h2{font-size:15px!important}body[data-breakaway-screen=route] #screenRoute .route-studio-grid{flex:1!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr)!important;gap:0!important;overflow:hidden!important}body[data-breakaway-screen=route] #screenRoute .route-builder{padding:8px 13px!important;border-right:0!important;border-bottom:1px solid #294657!important;min-height:0!important}body[data-breakaway-screen=route] #screenRoute .route-panel-heading{margin-bottom:4px!important}body[data-breakaway-screen=route] #screenRoute .route-panel-heading p{display:none!important}body[data-breakaway-screen=route] #screenRoute .route-fields{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:8px!important;margin:5px 0!important}body[data-breakaway-screen=route] #screenRoute .route-fields label{font-size:11px!important}body[data-breakaway-screen=route] #screenRoute .route-fields input,body[data-breakaway-screen=route] #screenRoute .route-fields select{padding:5px 7px!important;min-height:30px!important}body[data-breakaway-screen=route] #screenRoute .route-actions{display:grid!important;grid-template-columns:2fr 1fr 1fr!important;gap:7px!important;margin:7px 0!important}body[data-breakaway-screen=route] #screenRoute .route-actions button{width:100%!important;padding:7px!important;min-height:32px!important;font-size:12px!important}body[data-breakaway-screen=route] #screenRoute #enjoyRide{margin:5px 0 0!important;padding:8px!important;font-size:15px!important;min-height:35px!important}body[data-breakaway-screen=route] #screenRoute .route-tip{display:none!important}body[data-breakaway-screen=route] #screenRoute .route-studio-live-preview{min-height:0!important;height:100%!important;overflow:hidden!important;padding:9px 13px!important;border-radius:0!important;border:0!important}body[data-breakaway-screen=route] #screenRoute .route-studio-live-heading h2{font-size:16px!important}body[data-breakaway-screen=route] #screenRoute .studio-live-chart{flex:1!important;min-height:0!important;margin:5px 0!important}body[data-breakaway-screen=route] #screenRoute .studio-live-stats{flex:none!important;font-size:12px!important}@media(max-width:750px){body[data-breakaway-screen=route] main{padding:6px!important}body[data-breakaway-screen=route] #screenRoute .route-fields{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:4px!important}body[data-breakaway-screen=route] #screenRoute .route-fields label{font-size:10px!important}body[data-breakaway-screen=route] #screenRoute .route-actions{gap:4px!important}body[data-breakaway-screen=route] #screenRoute .route-studio-heading{padding:4px 9px!important}body[data-breakaway-screen=route] #screenRoute .route-builder{padding:6px 8px!important}body[data-breakaway-screen=route] .screen-progress{font-size:10px!important;gap:3px!important}body[data-breakaway-screen=route] .screen-progress span{padding:5px!important}}@media(max-height:670px){body[data-breakaway-screen=route] #screenRoute .route-studio-heading,body[data-breakaway-screen=route] #screenRoute .route-panel-heading{display:none!important}}@media(min-width:751px){body[data-breakaway-screen=route] #screenRoute .route-studio-grid{grid-template-rows:minmax(0,43%) minmax(0,57%)!important}body[data-breakaway-screen=route] #screenRoute .route-builder{display:flex!important;flex-direction:column!important;justify-content:center!important;padding:12px 18px!important}body[data-breakaway-screen=route] #screenRoute .route-panel-heading{margin-bottom:8px!important}body[data-breakaway-screen=route] #screenRoute .route-panel-heading h3{font-size:clamp(18px,1.6vw,23px)!important}body[data-breakaway-screen=route] #screenRoute .route-fields{gap:12px!important;margin:9px 0!important}body[data-breakaway-screen=route] #screenRoute .route-fields label{font-size:clamp(13px,1vw,16px)!important;line-height:1.3!important}body[data-breakaway-screen=route] #screenRoute .route-fields input,body[data-breakaway-screen=route] #screenRoute .route-fields select{font-size:clamp(14px,1.1vw,17px)!important;min-height:39px!important;padding:8px 10px!important}body[data-breakaway-screen=route] #screenRoute .route-actions{gap:10px!important;margin:10px 0!important}body[data-breakaway-screen=route] #screenRoute .route-actions button{font-size:clamp(14px,1.05vw,17px)!important;min-height:39px!important;padding:9px!important}body[data-breakaway-screen=route] #screenRoute #enjoyRide{font-size:clamp(18px,1.35vw,22px)!important;min-height:44px!important;padding:10px!important}body[data-breakaway-screen=route] #screenRoute .route-studio-heading h2{font-size:18px!important}body[data-breakaway-screen=route] #screenRoute .route-studio-live-preview{padding:7px 14px!important}body[data-breakaway-screen=route] #screenRoute .route-studio-live-heading h2{font-size:18px!important}body[data-breakaway-screen=route] #screenRoute .studio-live-chart{margin:4px 0!important}body[data-breakaway-screen=route] #screenRoute .studio-live-stats{font-size:13px!important}}@media(min-width:751px)and (max-height:700px){body[data-breakaway-screen=route] #screenRoute .route-studio-grid{grid-template-rows:minmax(0,48%) minmax(0,52%)!important}body[data-breakaway-screen=route] #screenRoute .route-builder{padding:5px 14px!important}body[data-breakaway-screen=route] #screenRoute .route-fields{margin:4px 0!important}body[data-breakaway-screen=route] #screenRoute .route-fields input,body[data-breakaway-screen=route] #screenRoute .route-fields select{min-height:32px!important;padding:5px 8px!important}body[data-breakaway-screen=route] #screenRoute .route-actions{margin:4px 0!important}body[data-breakaway-screen=route] #screenRoute .route-actions button{min-height:32px!important;padding:5px!important}body[data-breakaway-screen=route] #screenRoute #enjoyRide{min-height:34px!important;padding:5px!important}}.screen-progress .screen-step{border:0!important;border-radius:32px!important;background:transparent!important;color:#455da7!important;font:inherit!important;font-weight:800!important;padding:10px 16px!important;margin:0!important;cursor:pointer!important;white-space:nowrap!important}.screen-progress .screen-step.active{background:#455da7!important;color:#fff!important}.screen-progress .screen-step:focus-visible{outline:3px solid #facc15!important;outline-offset:3px}body[data-breakaway-screen=route] #screenRoute .route-studio-heading h2,body[data-breakaway-screen=route] #screenRoute .route-panel-heading h2{color:#fff!important}body[data-breakaway-screen=route] #screenRoute .route-panel-heading h2{font-weight:800!important}body[data-breakaway-screen=route] #screenRoute #enjoyRide{font-size:clamp(15px,1.3vw,21px)!important;white-space:normal!important}body[data-breakaway-screen=route] #screenRoute .route-fields label{color:#fff!important}body[data-breakaway-screen=route] #screenRoute #generatedGain{border-color:#8197c5!important}body[data-breakaway-screen=setup]{overflow:hidden!important;background:#edf1fc!important}body[data-breakaway-screen=setup] main{height:100dvh!important;display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:9px 18px!important;box-sizing:border-box!important}body[data-breakaway-screen=setup] main>.app-brand{flex:none!important;font-size:23px!important;line-height:1.1!important}body[data-breakaway-screen=setup] main>p{display:none!important}body[data-breakaway-screen=setup] .screen-progress{flex:none!important;margin:3px 0 7px!important}body[data-breakaway-screen=setup] main>.ride-workspace{flex:1!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important}body[data-breakaway-screen=setup] #screenSetup{height:100%!important;min-height:0!important}body[data-breakaway-screen=setup] #screenSetup .connection-strip{height:100%!important;max-width:none!important;box-sizing:border-box!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;margin:0!important;padding:12px 16px!important;background:#102130!important;border:1px solid #294657!important;color:#fff!important}body[data-breakaway-screen=setup] #screenSetup .connection-strip>h2{color:#fff!important;margin:0 0 3px!important;font-size:20px!important;flex:none!important}body[data-breakaway-screen=setup] #screenSetup .connection-strip>label,body[data-breakaway-screen=setup] #screenSetup .connection-strip>p.note{flex:none!important;margin:2px 0!important;font-size:12px!important}body[data-breakaway-screen=setup] #screenSetup .ride-connection-layout{flex:1!important;min-height:0!important;overflow:auto!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:5px 0!important;align-content:start!important}body[data-breakaway-screen=setup] #screenSetup .device-connect-card,body[data-breakaway-screen=setup] #screenSetup #drivetrainSection,body[data-breakaway-screen=setup] #screenSetup .bluetooth-auto{padding:10px 12px!important;border:1px solid #cbd4ef!important;background:#fff!important;border-radius:10px!important;color:#253b7a!important}body[data-breakaway-screen=setup] #screenSetup .device-connect-card h3{font-size:15px!important;margin:0 0 4px!important}body[data-breakaway-screen=setup] #screenSetup .connection-strip button{font-size:13px!important;padding:7px 11px!important;margin:2px!important;min-height:32px!important}body[data-breakaway-screen=setup] #screenSetup .connection-strip button:not(.secondary){background:#455da7!important;color:#fff!important}body[data-breakaway-screen=setup] #screenSetup .setup-next{flex:none!important;margin:6px 0!important;gap:8px!important}body[data-breakaway-screen=setup] #screenSetup #goToRide{font-size:17px!important;padding:9px 18px!important}body[data-breakaway-screen=setup] #screenSetup #setupReadiness{font-size:12px!important;margin:0!important;color:#fff!important}body[data-breakaway-screen=setup] #screenSetup #status{flex:none!important;margin:2px 0!important;font-size:12px!important}body[data-breakaway-screen=setup] #screenSetup .connection-help{display:none!important}body[data-breakaway-screen=ride]{background:#edf1fc!important}body[data-breakaway-screen=ride] #screenRide .ride-screen-header{color:#455da7!important}body[data-breakaway-screen=ride] #screenRide .route-preview,body[data-breakaway-screen=ride] #screenRide .ride-dashboard{background:#fff!important;color:#253b7a!important;border:1px solid #cbd4ef!important}body[data-breakaway-screen=ride] #screenRide .metric{background:#edf1fc!important;color:#253b7a!important}body[data-breakaway-screen=ride] #screenRide .metric b{color:#455da7!important}body[data-breakaway-screen=ride] #screenRide .metric small{color:#344675!important}@media(max-width:850px){body[data-breakaway-screen=setup] #screenSetup .ride-connection-layout{grid-template-columns:1fr!important}}@media(max-height:720px){body[data-breakaway-screen=setup] #screenSetup .connection-strip{padding:7px 12px!important}body[data-breakaway-screen=setup] #screenSetup .device-connect-card{padding:7px!important}body[data-breakaway-screen=setup] #screenSetup .connection-strip button{min-height:28px!important;padding:5px 8px!important}}#screenRide .ride-screen-content{gap:2px!important}#screenRide .ride-dashboard{padding:3px 10px!important}#screenRide .ride-dashboard>h2{margin:0 0 2px!important}#screenRide .metrics,body.ride-focus-active #screenRide .metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:4px!important}#screenRide .metric,body.ride-focus-active #screenRide .metric{padding:3px 4px!important;min-width:0!important;min-height:0!important}#screenRide .metric b,body.ride-focus-active #screenRide .metric b,.ride-stage .ride-dashboard .metric b{font-size:var(--readout-size,40px)!important;line-height:1.08!important;font-variant-numeric:tabular-nums!important;white-space:nowrap!important;max-width:100%!important;overflow:hidden!important;text-overflow:clip!important}#screenRide .metric small,body.ride-focus-active #screenRide .metric small{font-size:clamp(10px,1vw,13px)!important;line-height:1.15!important;margin-top:3px!important}#screenRide .readout-controls{margin:1px 0 2px!important;gap:6px!important;flex:none!important;font-size:12px!important}#screenRide .readout-controls label{margin:0!important;gap:8px!important}#screenRide .readout-controls input{width:150px!important}#screenRide .readout-controls .note{font-size:11px!important}#screenRide .readout-selected{outline:3px solid #455da7!important;outline-offset:-3px!important}@media(max-width:800px){#screenRide .metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important}#screenRide .metric b{font-size:min(var(--readout-size,40px),6vw)!important}#screenRide .readout-controls .note{display:none!important}}body[data-breakaway-screen=ride] #screenRide .ride-dashboard{justify-content:flex-start!important;gap:0!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metrics{flex:0 0 auto!important;align-content:start!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(2,82px)!important;grid-auto-rows:82px!important;gap:4px!important;height:auto!important;min-height:0!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric{height:82px!important;max-height:82px!important;box-sizing:border-box!important;padding:3px 5px!important;justify-content:center!important;overflow:hidden!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric b{line-height:1!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric small{margin-top:2px!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .readout-controls{margin:0 0 2px!important}@media(max-height:850px){body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metrics{grid-template-rows:repeat(2,68px)!important;grid-auto-rows:68px!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric{height:68px!important;max-height:68px!important}}.stationary-ride-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;background:#05101dc2;display:grid;place-items:center;padding:20px}.stationary-ride-dialog{width:min(100%,520px);background:#edf2ff;color:#283f82;border-radius:18px;padding:32px;box-shadow:0 20px 80px #0008;text-align:center}.stationary-ride-dialog h2{margin:0 0 12px;font-size:30px}.stationary-ride-dialog p{font-size:17px;line-height:1.5}.stationary-ride-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:24px}.stationary-ride-actions button{min-height:48px;font-size:16px}.ride-summary.ride-summary-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;max-width:none;margin:0;border:0;border-radius:0;overflow:auto;padding:clamp(20px,5vw,60px);background:#102133;color:#edf2ff;text-align:center}.ride-summary-fullscreen .ride-summary-grid{max-width:900px;margin:28px auto;grid-template-columns:repeat(3,minmax(0,1fr))}.ride-summary-fullscreen .ride-summary-stat{text-align:left}@media(max-width:650px){.ride-summary-fullscreen .ride-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}#screenRide #rideFinishNow{font-size:15px!important;padding:6px 15px!important;min-height:34px!important;background:#c84242!important;color:#fff!important;font-weight:850!important;border:0!important;border-radius:7px!important}#rideFinishNow[hidden]{display:none!important}#screenRide .profile-inspector{column-gap:7px!important}.advanced-ride-analysis{margin:20px 0;padding:18px;background:#102331;border:1px solid #315368;border-radius:14px}.advanced-ride-analysis>h2{margin:0 0 16px;color:#f3f8fb}.advanced-ride-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:18px}.advanced-ride-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.advanced-chart-card{margin:0;padding:14px;min-width:0;background:#172d3e;border:1px solid #345366;border-radius:12px}.advanced-chart-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:10px}.advanced-chart-heading h3{font-size:15px;margin:0;color:#f4f8fa}.advanced-chart-heading span{font-size:12px;color:#a8bdc9}.advanced-chart-card svg{display:block;width:100%;height:175px;overflow:visible}.advanced-zone-panel{margin-top:18px;padding:14px;background:#172d3e;border-radius:12px}.advanced-zone-panel h3{margin:0 0 12px;font-size:16px}.advanced-zone-row{display:grid;grid-template-columns:minmax(100px,140px) minmax(80px,1fr) 48px;gap:10px;align-items:center;margin:8px 0;font-size:12px;color:#d8e6ed}.advanced-zone-track{height:9px;border-radius:20px;background:#294354;overflow:hidden}.advanced-zone-fill{height:100%;background:#45d6aa;border-radius:20px}.advanced-zone-row>span:last-child{text-align:right;font-variant-numeric:tabular-nums}@media(max-width:760px){.advanced-ride-charts{grid-template-columns:1fr}.advanced-ride-analysis{padding:12px}.advanced-zone-row{grid-template-columns:100px minmax(50px,1fr) 45px;gap:6px}}.studio-elevation-controls{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:6px 0 2px}.studio-elevation-controls button{margin:0;padding:8px 12px}.studio-elevation-controls .note{flex:1;min-width:180px}.studio-live-chart.editing{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;outline:2px solid #45d6aa;outline-offset:-2px}.studio-live-chart.editing svg{touch-action:none;pointer-events:none}.studio-live-chart:not(.editing){cursor:ew-resize;touch-action:pan-y}.studio-live-chart:not(.editing) svg{pointer-events:none}.studio-scrub-readout{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:10px 14px;border-radius:10px;background:#0a18238c;font-size:14px}.studio-scrub-readout b{color:#ffc85c;font-variant-numeric:tabular-nums}.studio-scrub-readout .note{margin-left:auto;font-size:12px}#screenSetup .setup-rider-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 20px;margin-top:18px;padding:22px 24px;background:#fff;border:2px solid #c7d4ee;border-radius:18px;color:#293d78;box-sizing:border-box;width:100%}#screenSetup .setup-rider-settings h2{grid-column:1/-1;margin:0 0 2px;color:#293d78}#screenSetup .setup-rider-settings label{display:flex;flex-direction:column;gap:7px;font-weight:650;color:#293d78}#screenSetup .setup-rider-settings input{width:100%;box-sizing:border-box;min-width:0}#screenSetup .setup-rider-settings>.note,#screenSetup .setup-rider-settings>p{grid-column:1/-1;margin:0}@media(max-width:760px){#screenSetup .setup-rider-settings{grid-template-columns:1fr;padding:18px}}body[data-breakaway-screen=setup] #screenSetup .ride-devices-column>.setup-rider-settings{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px 12px!important;margin:12px 0 8px!important;padding:14px 16px!important;min-height:0!important;height:auto!important;overflow:visible!important}body[data-breakaway-screen=setup] #screenSetup .ride-devices-column>.setup-rider-settings h2{font-size:18px!important;grid-column:1/-1!important}body[data-breakaway-screen=setup] #screenSetup .ride-devices-column>.setup-rider-settings label{font-size:13px!important;min-width:0!important}body[data-breakaway-screen=setup] #screenSetup .ride-devices-column>.setup-rider-settings input{font-size:15px!important;padding:7px 9px!important}body[data-breakaway-screen=setup] #screenSetup .ride-devices-column>.setup-rider-settings p{font-size:11px!important;line-height:1.4!important}@media(max-width:760px){body[data-breakaway-screen=setup] #screenSetup .ride-devices-column>.setup-rider-settings{grid-template-columns:1fr!important}}#routeStudio .route-import{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:14px 16px;background:#243b68;border:1px solid #5c77b5;border-radius:12px;color:#fff!important}#routeStudio .route-import label{color:#fff!important;font-size:17px!important;font-weight:750!important}#routeStudio .route-import input[type=file]{color:#fff!important;font-size:14px!important;max-width:100%}#routeStudio .route-import input[type=file]::file-selector-button{background:#fff;color:#20396d;border:0;border-radius:7px;padding:9px 13px;margin-right:12px;font-weight:700;cursor:pointer}#routeStudio .route-import .note{flex-basis:100%;margin:0!important;color:#e2eaff!important;font-size:12px!important}#routeStudio .route-import-divider{display:flex;align-items:center;gap:16px;justify-content:center;margin:13px 0;color:#fff!important;font-size:22px;font-weight:900;letter-spacing:.15em}#routeStudio .route-import-divider:before,#routeStudio .route-import-divider:after{content:"";height:1px;flex:1;background:#ffffff73}body[data-breakaway-screen=route] #screenRoute .route-studio-heading{position:relative!important;z-index:2!important}body[data-breakaway-screen=route] #screenRoute .route-builder{overflow-y:auto!important;overflow-x:hidden!important;scrollbar-width:thin}body[data-breakaway-screen=route] #screenRoute .route-import{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;gap:12px!important;padding:7px 12px!important;min-height:38px!important;margin:0!important;box-sizing:border-box!important}body[data-breakaway-screen=route] #screenRoute .route-import label{font-size:13px!important;white-space:nowrap!important;margin:0!important}body[data-breakaway-screen=route] #screenRoute .route-import input[type=file]{font-size:12px!important;min-width:0!important;flex:1!important}body[data-breakaway-screen=route] #screenRoute .route-import input[type=file]::file-selector-button{padding:5px 9px!important;font-size:12px!important}body[data-breakaway-screen=route] #screenRoute .route-import .note{display:none!important}body[data-breakaway-screen=route] #screenRoute .route-import-divider{font-size:15px!important;line-height:1!important;margin:7px 0!important;gap:12px!important}body[data-breakaway-screen=route] #screenRoute .route-panel-heading{margin-bottom:3px!important}@media(max-width:650px){body[data-breakaway-screen=route] #screenRoute .route-import{flex-wrap:wrap!important}body[data-breakaway-screen=route] #screenRoute .route-import input[type=file]{flex-basis:100%!important}}#routeStudio #chart,#floatChart{position:relative!important;isolation:isolate}#routeStudio #chart .profile-live-grade,#floatChart .profile-live-grade{display:block!important;position:absolute!important;top:12px!important;left:16px!important;z-index:12!important;pointer-events:none!important;font-weight:900!important;line-height:1!important;text-shadow:0 2px 5px #061019,0 0 8px #061019!important}#floatChart .profile-live-grade{top:10px!important;left:12px!important}body[data-breakaway-screen=setup] #screenSetup .connection-strip{padding:10px 16px!important}body[data-breakaway-screen=setup] #screenSetup .connection-strip>h2{font-size:19px!important;margin-bottom:2px!important}body[data-breakaway-screen=setup] #screenSetup .ride-connection-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;margin:6px 0!important;overflow:hidden!important;align-items:start!important}body[data-breakaway-screen=setup] #screenSetup .ride-devices-column,body[data-breakaway-screen=setup] #screenSetup .ride-shifting-column{min-width:0!important;display:flex!important;flex-direction:column!important;gap:8px!important}body[data-breakaway-screen=setup] #screenSetup .device-connect-card{padding:9px 13px!important;min-height:0!important;margin:0!important}body[data-breakaway-screen=setup] #screenSetup .device-connect-card h3{font-size:15px!important;margin:0 0 3px!important}body[data-breakaway-screen=setup] #screenSetup .device-connect-card .note{margin:3px 0 0!important;font-size:11px!important;line-height:1.25!important}body[data-breakaway-screen=setup] #screenSetup .ride-session-actions{display:flex!important;gap:6px!important;margin:0!important}body[data-breakaway-screen=setup] #screenSetup .bluetooth-auto{padding:8px 12px!important;margin:0!important;font-size:12px!important}body[data-breakaway-screen=setup] #screenSetup .bluetooth-auto .note{display:none!important}body[data-breakaway-screen=setup] #screenSetup .setup-advanced-settings{background:#fff!important;border:1px solid #cbd4ef!important;border-radius:10px!important;color:#253b7a!important;overflow:auto!important;max-height:45vh!important}body[data-breakaway-screen=setup] #screenSetup .setup-advanced-settings>summary{cursor:pointer!important;font-size:14px!important;font-weight:800!important;padding:10px 13px!important}body[data-breakaway-screen=setup] #screenSetup .setup-advanced-settings>.setup-rider-settings{margin:0!important;border:0!important;box-shadow:none!important;padding:8px 12px!important}body[data-breakaway-screen=setup] #screenSetup #drivetrainSection{padding:13px 16px!important;margin:0!important}body[data-breakaway-screen=setup] #screenSetup #drivetrainSection h2{font-size:18px!important;margin:0 0 9px!important}body[data-breakaway-screen=setup] #screenSetup #drivetrainSection h3{font-size:15px!important;margin:12px 0 6px!important}body[data-breakaway-screen=setup] #screenSetup #drivetrainSection label{font-size:13px!important;font-weight:750!important}body[data-breakaway-screen=setup] #screenSetup #drivetrainSection select{font-size:14px!important;min-height:37px!important;padding:6px 9px!important;margin:5px 0!important}body[data-breakaway-screen=setup] #screenSetup #drivetrainHelp{font-size:12px!important;line-height:1.35!important;margin:5px 0!important}body[data-breakaway-screen=setup] #screenSetup #virtualShiftingSettings>p.note{font-size:11px!important;line-height:1.3!important;margin:7px 0 0!important}body[data-breakaway-screen=setup] #screenSetup .setup-next{margin:5px 0!important}@media(max-width:850px),(max-height:650px){body[data-breakaway-screen=setup] #screenSetup .ride-connection-layout{overflow:auto!important}}@media(max-width:680px){body[data-breakaway-screen=setup] #screenSetup .ride-connection-layout{grid-template-columns:1fr!important}}@media(min-width:851px)and (min-height:651px){body[data-breakaway-screen=setup] #screenSetup .ride-connection-layout{overflow:hidden!important;align-content:stretch!important;grid-template-rows:minmax(0,1fr)!important}body[data-breakaway-screen=setup] #screenSetup .ride-devices-column,body[data-breakaway-screen=setup] #screenSetup .ride-shifting-column{height:100%!important;min-height:0!important;overflow:hidden!important;gap:6px!important}body[data-breakaway-screen=setup] #screenSetup .device-connect-card{padding:6px 10px!important}body[data-breakaway-screen=setup] #screenSetup .device-connect-card .note{display:none!important}body[data-breakaway-screen=setup] #screenSetup .device-connect-card h3{font-size:13px!important;margin:0 0 2px!important}body[data-breakaway-screen=setup] #screenSetup .connection-strip button{min-height:28px!important;padding:5px 9px!important;font-size:12px!important}body[data-breakaway-screen=setup] #screenSetup .bluetooth-auto{padding:6px 10px!important}body[data-breakaway-screen=setup] #screenSetup .setup-advanced-settings{flex:none!important;max-height:32vh!important}body[data-breakaway-screen=setup] #screenSetup .setup-advanced-settings>summary{padding:7px 10px!important}body[data-breakaway-screen=setup] #screenSetup #drivetrainSection{padding:10px 12px!important;max-height:100%!important;overflow:auto!important}body[data-breakaway-screen=setup] #screenSetup #drivetrainSection h2{font-size:16px!important;margin:0 0 5px!important}body[data-breakaway-screen=setup] #screenSetup #drivetrainSection h3{font-size:14px!important;margin:7px 0 4px!important}body[data-breakaway-screen=setup] #screenSetup #drivetrainSection select{min-height:32px!important;padding:4px 7px!important;margin:3px 0!important}body[data-breakaway-screen=setup] #screenSetup #drivetrainHelp{margin:3px 0!important}body[data-breakaway-screen=setup] #screenSetup #virtualShiftingSettings>p.note{display:none!important}body[data-breakaway-screen=setup] #screenSetup .setup-next{padding:2px 0!important;margin:2px 0!important}body[data-breakaway-screen=setup] #screenSetup #goToRide{padding:6px 12px!important;font-size:14px!important}}body[data-breakaway-screen=setup] #screenSetup .setup-shifting-help{border-top:1px solid #dbe3f4!important;margin-top:8px!important;padding-top:6px!important;font-size:12px!important;color:#253b7a!important}body[data-breakaway-screen=setup] #screenSetup .setup-shifting-help>summary{cursor:pointer!important;font-weight:700!important;list-style:revert!important}body[data-breakaway-screen=setup] #screenSetup .setup-shifting-help>p.note{display:block!important;margin:7px 0!important;font-size:12px!important;line-height:1.4!important}body[data-breakaway-screen=setup] #screenSetup .bluetooth-auto .setup-ble-info{font-size:11px!important;padding:3px 7px!important;min-height:25px!important}body[data-breakaway-screen=setup] #screenSetup .bluetooth-auto .setup-ble-help:not([hidden]){display:block!important;font-size:11px!important;margin:5px 0!important}body[data-breakaway-screen=setup] #screenSetup .bluetooth-auto .setup-ble-help[hidden]{display:none!important}body[data-breakaway-screen=setup] #screenSetup .setup-advanced-settings[open]{overflow:auto!important}body[data-breakaway-screen=setup] #screenSetup .ride-connection-layout{overscroll-behavior:contain!important}@media(min-width:851px)and (min-height:651px){body[data-breakaway-screen=setup] #screenSetup .ride-devices-column,body[data-breakaway-screen=setup] #screenSetup .ride-shifting-column{overflow-y:auto!important;scrollbar-width:thin!important}body[data-breakaway-screen=setup] #screenSetup #drivetrainSection{overflow:visible!important;max-height:none!important}}#screenRoute .quick-ride-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:7px 10px;margin:0 0 6px;border:1px solid #a8b7dd;border-radius:9px;background:#e9efff;color:#243b73}#screenRoute .quick-ride-bar[hidden]{display:none!important}#screenRoute .quick-ride-label{font-size:11px;font-weight:900;letter-spacing:.06em}#screenRoute #quickRideResume{background:#455da7!important;color:#fff!important;border:0!important;padding:7px 12px!important;font-size:13px!important;min-height:32px!important;margin:0!important}#screenRoute #quickRideSummary{font-size:12px;font-weight:650}@media(max-height:730px){#screenRoute .quick-ride-bar{padding:4px 8px;margin-bottom:3px;gap:6px}#screenRoute .quick-ride-label{font-size:10px}#screenRoute #quickRideResume{min-height:28px!important;padding:4px 9px!important}}#screenRoute .quick-preset-bar{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:0 0 6px;padding:2px 0}#screenRoute .quick-preset-label{font-size:11px;font-weight:900;letter-spacing:.06em;color:#253b7a;margin-right:3px}#screenRoute .quick-preset-button{font-size:12px!important;font-weight:750!important;min-height:30px!important;padding:5px 10px!important;margin:0!important;border-radius:7px!important;background:#e8efff!important;color:#243b73!important;border:1px solid #b7c8e9!important}#screenRoute .quick-preset-button:hover{background:#d7e4ff!important}@media(max-height:730px){#screenRoute .quick-preset-bar{gap:5px;margin-bottom:3px}#screenRoute .quick-preset-button{min-height:27px!important;padding:3px 8px!important}}#screenRoute .route-quick-action-row{display:flex!important;align-items:stretch!important;gap:9px!important;width:100%!important;margin-top:6px!important;min-width:0!important}#screenRoute .route-quick-action-row .quick-preset-bar{display:flex!important;flex:1 1 auto!important;align-items:center!important;flex-wrap:nowrap!important;min-width:0!important;gap:6px!important;padding:0!important;margin:0!important}#screenRoute .route-quick-action-row .quick-preset-label{white-space:nowrap!important;flex:0 0 auto!important;margin-right:3px!important}#screenRoute .route-quick-action-row .quick-preset-button{flex:1 1 0!important;min-width:0!important;white-space:nowrap!important;margin:0!important;min-height:38px!important}#screenRoute .route-quick-action-row #enjoyRide{flex:0 1 38%!important;width:auto!important;min-width:240px!important;margin:0!important;min-height:38px!important;padding:7px 12px!important;font-size:14px!important;white-space:nowrap!important}@media(max-width:900px){#screenRoute .route-quick-action-row{flex-wrap:wrap!important}#screenRoute .route-quick-action-row .quick-preset-bar{flex-basis:100%!important}#screenRoute .route-quick-action-row #enjoyRide{flex:1 1 100%!important;min-width:0!important}}@media(min-width:901px)and (min-height:650px){body[data-breakaway-screen=route] #screenRoute .route-builder{padding-top:7px!important;padding-bottom:7px!important;overflow-y:auto!important}body[data-breakaway-screen=route] #screenRoute .route-panel-heading{margin-top:0!important;margin-bottom:2px!important}body[data-breakaway-screen=route] #screenRoute .route-fields{margin-top:5px!important;margin-bottom:7px!important;gap:9px!important}body[data-breakaway-screen=route] #screenRoute .route-fields label{margin-bottom:0!important}body[data-breakaway-screen=route] #screenRoute .route-fields input,body[data-breakaway-screen=route] #screenRoute .route-fields select{min-height:36px!important;padding-top:5px!important;padding-bottom:5px!important}body[data-breakaway-screen=route] #screenRoute .route-actions{margin-top:5px!important;margin-bottom:5px!important;gap:9px!important}body[data-breakaway-screen=route] #screenRoute .route-actions button{min-height:36px!important;padding:6px 10px!important}body[data-breakaway-screen=route] #screenRoute .route-quick-action-row{margin-top:3px!important;min-height:36px!important}body[data-breakaway-screen=route] #screenRoute .route-quick-action-row #enjoyRide,body[data-breakaway-screen=route] #screenRoute .route-quick-action-row .quick-preset-button{min-height:36px!important;padding-top:5px!important;padding-bottom:5px!important}body[data-breakaway-screen=route] #screenRoute .route-tip{display:none!important}}#screenRoute .route-quick-action-row #enjoyRide{background:#22a65a!important;background-image:none!important;border:1px solid #168247!important;color:#fff!important;box-shadow:0 2px #074a2738!important}#screenRoute .route-quick-action-row #enjoyRide:hover,#screenRoute .route-quick-action-row #enjoyRide:focus-visible{background:#18894a!important;border-color:#116b3a!important;color:#fff!important}#screenRoute .route-quick-action-row .quick-preset-label{color:#fff!important}#screenRoute .route-quick-action-row{align-items:flex-start!important}#screenRoute .route-quick-action-row .quick-preset-bar{align-items:flex-start!important;align-self:flex-start!important}#screenRoute .route-quick-action-row .quick-preset-label{align-self:flex-start!important;display:flex!important;align-items:center!important;height:38px!important;line-height:1!important}#screenRoute .route-quick-action-row .quick-preset-button,#screenRoute .route-quick-action-row #enjoyRide{align-self:flex-start!important;margin-top:0!important;vertical-align:top!important}body[data-breakaway-screen=route] #screenRoute .route-quick-action-row>#enjoyRide{margin-block-start:0!important;margin-top:0!important;margin-bottom:0!important;position:relative!important;top:0!important;transform:none!important;height:38px!important;box-sizing:border-box!important}body[data-breakaway-screen=route] #screenRoute .route-quick-action-row .quick-preset-button{margin-block-start:0!important;margin-top:0!important;height:38px!important;box-sizing:border-box!important}@media(min-width:901px)and (min-height:701px){body[data-breakaway-screen=route] #screenRoute .route-studio-grid{grid-template-rows:max-content minmax(0,1fr)!important;min-height:0!important}body[data-breakaway-screen=route] #screenRoute .route-builder{justify-content:flex-start!important;min-height:0!important;overflow:visible!important}body[data-breakaway-screen=route] #screenRoute .route-studio-live-preview{min-height:0!important;overflow:hidden!important}body[data-breakaway-screen=route] #screenRoute .route-quick-action-row{flex-shrink:0!important;align-items:flex-start!important}}body[data-breakaway-screen=route] #screenRoute #endlessRoute{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important}body[data-breakaway-screen=route] #screenRoute #endlessRoute .endless-symbol{display:inline-block!important;font-size:clamp(27px,2.1vw,34px)!important;font-weight:800!important;line-height:.65!important;vertical-align:middle!important;flex:none!important}#screenRoute .route-actions #generateRoute{background:#ffe600!important;border:1px solid #e6cb00!important;color:#293e82!important}#screenRoute .route-actions #generateRoute:hover,#screenRoute .route-actions #generateRoute:focus-visible{background:#ffef57!important}#screenRoute .route-actions #endlessRoute{background:#455da7!important;border:1px solid #354b92!important;color:#fff!important}#screenRoute .route-actions #endlessRoute:hover,#screenRoute .route-actions #endlessRoute:focus-visible{background:#354b92!important;border-color:#293e82!important}#screenRoute .route-actions #surpriseRoute{background:#f0f2f8!important;border:1px solid #b9c3db!important;color:#293e82!important}#screenRoute .route-actions #surpriseRoute:hover,#screenRoute .route-actions #surpriseRoute:focus-visible{background:#e1e6f2!important;border-color:#899bc7!important}@media(min-width:851px)and (min-height:651px){body[data-breakaway-screen=setup] #screenSetup .ride-connection-layout{overflow:hidden!important;align-content:stretch!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important}body[data-breakaway-screen=setup] #screenSetup .ride-devices-column,body[data-breakaway-screen=setup] #screenSetup .ride-shifting-column{min-height:0!important;overflow-y:auto!important;scrollbar-width:thin!important}body[data-breakaway-screen=setup] #screenSetup .device-connect-card,body[data-breakaway-screen=setup] #screenSetup #drivetrainSection{margin-bottom:6px!important}body[data-breakaway-screen=setup] #screenSetup .setup-advanced-settings:not([open]){flex:none!important}body[data-breakaway-screen=setup] #screenSetup .setup-next{flex:none!important;margin:3px 0!important}body[data-breakaway-screen=setup] #screenSetup #goToRide{min-height:40px!important;font-size:16px!important;font-weight:800!important}}body[data-breakaway-screen=setup] #screenSetup .setup-device-tiles{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;flex:none!important;margin:6px 0 10px!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tile{display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:center!important;text-align:center!important;aspect-ratio:1.8/1!important;min-height:120px!important;margin:0!important;padding:12px!important;background:#fff!important;border:1px solid #cbd4ef!important;border-radius:12px!important;color:#253b7a!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tile h3{font-size:clamp(17px,1.5vw,23px)!important;margin:0 0 10px!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tile .device-button-row{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:5px!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tile .device-button-row button:not(.secondary){background:#455da7!important;color:#fff!important;min-height:40px!important;font-size:15px!important;font-weight:700!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tile p.note{font-size:12px!important;margin:6px 0 0!important}body[data-breakaway-screen=setup] #screenSetup .setup-settings-row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;align-items:start!important;gap:12px!important;min-height:0!important;flex:1 1 auto!important;overflow:hidden!important}body[data-breakaway-screen=setup] #screenSetup .setup-settings-row>.setup-advanced-settings,body[data-breakaway-screen=setup] #screenSetup .setup-settings-row>.ride-shifting-column{min-width:0!important;min-height:0!important;max-height:100%!important;overflow:auto!important;scrollbar-width:thin!important}body[data-breakaway-screen=setup] #screenSetup .setup-settings-row>.setup-advanced-settings{background:#fff!important;border:1px solid #cbd4ef!important;border-radius:10px!important;color:#253b7a!important}body[data-breakaway-screen=setup] #screenSetup .setup-settings-row>.setup-advanced-settings>summary{padding:12px!important;font-weight:800!important;cursor:pointer!important}body[data-breakaway-screen=setup] #screenSetup .setup-settings-row #drivetrainSection{margin:0!important}body[data-breakaway-screen=setup] #screenSetup .setup-utility-details{flex:none!important;margin:4px 0!important;color:#fff!important;font-size:12px!important}body[data-breakaway-screen=setup] #screenSetup .setup-utility-details>summary{cursor:pointer!important;font-weight:600!important}body[data-breakaway-screen=setup] #screenSetup .setup-utility-details[open]{max-height:25vh!important;overflow-y:auto!important}@media(max-width:850px){body[data-breakaway-screen=setup] #screenSetup .setup-device-tiles{gap:6px!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tile{min-height:100px!important;padding:6px!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tile h3{font-size:13px!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tile .device-button-row button{font-size:11px!important;padding:5px!important}body[data-breakaway-screen=setup] #screenSetup .setup-settings-row{grid-template-columns:1fr!important;overflow:auto!important}}@media(min-width:851px){body[data-breakaway-screen=setup] #screenSetup .setup-device-tiles{grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-items:center!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tile{box-sizing:border-box!important;width:min(100%,clamp(130px,11.5vw,170px))!important;height:auto!important;min-height:0!important;aspect-ratio:1/1!important}}@media(min-width:851px){body[data-breakaway-screen=setup] #screenSetup .setup-device-tiles{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-items:stretch!important;gap:8px!important;margin:5px 0 9px!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tiles .setup-device-tile{width:100%!important;max-width:none!important;min-width:0!important;height:clamp(128px,15vh,172px)!important;min-height:0!important;aspect-ratio:auto!important;padding:10px 14px!important;box-sizing:border-box!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tiles .setup-device-tile h3{margin:0 0 8px!important;font-size:clamp(19px,1.55vw,25px)!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tiles .setup-device-tile .device-button-row{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tiles .setup-device-tile .device-button-row button:not(.secondary){width:100%!important;max-width:none!important;min-height:54px!important;font-size:clamp(16px,1.25vw,20px)!important;margin:0!important}}body[data-breakaway-screen=setup] #screenSetup .setup-settings-row{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}body[data-breakaway-screen=setup] #screenSetup .setup-settings-row>.setup-advanced-settings{padding:10px 12px!important;max-height:100%!important;overflow-y:auto!important}body[data-breakaway-screen=setup] #screenSetup .setup-advanced-settings>h3{margin:0 0 8px!important;font-size:16px!important;color:#253b7a!important}body[data-breakaway-screen=setup] #screenSetup .setup-utility-details{display:block!important;flex:none!important;max-height:20vh!important;overflow-y:auto!important;padding:7px 10px!important;border:1px solid #294657!important;border-radius:8px!important}body[data-breakaway-screen=setup] #screenSetup .setup-utility-details>h3{margin:0 0 6px!important;color:#fff!important;font-size:14px!important}body[data-breakaway-screen=setup] #screenSetup .setup-settings-row{flex:0 0 auto!important;min-height:min-content!important;height:auto!important;overflow:visible!important;align-items:start!important}body[data-breakaway-screen=setup] #screenSetup .setup-settings-row>.setup-advanced-settings,body[data-breakaway-screen=setup] #screenSetup .setup-settings-row>.ride-shifting-column{height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important}body[data-breakaway-screen=setup] #screenSetup .setup-settings-row .setup-rider-settings{height:auto!important;max-height:none!important;overflow:visible!important}body[data-breakaway-screen=setup] #screenSetup .connection-strip{overflow-y:auto!important;overflow-x:hidden!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tile{transition:border-color .18s ease,box-shadow .18s ease!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tile[data-connection-state=connected]{border:2px solid #22a65a!important;box-shadow:inset 0 0 0 1px #22a65a22!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tile[data-connection-state=connecting],body[data-breakaway-screen=setup] #screenSetup .setup-device-tile[data-connection-state=initializing]{border:2px solid #455da7!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tile[data-connection-state=error]{border:2px solid #c74a4a!important}body[data-breakaway-screen=setup] #screenSetup .setup-connection-indicator{text-align:center!important;font-size:12px!important;line-height:1.2!important;font-weight:700!important;color:#64748b!important;margin:-3px 0 7px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tile[data-connection-state=connected] .setup-connection-indicator{color:#168348!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tile[data-connection-state=connecting] .setup-connection-indicator,body[data-breakaway-screen=setup] #screenSetup .setup-device-tile[data-connection-state=initializing] .setup-connection-indicator{color:#455da7!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tile[data-connection-state=error] .setup-connection-indicator{color:#b42330!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tile .device-button-row button[aria-busy=true]{opacity:.75!important;cursor:wait!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tiles .setup-device-tile{display:grid!important;grid-template-rows:38px 22px 1fr!important;align-content:start!important;align-items:start!important;justify-items:stretch!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tiles .setup-device-tile>h3{grid-row:1!important;align-self:center!important;margin:0!important;text-align:center!important;line-height:1.1!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tiles .setup-device-tile>.setup-connection-indicator{grid-row:2!important;margin:0!important;align-self:center!important;min-height:18px!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tiles .setup-device-tile>.device-button-row{grid-row:3!important;align-self:start!important;margin:0!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tiles .setup-device-tile .device-button-row button:not(.secondary){min-height:54px!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tiles .setup-device-tile .device-button-row button.secondary{display:none!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tiles .setup-device-tile{overflow:visible!important;height:auto!important;min-height:146px!important;max-height:none!important}body[data-breakaway-screen=setup] #screenSetup .setup-device-tiles .setup-device-tile .device-button-row{overflow:visible!important}body[data-breakaway-screen=setup] #screenSetup .setup-advanced-settings{padding:10px 14px!important;overflow:visible!important;height:auto!important;max-height:none!important}body[data-breakaway-screen=setup] #screenSetup .setup-advanced-settings>h3{margin:0 0 8px!important;font-size:16px!important;line-height:1.2!important}body[data-breakaway-screen=setup] #screenSetup .setup-advanced-settings>.setup-rider-settings{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:8px 12px!important;padding:0!important;margin:0!important;width:100%!important;height:auto!important;max-height:none!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important}body[data-breakaway-screen=setup] #screenSetup .setup-advanced-settings>.setup-rider-settings>h2{display:none!important}body[data-breakaway-screen=setup] #screenSetup .setup-advanced-settings>.setup-rider-settings>label{grid-column:span 2!important;min-width:0!important;gap:3px!important;font-size:12px!important;line-height:1.2!important}body[data-breakaway-screen=setup] #screenSetup .setup-advanced-settings>.setup-rider-settings>label:nth-of-type(n+4){grid-column:span 3!important}body[data-breakaway-screen=setup] #screenSetup .setup-advanced-settings>.setup-rider-settings input{box-sizing:border-box!important;width:100%!important;min-height:34px!important;height:34px!important;padding:5px 9px!important;font-size:14px!important}body[data-breakaway-screen=setup] #screenSetup .setup-advanced-settings>.setup-rider-settings>.note{grid-column:1/-1!important;font-size:11px!important;line-height:1.35!important;margin:3px 0 0!important}@media(max-width:1050px){body[data-breakaway-screen=setup] #screenSetup .setup-advanced-settings>.setup-rider-settings{grid-template-columns:repeat(2,minmax(0,1fr))!important}body[data-breakaway-screen=setup] #screenSetup .setup-advanced-settings>.setup-rider-settings>label,body[data-breakaway-screen=setup] #screenSetup .setup-advanced-settings>.setup-rider-settings>label:nth-of-type(n+4){grid-column:span 1!important}}body[data-breakaway-screen=setup] #screenSetup .setup-shifting-original-select{display:none!important}body[data-breakaway-screen=setup] #screenSetup .setup-shifting-choices{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:4px 0 9px!important}body[data-breakaway-screen=setup] #screenSetup .setup-shifting-choice{display:block!important;width:100%!important;min-height:42px!important;padding:8px 12px!important;background:#f0f2f8!important;color:#293e82!important;border:2px solid #cbd4ef!important;border-radius:9px!important;font-weight:750!important;font-size:15px!important;cursor:pointer!important}body[data-breakaway-screen=setup] #screenSetup .setup-shifting-choice.active{background:#455da7!important;color:#fff!important;border-color:#455da7!important}body[data-breakaway-screen=setup] #screenSetup #drivetrainHelp{font-size:12px!important;margin:3px 0 8px!important}body[data-breakaway-screen=setup] #screenSetup #virtualShiftingSettings[hidden]{display:none!important}body[data-breakaway-screen=setup] #screenSetup .setup-next{display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;flex-wrap:wrap!important}body[data-breakaway-screen=setup] #screenSetup #goToRide:not(:disabled){background:#22a65a!important;border-color:#22a65a!important;color:#fff!important;font-weight:800!important}body[data-breakaway-screen=setup] #screenSetup #goToRide:disabled{opacity:.75!important;cursor:not-allowed!important}body[data-breakaway-screen=setup] #screenSetup #setupReadiness{font-size:13px!important;font-weight:600!important}body[data-breakaway-screen=setup] #screenSetup .setup-utility-details{display:flex!important;flex-direction:column!important;gap:5px!important;overflow:visible!important;max-height:none!important;padding:8px 12px!important}body[data-breakaway-screen=setup] #screenSetup .setup-utility-details>.bluetooth-auto{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;margin:0!important}body[data-breakaway-screen=setup] #screenSetup .setup-utility-details>.bluetooth-auto label{display:flex!important;align-items:center!important;gap:7px!important;margin:0!important}body[data-breakaway-screen=setup] #screenSetup .setup-utility-details>.bluetooth-auto #autoBleStatus{margin:0!important}body[data-breakaway-screen=setup] #screenSetup .setup-secondary-options{margin:2px 0 0!important;font-size:12px!important}body[data-breakaway-screen=setup] #screenSetup .setup-secondary-options>summary{cursor:pointer!important;font-weight:650!important;color:#d3ddf1!important}body[data-breakaway-screen=setup] #screenSetup .setup-secondary-options[open]{padding:4px 0!important}body[data-breakaway-screen=setup] #screenSetup .setup-secondary-options .ride-session-actions{display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:6px 0 0!important}body[data-breakaway-screen=setup] #screenSetup .setup-shifting-choices .setup-shifting-choice:not(.active){background:#fff!important;color:#455da7!important;border:2px solid #455da7!important;box-shadow:none!important}body[data-breakaway-screen=setup] #screenSetup .setup-shifting-choices .setup-shifting-choice.active{background:#455da7!important;color:#fff!important;border:2px solid #455da7!important;box-shadow:none!important}body[data-breakaway-screen=ride] #screenRide .ride-screen-content{grid-template-rows:minmax(0,60fr) minmax(0,40fr)!important;gap:8px!important}body[data-breakaway-screen=ride] #screenRide .route-preview{padding:10px 16px!important;border-radius:12px!important}body[data-breakaway-screen=ride] #screenRide .route-preview #chart{flex:1 1 auto!important;min-height:0!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard{padding:8px 12px!important;border-radius:12px!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard>h2{font-size:14px!important;margin:0 0 5px!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metrics{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;grid-auto-rows:minmax(0,1fr)!important;gap:7px!important;flex:1 1 auto!important;height:auto!important;min-height:0!important;align-content:stretch!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric{height:auto!important;max-height:none!important;min-height:0!important;padding:6px 8px!important;border-radius:10px!important;gap:3px!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric b{font-size:clamp(22px,3.3vw,49px)!important;line-height:1.05!important;letter-spacing:-.025em!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric small{font-size:clamp(10px,.9vw,13px)!important;font-weight:700!important;line-height:1.2!important;margin:0!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric:has(#power){order:1;background:#e1f5e9!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric:has(#cadence){order:2}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric:has(#speed){order:3}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric:has(#heartRate){order:4;background:#ffebee!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric:has(#distance){order:5}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric:has(#elapsedTime){order:6}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric:has(#totalGain){order:7}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric:has(#remaining){order:8}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric #power{color:#19834a!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric #heartRate{color:#c53c50!important}body.ride-focus-active[data-breakaway-screen=ride] #screenRide .profile-editor,body.ride-focus-active[data-breakaway-screen=ride] #screenRide .route-preview-help{display:none!important}@media(max-height:850px){body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metrics{grid-template-rows:repeat(2,minmax(0,1fr))!important;grid-auto-rows:minmax(0,1fr)!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric{height:auto!important;max-height:none!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric b{font-size:clamp(19px,2.7vw,36px)!important}}@media(max-width:800px){body[data-breakaway-screen=ride] #screenRide .ride-screen-content{grid-template-rows:minmax(0,55fr) minmax(0,45fr)!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric b{font-size:clamp(17px,4.5vw,30px)!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric small{font-size:10px!important}}body[data-breakaway-screen=ride] #screenRide .ride-screen-content{grid-template-rows:minmax(0,51fr) minmax(0,49fr)!important;min-height:0!important;overflow:hidden!important}body[data-breakaway-screen=ride] #screenRide .route-preview,body[data-breakaway-screen=ride] #screenRide .ride-dashboard{min-height:0!important;box-sizing:border-box!important;overflow:hidden!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metrics{grid-template-rows:repeat(2,minmax(0,1fr))!important;grid-auto-rows:minmax(0,1fr)!important;flex:1 1 auto!important;min-height:0!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric{height:auto!important;max-height:none!important;min-height:0!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric b{font-size:clamp(19px,min(3vw,4.2vh),40px)!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .readout-controls{flex:0 0 auto!important}@media(max-width:800px){body[data-breakaway-screen=ride] #screenRide .ride-screen-content{grid-template-rows:minmax(0,48fr) minmax(0,52fr)!important}}body[data-breakaway-screen=ride] #screenRide .ride-screen-content{grid-template-rows:minmax(0,63fr) minmax(0,37fr)!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard{padding:5px 10px!important;gap:0!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard>h2{margin:0 0 2px!important;line-height:1.1!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .readout-controls{margin:0 0 3px!important;line-height:1!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metrics{grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;gap:4px 7px!important;flex:1 1 auto!important;min-height:0!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric{height:100%!important;max-height:100%!important;min-height:0!important;padding:2px 7px!important;gap:0!important;justify-content:center!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric b{font-size:clamp(18px,min(2.5vw,3.6vh),34px)!important;line-height:1!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric small{font-size:clamp(9px,.75vw,11px)!important;line-height:1.1!important;margin-top:2px!important}@media(max-width:800px){body[data-breakaway-screen=ride] #screenRide .ride-screen-content{grid-template-rows:minmax(0,58fr) minmax(0,42fr)!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric b{font-size:clamp(16px,3.6vw,29px)!important}}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metrics{flex:0 1 auto!important;height:calc(100% - 38px)!important;max-height:calc(100% - 38px)!important;align-content:stretch!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric{padding-top:1px!important;padding-bottom:1px!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard{padding-bottom:12px!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metrics{flex:0 0 auto!important;height:calc((100% - 38px)*.75)!important;max-height:calc((100% - 38px)*.75)!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-template-rows:repeat(2,minmax(0,1fr))!important;align-content:start!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard .metric{height:100%!important;max-height:100%!important;min-height:0!important}body[data-breakaway-screen=ride] main>.ride-workspace{height:calc(100dvh - 135px)!important;max-height:calc(100dvh - 135px)!important;padding-bottom:12px!important;overflow:hidden!important}body[data-breakaway-screen=ride] #screenRide{height:100%!important;max-height:100%!important;min-height:0!important;overflow:hidden!important}body[data-breakaway-screen=ride] #screenRide .ride-screen-content{flex:1 1 auto!important;min-height:0!important;overflow:hidden!important}body[data-breakaway-screen=ride] #screenRide .profile-heading{display:flex!important;align-items:center!important;min-height:34px!important;margin-bottom:7px!important;padding-bottom:3px!important}body[data-breakaway-screen=ride] #screenRide .profile-heading .route-step{align-self:center!important;margin-right:9px!important;flex-shrink:0!important}body[data-breakaway-screen=ride] #screenRide .ride-screen-header{gap:10px!important}body[data-breakaway-screen=ride] #screenRide .ride-screen-header>strong{margin-right:0!important}@media(max-height:780px){body[data-breakaway-screen=ride] main>.ride-workspace{height:calc(100dvh - 130px)!important;max-height:calc(100dvh - 130px)!important;padding-bottom:8px!important}body[data-breakaway-screen=ride] #screenRide .ride-screen-content{grid-template-rows:minmax(0,60fr) minmax(0,40fr)!important}}body[data-breakaway-screen=ride] main>.ride-workspace{height:calc(100dvh - 165px)!important;max-height:calc(100dvh - 165px)!important;padding-bottom:16px!important;box-sizing:border-box!important}body[data-breakaway-screen=ride] #screenRide{height:100%!important;min-height:0!important;overflow:hidden!important}body[data-breakaway-screen=ride] #screenRide .ride-screen-content{grid-template-rows:minmax(0,60fr) minmax(0,40fr)!important;min-height:0!important;overflow:hidden!important}body[data-breakaway-screen=ride] #screenRide .ride-dashboard{min-height:0!important;overflow:hidden!important;box-sizing:border-box!important}@media(max-height:780px){body[data-breakaway-screen=ride] main>.ride-workspace{height:calc(100dvh - 158px)!important;max-height:calc(100dvh - 158px)!important;padding-bottom:12px!important}}body[data-breakaway-screen=ride] main{display:flex!important;flex-direction:column!important;height:100dvh!important;max-height:100dvh!important;min-height:0!important;box-sizing:border-box!important;overflow:hidden!important;padding-bottom:16px!important}body[data-breakaway-screen=ride] main>h1,body[data-breakaway-screen=ride] main>.screen-progress{flex:0 0 auto!important}body[data-breakaway-screen=ride] main>.ride-workspace{flex:1 1 0!important;height:auto!important;max-height:none!important;min-height:0!important;margin:0!important;padding:0!important;overflow:hidden!important;box-sizing:border-box!important}body[data-breakaway-screen=ride] #screenRide{display:flex!important;flex-direction:column!important;flex:1 1 auto!important;height:100%!important;max-height:100%!important;min-height:0!important;margin:0!important;padding:12px!important;box-sizing:border-box!important;overflow:hidden!important}body[data-breakaway-screen=ride] #screenRide .ride-screen-content{flex:1 1 0!important;height:auto!important;min-height:0!important;overflow:hidden!important}#chart,#floatChart{position:relative!important}#chart .profile-telemetry,#floatChart .profile-telemetry{position:absolute;top:6px;right:14px;z-index:3;display:flex;align-items:center;justify-content:flex-end;gap:clamp(18px,5vw,80px);pointer-events:none;white-space:nowrap;font-family:Inter,system-ui,sans-serif;font-size:clamp(15px,1.45vw,24px);font-weight:800;line-height:1.25;letter-spacing:0;font-variant-numeric:tabular-nums}#chart .profile-gear-readout,#floatChart .profile-gear-readout{color:#8db6ff}#chart .profile-hr-readout,#floatChart .profile-hr-readout{color:#ff6571}#floatChart .profile-telemetry{font-size:clamp(12px,1.2vw,18px);gap:16px;right:10px}body[data-breakaway-screen=route] .studio-live-stats{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px 15px!important}body[data-breakaway-screen=route] .studio-live-stats span{white-space:nowrap!important;font-variant-numeric:tabular-nums}#rideReadoutSettings[hidden]{display:none!important}.ride-readout-toggle{align-self:flex-start;font-size:12px!important;padding:5px 10px!important;line-height:1.2!important}body[data-breakaway-screen=ride] .ride-readout-toggle{margin:2px 0!important}body[data-breakaway-screen=route] .route-studio-live-heading{flex-wrap:wrap!important;row-gap:4px!important}body[data-breakaway-screen=route] .route-quick-facts{flex:1 1 100%;display:block;white-space:normal;color:#45d6aa;font-size:clamp(11px,1vw,14px);font-weight:700;line-height:1.3}