:root{--bg:#f4f6f3;--card:#fff;--ink:#132018;--muted:#66736a;--brand:#173f2a;--accent:#d9efc9;--line:#dde4dd;--shadow:0 8px 24px rgba(13,38,24,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}button,select,input{font:inherit}.hero{padding:calc(22px + env(safe-area-inset-top)) 20px 22px;background:linear-gradient(140deg,#173f2a,#285d40);color:#fff;display:flex;gap:18px;justify-content:space-between;align-items:end}.hero h1{font-size:42px;line-height:1;margin:4px 0 8px}.hero p{margin:0;opacity:.88}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:800;opacity:.7}.primary,.ghost,.btn{border:0;border-radius:14px;padding:12px 14px;font-weight:800;text-decoration:none;text-align:center;cursor:pointer}.primary{background:#e6ffd3;color:#173f2a}.ghost,.btn{background:#e7ece8;color:#173f2a}main{max-width:900px;margin:auto;padding:16px 14px 40px}.card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.controls{padding:14px}.searchBar{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:12px}.searchBar input{width:100%;border:1px solid var(--line);border-radius:14px;padding:13px 14px;background:#f9fbf9;color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.filters label{font-size:12px;color:var(--muted);font-weight:700}.filters select{width:100%;margin-top:5px;padding:11px 10px;border:1px solid var(--line);border-radius:12px;background:#fff}.healthBox{margin-top:14px;border-top:1px solid var(--line);padding-top:14px}.healthGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:9px}.healthGrid label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:10px 11px;font-size:13px;font-weight:700;background:#fafbfa}.healthGrid input{width:20px;height:20px}.healthNote{font-size:11px;color:var(--muted);margin:8px 2px 0}.locationText{font-size:12px;color:var(--muted);margin-top:10px}.weatherCard{margin-top:14px;padding:18px;display:flex;justify-content:space-between;gap:20px;align-items:center}.rainHistory{font-size:13px;font-weight:700;color:#52675a}.scoreBig{min-width:90px;height:90px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-weight:900}.scoreBig span{font-size:34px}.sectionHead{display:flex;justify-content:space-between;align-items:end;margin:24px 4px 10px}.hourlyCard{padding:14px}.bestWindow{padding:13px 14px;border-radius:14px;background:#edf8f0;margin-bottom:12px}.hourlyList{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.hour{min-width:100px;border:1px solid var(--line);border-radius:14px;padding:10px;display:grid;gap:3px;background:#fafbfa}.hour span{font-size:21px;font-weight:900}.hour small{font-size:11px;color:var(--muted)}.hour.great{border-top:5px solid #2e8b57}.hour.fair{border-top:5px solid #d9a800}.hour.poor{border-top:5px solid #c94a4a}.mapPanel.hidden,.hidden{display:none!important}#trailMap{height:390px}.mapLegend{display:flex;gap:12px;flex-wrap:wrap;padding:10px 14px;font-size:12px;color:var(--muted)}.dot{width:10px;height:10px;border-radius:50%;display:inline-block;margin-right:4px}.green{background:#2e8b57}.yellow{background:#d9a800}.red{background:#c94a4a}.score-pin div{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.3)}.score-pin.good div{background:#2e8b57}.score-pin.fair div{background:#d9a800}.score-pin.poor div{background:#c94a4a}.trailList{display:grid;gap:12px}.trail{padding:16px}.trailTop{display:flex;justify-content:space-between}.trail h3{font-size:23px;margin:2px 0}.meta{color:var(--muted);font-size:13px}.favBtn{border:0;background:#f1f4f1;width:44px;height:44px;border-radius:50%;font-size:26px}.badges{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}.badge{padding:7px 9px;border-radius:999px;background:#eef3ef;font-size:12px;font-weight:800}.badge.status-good{background:#ddf6e4;color:#14632f}.badge.status-caution{background:#fff1bf;color:#795a00}.badge.status-wet{background:#ffd9d9;color:#8d2424}.warningBox{margin:10px 0;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:700}.warningBox.good{background:#edf8f0;color:#245f34}.warningBox.caution{background:#fff7d8;color:#735b00}.warningBox.wet{background:#ffe7e7;color:#8a2929}.rideScoreRow{display:flex;justify-content:space-between;background:#f6f8f6;border-radius:15px;padding:12px}.score{font-size:28px;font-weight:900}.air,.healthAdvice{font-size:13px;border-left:4px solid #8bb59a;padding:8px 10px;background:#f7faf7;border-radius:8px;margin-top:8px}.healthAdvice{border-left-color:#d0a94b;background:#fffaf0}.actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.mapsBtn{background:var(--brand);color:#fff}.statusBtn{background:#dff4df}.detailsBtn{background:#dfeee5}.empty{padding:25px;text-align:center;color:var(--muted)}.detailOverlay{position:fixed;inset:0;background:rgba(10,20,14,.55);z-index:9999;display:flex;align-items:flex-end;justify-content:center}.detailSheet{background:#fff;width:min(900px,100%);max-height:90vh;overflow:auto;border-radius:24px 24px 0 0;padding:18px;padding-bottom:calc(24px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px rgba(0,0,0,.2)}.detailHead{display:flex;justify-content:space-between;gap:14px}.detailHead h2{font-size:28px;margin:3px 0}.detailHead p{margin:0;color:var(--muted)}.closeBtn{width:44px;height:44px;border-radius:50%;border:0;font-size:28px;background:#eef2ee}.detailScore{font-size:30px;font-weight:900;margin:14px 0}.detailGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.detailGrid div{background:#f7f9f7;border-radius:14px;padding:12px}.detailGrid small{display:block;color:var(--muted);margin-bottom:4px}.detailGrid strong{font-size:16px}.detailHourlyLabel{margin:18px 2px 8px}.detailActions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}@media(max-width:680px){.hero{flex-direction:column;align-items:stretch}.hero h1{font-size:38px}.grid,.healthGrid{grid-template-columns:1fr 1fr}.weatherCard{align-items:flex-start}.scoreBig{min-width:80px;height:80px}#trailMap{height:320px}.hour{min-width:92px}.detailActions{grid-template-columns:1fr}.detailSheet{max-height:94vh}}