:root{--bg:#071416;--panel:#101d20;--panel2:#152326;--line:#365159;--green:#72e545;--muted:#b7c4c6;--text:#f4f7f7;--ink:#f4f7f7;--card:#101d20;--brand:#72e545;--accent:#183d28}*{box-sizing:border-box}html{background:#071416}body{background:radial-gradient(circle at top,#102427 0,#071416 45%);color:var(--text);padding-bottom:88px}.hero{background:#071416;border-bottom:1px solid #294044;position:relative;z-index:20;color:#fff}.hero h1{font-style:italic;font-weight:900;letter-spacing:-1px;color:#fff}.hero h1::after{content:' RIDE';color:var(--green)}.hero p,.eyebrow{color:#d8e0e1}.card,.detailSheet{background:linear-gradient(145deg,#142427,#0b191c);color:#f4f7f7;border:1px solid #38515a;box-shadow:0 10px 30px rgba(0,0,0,.2)}.primary{background:var(--green)!important;color:#08200a!important;font-weight:900}.ghost,.btn,.favBtn,.closeBtn,.trackBtn,.miniBtn,.rideTab{background:#17282b;color:#f4f7f7;border:1px solid #3b555b}.mapsBtn{background:#245b39;color:#fff}.statusBtn,.detailsBtn{background:#173526;color:#effff2}.controls{border-color:#45616b}.searchBar input,.filters select,select,input{background:#101c1f!important;color:#fff!important;border:1px solid #52686e!important}.filters label,.locationText,.meta,.hour small,.detailHead p,.detailGrid small,.healthNote{color:#b7c4c6}.healthGrid label{background:#122124;color:#f4f7f7;border-color:#40585e}.healthGrid input{accent-color:#72e545}.weatherCard{border-color:#526b7a}.rainHistory{color:#b7c4c6}.scoreBig{background:#183d28;color:#fff}.scoreBig span,.score{color:var(--green)}.bestWindow,.hour,.rideScoreRow,.detailGrid div{background:#122124;color:#f4f7f7;border-color:#40585e}.badge{background:#1d3033;color:#f4f7f7}.warningBox.good{background:#173c28;color:#caffd4}.warningBox.caution{background:#413a16;color:#fff0a8}.warningBox.wet{background:#482020;color:#ffd1d1}.air{background:#122a22;color:#e6fff0}.healthAdvice{background:#302b18;color:#fff2b7}.myRides,.rideItem{color:#f4f7f7}.rideItem{background:#122124!important;border-color:#40585e!important}.rideItem strong,.rideItem small{color:#f4f7f7!important}.rideStats span{background:#122124!important;color:#e7eeee!important;border:1px solid #40585e}.rideStats b{color:var(--green)!important}.rideTab.active{background:#174c2d!important;color:#fff!important}.ebikePanel{margin-top:14px;border:1px solid #3c7c32;border-radius:16px;background:linear-gradient(100deg,rgba(35,77,37,.35),rgba(12,29,27,.9));padding:14px}.ebikeHead{display:flex;align-items:center;justify-content:space-between;gap:12px}.ebikeHead strong{font-size:18px;color:#fff}.ebikeHead select{width:auto;min-width:145px;max-width:58%}.ebikeHelp{font-size:12px;color:#b7c4c6;margin:8px 0 0}.trail{border-radius:18px}.trailTop h3{font-size:22px;color:#fff}.ebikeAccess{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.ebikeChip{border:1px solid #3d7c35;border-radius:999px;padding:5px 9px;color:var(--green);font-size:12px}.ebikeUnknown{color:#f0d26c;border-color:#75672c}.modernNav{position:fixed;bottom:0;left:0;right:0;height:76px;background:#081416;border-top:1px solid #34494e;display:flex;justify-content:space-around;align-items:center;z-index:1200;padding-bottom:max(4px,env(safe-area-inset-bottom))}.modernNav button{background:none;border:0;color:#c4cdcf;font-size:11px;display:flex;flex-direction:column;gap:3px;align-items:center;min-width:58px}.modernNav button span{font-size:22px}.modernNav button.active{color:var(--green)}@media(max-width:600px){main{padding:12px}.hero{padding:18px 16px 20px}.hero h1{font-size:42px}.weatherCard{border-radius:16px}.searchGrid{grid-template-columns:1fr 1fr}.trailList{gap:12px}.actions{display:grid;grid-template-columns:1fr 1fr}.btn{text-align:center}.healthGrid{grid-template-columns:1fr 1fr}.healthGrid label{min-height:58px}.rideTabs{overflow-x:auto;display:flex;gap:8px}.rideTab{flex:0 0 auto}.rideStats{display:grid!important;grid-template-columns:repeat(3,1fr);gap:6px}.rideStats span{min-width:0!important;padding:8px 4px!important;font-size:10px!important;text-align:center}.ebikeHead{align-items:flex-start}.ebikeHead strong{max-width:38%}}