:root{color:#17352b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#19372d;--green:#2f7658;--lime:#d8ed83;--muted:#84928a;--paper:#f2f4ed;--mono:"DM Mono",monospace;background:#f2f4ed;font-family:DM Sans,sans-serif;font-weight:400}*{box-sizing:border-box}body{background:radial-gradient(at 87% 15%,#cfdec545,#0000 30%),#f2f4ed;min-width:320px;min-height:100dvh;margin:0}button,input{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #93bd77}.app-shell{min-height:100dvh;position:relative;overflow:hidden}.topbar{border-bottom:1px solid #e2e7dc;justify-content:space-between;align-items:center;height:74px;padding:0 max(28px,50vw - 560px);display:flex}.wordmark{letter-spacing:-1.2px;color:var(--ink);background:0 0;padding:0;font-family:Manrope,sans-serif;font-size:20px;font-weight:800}.brand-mark{color:#345a41;vertical-align:-2px;background:#ddefb7;border-radius:50%;place-items:center;width:29px;height:29px;margin-right:7px;font-size:18px;display:inline-grid}.brand-light{color:#718479;font-weight:500}.ride-count{font:11px var(--mono);letter-spacing:1px;text-transform:uppercase;color:#63756a}.ride-count span{color:#6f9e5a;margin-right:7px;font-size:16px}.setup-screen{max-width:560px;margin:0 auto;padding:34px 25px 26px}.intro{margin:0 0 24px}.eyebrow{font:10px var(--mono);letter-spacing:2.1px;color:#75897c;align-items:center;gap:9px;display:flex}.live-dot{background:#9abb67;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 3px #9abb6726}h1{letter-spacing:-2px;color:#1c392f;margin:17px 0 11px;font-family:Manrope,sans-serif;font-size:51px;font-weight:500;line-height:.99}h1 em{color:#6f9871;font-weight:500}.intro p{color:#748279;margin:0;font-size:14px}.setup-card{background:#fff;border:1px solid #e8ece4;border-radius:20px;padding:23px 24px 20px;box-shadow:0 10px 35px #304a390b}.field-label{font:10px var(--mono);letter-spacing:1.4px;color:#73837a;align-items:center;gap:10px;display:flex}.field-label>span{color:#9ab280;font-size:9px}.duration-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:13px;display:grid}.duration-option{color:#52645a;background:#fbfcf9;border:1px solid #e5eae2;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;height:66px;transition:all .18s;display:flex;position:relative}.duration-option strong{letter-spacing:-1px;font:600 22px Manrope,sans-serif}.duration-option small{font:8px var(--mono);letter-spacing:1px;color:#9aa49c;margin-top:1px}.duration-option.selected{color:#315943;background:#eff5e5;border-color:#a6c083;box-shadow:inset 0 0 0 1px #c6d9aa}.selection-check{color:#6a905b;font-size:10px;position:absolute;top:6px;right:7px}.custom-option input{text-align:center;color:#53655a;appearance:textfield;background:0 0;border:0;outline:none;width:58%;font:600 19px Manrope}.custom-option input::-webkit-inner-spin-button{appearance:none}.custom-caption{font:7px var(--mono);letter-spacing:.7px;color:#9aa49c;margin-top:1px}.second-label{margin-top:24px}.segmented{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px;display:grid}.segmented button{color:#627268;background:#fbfcf9;border:1px solid #e5eae2;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:10px 6px 9px;display:flex}.segmented button.selected{color:#355d43;background:#eff5e5;border-color:#a6c083}.segmented button span{font-size:12px;font-weight:700}.segmented button small{color:#97a198;font-size:9px}.style-label{margin-top:23px}.style-grid{flex-wrap:wrap;gap:7px;margin-top:11px;display:flex}.style-chip{color:#697970;background:#fbfcf9;border:1px solid #e6ebe4;border-radius:20px;align-items:center;gap:6px;padding:8px 11px;font-size:11px;transition:all .18s;display:flex}.style-chip .style-icon{color:#79956c;font-size:13px}.style-chip.selected{color:#345540;background:#edf3e3;border-color:#b3ca98}.ride-summary{border-top:1px solid #edf0e9;align-items:center;gap:10px;margin-top:19px;padding:12px 0;display:flex}.summary-icon{color:#83a566;background:#f0f4e8;border-radius:9px;place-items:center;width:31px;height:31px;font-size:14px;display:grid}.ride-summary>span:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.ride-summary strong{color:#4d6154;font-size:11px}.ride-summary small{color:#99a39a;font-size:10px}.summary-arrow{color:#a2ae9d;font-size:16px}.start-button{color:#fff;background:#294e3d;border-radius:10px;justify-content:space-between;align-items:center;width:100%;height:52px;padding:0 17px 0 20px;font-size:14px;font-weight:600;transition:transform .15s,background .15s;display:flex;box-shadow:0 5px 12px #294e3d26}.start-button:hover{background:#32624b;transform:translateY(-1px)}.button-arrow{background:#ffffff21;border-radius:50%;place-items:center;width:28px;height:28px;font-size:15px;display:grid}.footer-note{text-align:center;color:#a4ada3;font:9px var(--mono);letter-spacing:1.6px;margin:20px 0 0}.footer-note span{color:#8fa674;margin-right:6px}.recent-note{text-align:center;color:#8b978d;margin-top:12px;font-size:10px}.recent-note span{font:9px var(--mono);letter-spacing:1px;color:#9da99d;margin-right:7px}.recent-note b{color:#b3bcaf;margin:0 5px}.player-mode{color:#fff;background:#18372f;height:100dvh;min-height:620px;max-height:1100px}.scenery,.scenery-video,.scenery-art{width:100%;height:100%;position:absolute;inset:0}.scenery{background:#25473d;overflow:hidden}.scenery-video{object-fit:cover;object-position:center 48%;filter:saturate(.84)brightness(.79);z-index:0}.scenery-art{background:linear-gradient(#d0b895 0%,#b7beaa 37%,#476b55 68%,#17342c 100%);display:none;overflow:hidden}.scenery-art.show-art{display:block}.sun-disc{filter:blur(3px);background:radial-gradient(circle,#ffedc2 0%,#ffe8b780 65%,#0000 70%);border-radius:50%;width:145px;height:145px;position:absolute;top:14%;left:50%;transform:translate(-50%)}.ridge{border-radius:50% 50% 0 0;width:130%;position:absolute;left:-15%}.ridge-back{background:linear-gradient(140deg,#9da993,#6c826d);height:42%;bottom:29%;transform:rotate(-5deg);box-shadow:100px -30px #83927a}.ridge-mid{background:linear-gradient(155deg,#526f58,#284c3b);height:40%;bottom:16%;transform:rotate(4deg);box-shadow:-210px 8px #405f4a}.ridge-front{background:linear-gradient(#244632,#102a24);height:30%;bottom:4%;transform:rotate(-2deg)}.road{clip-path:polygon(47% 0,53% 0,100% 100%,0 100%);filter:drop-shadow(0 -20px 25px #10221c66);background:linear-gradient(90deg,#44483e,#77766a 49%,#44483e);width:78%;height:54%;position:absolute;bottom:-18%;left:50%;transform:translate(-50%)}.road-glow{opacity:.55;filter:blur(2px);background:linear-gradient(#e8d6a0,#0000);width:5px;height:42%;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.tree-line{pointer-events:none;background:linear-gradient(90deg,#0f261c5c,#0000 20% 75%,#0f261c80);position:absolute;inset:45% 0 0}.scene-shade{z-index:1;pointer-events:none;background:linear-gradient(#0918146e,#0818131a 29%,#0818132b 55%,#081713b3 100%),linear-gradient(90deg,#09181426,#0000 40%,#0918141a);position:absolute;inset:0}.player-screen{z-index:2;max-width:580px;height:100%;min-height:620px;padding:env(safe-area-inset-top,0px) 22px env(safe-area-inset-bottom,0px);flex-direction:column;margin:0 auto;display:flex;position:relative}.player-top{flex:none;justify-content:space-between;align-items:center;height:58px;display:flex}.glass-icon{color:#fff;-webkit-backdrop-filter:blur(12px);background:#0d211b57;border:1px solid #ffffff2e}.back-button{border-radius:50%;width:36px;height:36px;font-size:24px;font-weight:300;line-height:1}.player-brand{font:9px var(--mono);letter-spacing:2px;color:#ffffffd6}.player-brand i{color:#cfdf9c;font-style:normal}.ride-badge{font:9px var(--mono);letter-spacing:1.3px;color:#ffffffd1;align-items:center;gap:9px;margin:4px 0 10px;display:flex}.ride-badge>span:nth-child(2){color:#c5d69b}.player-content{flex-direction:column;flex:1;justify-content:center;gap:10px;min-height:0;padding:0 0 4px;display:flex}.now-card{-webkit-backdrop-filter:blur(20px);background:#12282173;border:1px solid #ffffff38;border-radius:17px;padding:18px 18px 17px;box-shadow:0 16px 44px #091c1529}.card-heading{justify-content:space-between;align-items:center;display:flex}.now-pill{font:9px var(--mono);letter-spacing:1.4px;color:#e5eecb;align-items:center;gap:7px;display:flex}.now-pill .live-dot{background:#cbe38e;width:6px;height:6px}.segment-count{font:10px var(--mono);color:#ffffffa6;letter-spacing:1px}.segment-count i{color:#ffffff59;margin:0 4px;font-style:normal}.activity-title{letter-spacing:.3px;color:#fff;align-items:center;gap:10px;margin-top:13px;font:600 26px Manrope,sans-serif;display:flex}.activity-icon{color:#d8eba3;background:#d2e89d1a;border:1px solid #dceeb957;border-radius:10px;place-items:center;width:34px;height:34px;font-size:20px;display:grid}.instruction{color:#ffffffe0;min-height:18px;margin:9px 0 0;padding-left:44px;font-size:12px;line-height:1.5}.effort-row{align-items:center;gap:8px;margin:12px 0 0 44px;display:flex}.effort-label{font:8px var(--mono);letter-spacing:1px;color:#ffffff94}.effort-dots{gap:3px;display:flex}.effort-dots i{background:#ffffff3b;border-radius:2px;width:8px;height:4px}.effort-dots i.filled{background:#d6eaa0}.effort-row>b{font:500 10px var(--mono);color:#e4edc6}.effort-row>b small{color:#ffffff9e;font-size:8px}.timer-wrap{text-align:center;border-top:1px solid #ffffff24;margin-top:13px;padding-top:9px}.timer-value{letter-spacing:-5px;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 4px 30px #0000001f;font:500 clamp(66px,18vw,91px)/.98 Manrope,sans-serif}.timer-caption{font:8px var(--mono);letter-spacing:1.8px;color:#ffffffa6;margin-top:4px}.segment-progress{background:#fff3;border-radius:4px;height:3px;margin-top:13px;overflow:hidden}.segment-progress span{background:#d9ec9e;border-radius:4px;height:100%;transition:width .7s linear;display:block}.transition-callout{color:#f5f3d6;height:27px;font:9px var(--mono);letter-spacing:1.3px;text-shadow:0 1px 8px #00000080;align-items:center;gap:8px;padding:0 5px;display:flex}.transition-icon{color:#d8ecaa;font-size:15px}.transition-callout strong{color:#fff;font-weight:500}.change-line{background:#ffffff73;flex:1;height:1px}.next-card{-webkit-backdrop-filter:blur(15px);background:#132a2361;border:1px solid #ffffff26;border-radius:13px;padding:12px 15px 13px}.next-top,.next-main{justify-content:space-between;align-items:center;display:flex}.next-top{font:8px var(--mono);letter-spacing:1.3px;color:#ffffffa3}.next-top span:last-child{color:#e0e9c4}.next-main{margin-top:7px}.next-activity{align-items:center;gap:8px;font:600 14px Manrope,sans-serif;display:flex}.next-activity i{color:#d0e198;font-size:15px;font-style:normal}.next-main>b{font:12px var(--mono);color:#ffffffd6}.next-cue{color:#ffffffb8;margin-top:4px;padding-left:23px;font-size:10px;line-height:1.4}.finish-next{font:9px var(--mono);letter-spacing:1.2px;color:#e3edc5;background:#132a235c;border:1px solid #ffffff2b;border-radius:12px;padding:13px 16px}.finish-next p{letter-spacing:0;color:#fffc;margin:6px 0 0;font:12px DM Sans,sans-serif}.player-bottom{flex:none;padding-bottom:5px}.overall-progress{padding:0 3px}.progress-copy{font:9px var(--mono);letter-spacing:1.3px;color:#ffffffd6;justify-content:space-between;align-items:center;display:flex}.progress-copy span:last-child{color:#fff;font-size:11px}.progress-copy i{color:#ffffff94;font-size:8px;font-style:normal}.overall-track{background:#ffffff47;border-radius:5px;height:4px;margin:8px 0 5px;position:relative}.overall-track>span{background:#d9ec9e;border-radius:5px;transition:width 1s linear;position:absolute;inset:0 auto 0 0}.overall-track>i{background:#ffffffbd;width:2px;height:8px;position:absolute;top:-2px}.time-ends{color:#ffffffa8;font:8px var(--mono);letter-spacing:.3px;justify-content:space-between;display:flex}.controls{grid-template-columns:1fr 1.45fr 1fr;align-items:center;gap:15px;margin-top:14px;display:grid}.controls button{color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.control-secondary{opacity:.85;background:0 0;height:43px}.control-secondary span{font-size:20px;line-height:20px}.control-secondary small,.play-control small{font:8px var(--mono);letter-spacing:1px}.play-control{border:1px solid #ffffff4f;border-radius:12px;height:52px;box-shadow:0 5px 22px #11251b33;color:#254836!important;background:#e3efc7!important}.play-control>span{font-size:19px;line-height:19px}.play-control small{color:#526948;font-weight:500}.play-control.paused{background:#fff!important}.seated-note{text-align:center;color:#ffffff8f;font:8px var(--mono);letter-spacing:1.3px;margin:10px 0 0}.finish-screen{background:#f2f4ed;align-items:stretch;min-height:100dvh;display:flex}.finish-art{background:linear-gradient(#d8ceb3,#9db29a 45%,#415f4b 100%);width:34%;min-height:100dvh;position:relative;overflow:hidden}.finish-sun{background:#efe0b5;border-radius:50%;width:105px;height:105px;position:absolute;top:16%;left:50%;transform:translate(-50%);box-shadow:0 0 65px #eee0b573}.finish-ridge{background:linear-gradient(130deg,#658065,#263f32);border-radius:50% 50% 0 0;width:180%;height:66%;position:absolute;bottom:0;left:-40%;box-shadow:70px 50px #182f26}.finish-copy{align-self:center;width:min(560px,66%);padding:60px 48px}.finish-copy h1{margin:21px 0 14px;font-size:57px}.finish-copy>p{color:#77847b;max-width:340px;font-size:14px;line-height:1.6}.finish-stat{background:#fff;border:1px solid #e8ece4;border-radius:13px;align-items:center;gap:14px;margin:25px 0;padding:17px;display:flex}.stat-star{color:#829e67;background:#eff4e6;border-radius:10px;place-items:center;width:33px;height:33px;display:grid}.finish-stat>span:nth-child(2),.finish-stat>span:nth-child(4){flex-direction:column;gap:2px;display:flex}.finish-stat b{color:#34533e;font:600 19px Manrope}.finish-stat small{font:8px var(--mono);letter-spacing:.8px;color:#8d9b90}.finish-stat>i{background:#e5eae2;width:1px;height:27px;margin:0 5px;font-size:0}.feedback-panel{background:#fff;border:1px solid #e8ece4;border-radius:13px;padding:17px}.feedback-panel h2{color:#34503c;margin:0;font:600 14px Manrope}.feedback-panel p{color:#89968c;margin:5px 0 13px;font-size:11px}.feedback-options{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.feedback-options button{color:#6c7a70;background:#fbfcf9;border:1px solid #e4eae1;border-radius:8px;padding:9px 3px;font-size:10px}.feedback-options button.selected{color:#395942;background:#edf4e4;border-color:#abc58b}.finish-button{margin-top:15px}.finish-copy .footer-note{text-align:left;margin-top:21px}@media (width>=800px){.setup-screen{padding-top:42px}.intro{margin-bottom:27px}.setup-card{padding:27px 30px 24px}.player-screen{padding-left:27px;padding-right:27px}.player-content{width:100%;max-width:460px;margin:0 auto}.player-top,.ride-badge,.player-bottom{width:100%}.player-mode{max-height:none}}@media (width<=600px){.topbar{height:60px;padding:0 20px}.setup-screen{padding:25px 17px 18px}.intro{margin-bottom:19px}h1{margin:14px 0 9px;font-size:45px}.setup-card{border-radius:17px;padding:19px 16px 16px}.duration-grid{gap:6px}.duration-option{height:59px}.duration-option strong{font-size:19px}.second-label{margin-top:20px}.segmented{gap:5px}.segmented button{padding:9px 2px}.segmented button span{font-size:11px}.segmented button small{font-size:8px}.style-chip{padding:7px 9px;font-size:10px}.ride-summary{margin-top:16px}.footer-note{margin-top:15px}.player-mode,.player-screen{min-height:540px}.player-screen{padding-left:16px;padding-right:16px}.player-top{height:52px}.ride-badge{margin:2px 0 6px}.player-content{gap:7px}.now-card{border-radius:15px;padding:14px 15px 13px}.activity-title{margin-top:10px;font-size:23px}.activity-icon{width:31px;height:31px}.instruction{margin-top:7px;padding-left:41px;font-size:11px}.effort-row{margin-top:9px;margin-left:41px}.timer-wrap{margin-top:10px;padding-top:7px}.timer-value{font-size:clamp(61px,17vw,78px)}.timer-caption{font-size:7px}.segment-progress{margin-top:10px}.next-card{padding:10px 13px 11px}.transition-callout{height:23px}.controls{gap:12px;margin-top:10px}.play-control{height:47px}.seated-note{margin-top:8px;font-size:7px}.player-bottom{padding-bottom:4px}}@media (height<=720px) and (width<=600px){.player-content{justify-content:center}.now-card{padding:11px 13px 10px}.activity-title{margin-top:8px;font-size:21px}.timer-value{font-size:62px}.timer-wrap{margin-top:7px}.instruction{margin-top:5px}.next-card{padding:8px 12px}.controls{margin-top:7px}.play-control{height:43px}.seated-note{margin-top:6px}}@media (width<=480px){.finish-art{display:none}.finish-copy{width:100%;padding:42px 23px}.finish-copy h1{font-size:49px}.finish-stat{gap:10px}.finish-stat b{font-size:17px}.finish-stat small{font-size:7px}.setup-card{padding-left:13px;padding-right:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.player-balance{flex:none;width:64px;height:36px;display:block}