.history-app{background:var(--theme-primary);min-height:100dvh;color:var(--theme-ink);overflow:hidden}.history-topbar{z-index:80;position:relative}.history-desktop-nav a{height:58px;color:var(--theme-on-primary-muted);white-space:nowrap;border-bottom:3px solid #0000;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:11px;font-weight:760;text-decoration:none;display:inline-flex}.history-desktop-nav a:hover,.history-desktop-nav a:focus-visible{color:var(--theme-on-primary);background:#ffffff12}.history-desktop-nav a.nav-active{border-bottom-color:var(--theme-accent);background:var(--theme-active-bg);color:var(--theme-on-primary)}.history-header-actions{align-items:center;gap:8px;margin-left:auto;padding-right:10px;display:flex}.history-back-live{border:1px solid color-mix(in srgb, var(--theme-on-primary) 35%, transparent);min-height:34px;color:var(--theme-on-primary);border-radius:8px;align-items:center;padding:0 11px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.history-map-stage{background:color-mix(in srgb, var(--theme-primary) 78%, var(--theme-panel));height:calc(100dvh - 58px);min-height:520px;position:relative;overflow:hidden}.history-map-canvas,.history-map-canvas .mapbox-host,.history-map-canvas .mapbox-host .mapboxgl-map,.history-map-canvas .mapbox-host .mapboxgl-canvas-container,.history-map-canvas .mapbox-host canvas{width:100%;height:100%}.history-map-canvas{position:absolute;inset:0}.history-picker-card,.history-timeline{z-index:42;border:1px solid var(--theme-line);background:var(--theme-panel-glass);box-shadow:var(--theme-shadow);-webkit-backdrop-filter:blur(14px)saturate(1.08);backdrop-filter:blur(14px)saturate(1.08);border-radius:14px;position:absolute}.history-picker-card{border-top:4px solid var(--theme-accent);width:min(350px,100% - 28px);max-height:calc(100% - 146px);padding:14px;top:14px;left:14px;overflow:auto}.history-picker-card h1{color:var(--theme-ink);letter-spacing:-.035em;margin:0 0 12px;font-size:clamp(22px,2.2vw,28px);line-height:1.04}.history-date-time{grid-template-columns:minmax(0,1.35fr) minmax(100px,.65fr);gap:8px;margin-bottom:12px;display:grid}.history-date-time label{gap:6px;display:grid}.history-date-time label>span{color:var(--theme-ink);align-items:center;gap:6px;font-size:11px;font-weight:850;display:flex}.history-picker-card input[type=date],.history-picker-card input[type=time]{border:1px solid var(--theme-line);background:var(--theme-panel);width:100%;min-height:42px;color:var(--theme-ink);font:750 14px/1 var(--font-geist-sans), system-ui, sans-serif;border-radius:9px;padding:0 11px}.history-picker-card input:disabled{opacity:.55}.history-mode-picker button,.history-route-options button{border:1px solid var(--theme-line);background:var(--theme-panel);color:var(--theme-ink);cursor:pointer;font:780 10px/1.2 var(--font-geist-sans), system-ui, sans-serif;border-radius:8px}.history-mode-picker button.is-active,.history-route-options button.is-active{border-color:var(--theme-secondary);background:var(--theme-active-bg);color:var(--theme-ink);box-shadow:inset 0 0 0 1px var(--theme-secondary)}.history-empty{border:1px dashed var(--theme-line);background:var(--theme-panel-soft);color:var(--theme-muted);border-radius:10px;gap:5px;padding:13px;font-size:11px;line-height:1.4;display:grid}.history-mode-picker{border:0;margin:0;padding:0}.history-mode-picker legend{color:var(--theme-ink);margin-bottom:7px;font-size:11px;font-weight:850}.history-mode-picker>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.history-mode-picker button{justify-content:center;align-items:center;gap:4px;min-height:36px;padding:0 5px;display:inline-flex}.history-route-options{min-height:42px;color:var(--theme-muted);gap:6px;margin-top:8px;font-size:11px;display:flex;overflow-x:auto}.history-route-options>span{align-self:center}.history-route-options button{text-align:left;flex:1 0 88px;gap:2px;min-height:42px;padding:6px 22px 6px 8px;display:grid;position:relative}.history-route-options button span{color:var(--theme-muted);font-size:9px}.history-route-options button b{color:#fff;background:#bd3f25;border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;display:grid;position:absolute;top:7px;right:7px}.history-status{border:1px solid var(--theme-line);background:var(--theme-panel-soft);border-left:4px solid #718898;border-radius:10px;margin-top:10px;padding:10px 10px 8px}.history-status.history-rain-heavy{border-left-color:#a32d78}.history-status.history-rain-steady{border-left-color:#694eb4}.history-status.history-rain-light{border-left-color:#167cab}.history-status-metrics{grid-template-columns:minmax(0,1.35fr) minmax(92px,.65fr);gap:12px;display:grid}.history-rain-reading{grid-template-columns:1fr auto;gap:2px 10px;padding:0 0 8px;display:grid}.history-rain-reading>span{color:var(--theme-muted);align-self:end;font-size:10px;font-weight:850}.history-rain-reading>strong{color:var(--theme-ink);letter-spacing:-.04em;grid-row:span 2;font-size:25px;line-height:1}.history-rain-reading>small{color:var(--theme-muted);font-size:9px}.history-event-total{border-left:1px solid var(--theme-line);align-content:start;justify-items:end;padding-left:10px;display:grid}.history-event-total span{color:var(--theme-muted);font-size:9px;font-weight:800}.history-event-total strong{color:var(--theme-ink);margin-top:4px;font-size:18px}.history-route-state{border-top:1px solid var(--theme-line);min-height:34px;color:var(--theme-muted);justify-content:flex-start;align-items:center;gap:7px;padding:7px 0;font-size:10px;line-height:1.35;display:flex}.history-route-state.has-impact{color:#8e321d;font-weight:850}.history-status>p{background:var(--theme-panel);color:var(--theme-ink);border-radius:8px;margin:8px 0 0;padding:8px;font-size:10px;line-height:1.4}.history-status details{color:var(--theme-muted);margin-top:8px;font-size:9px;line-height:1.4}.history-status summary{color:var(--theme-ink);cursor:pointer;font-weight:800}.history-timeline{border-top:3px solid var(--theme-accent);height:104px;padding:12px 15px 9px;bottom:14px;left:14px;right:14px}.history-timeline-heading,.history-timeline-ends{justify-content:space-between;align-items:center;display:flex}.history-timeline-heading{color:var(--theme-muted);font-size:10px;font-weight:800}.history-timeline-heading strong{color:var(--theme-ink);font-size:14px}.history-rain-bars{pointer-events:none;height:28px;position:absolute;bottom:37px;left:22px;right:22px}.history-rain-bars i{bottom:0;left:var(--history-left);width:8px;height:max(3px, var(--history-height));background:linear-gradient(#a32d78,#167cab);border-radius:4px 4px 1px 1px;position:absolute;transform:translate(-50%)}.history-timeline input[type=range]{z-index:2;width:100%;height:27px;accent-color:var(--theme-secondary);margin:16px 0 0;position:relative}.history-timeline-ends{color:var(--theme-muted);font-size:9px}.replay-historical-marker.history-rain-marker{cursor:pointer;background:#167cab;border:3px solid #fff;border-radius:50%;width:24px;height:24px;box-shadow:0 0 0 7px #167cab47,0 5px 14px #01183075}.replay-historical-marker.history-rain-marker:after{color:#fff;content:attr(data-label);min-width:max-content;font:850 10px/1 var(--font-geist-sans), system-ui, sans-serif;white-space:nowrap;background:#062239eb;border:1px solid #cde2f0e0;border-radius:6px;padding:4px 6px;position:absolute;top:50%;left:calc(100% + 9px);transform:translateY(-50%);box-shadow:0 4px 12px #01183057}.replay-historical-marker.history-rain-steady{background:#694eb4;width:32px;height:32px;box-shadow:0 0 0 10px #694eb447,0 5px 16px #01183080}.replay-historical-marker.history-rain-heavy{background:#a32d78;width:42px;height:42px;box-shadow:0 0 0 14px #a32d7847,0 6px 18px #0118308c}.replay-historical-marker.history-rain-none{background:#718898;width:18px;height:18px;box-shadow:0 0 0 5px #71889838}.replay-historical-marker.history-impact-marker{cursor:pointer;background:#d45521;border:3px solid #fff;border-radius:5px;width:20px;height:20px;transform:rotate(45deg);box-shadow:0 4px 12px #01172c7a}.replay-historical-marker.history-rain-marker.is-selected,.replay-historical-marker.history-impact-marker.is-selected{outline:3px solid var(--theme-accent);outline-offset:3px}.history-mobile-nav{display:none}@media (width<=1000px){.history-picker-card{width:330px}.history-header-actions .language-selector{display:none}}@media (width<=780px){.history-map-stage{min-height:0}.history-topbar .history-desktop-nav{display:none!important}.history-header-actions{padding-right:7px}.history-back-live{min-height:32px;padding:0 9px;font-size:9px}.history-picker-card{width:auto;max-height:min(355px,100% - 128px);padding:12px;top:8px;left:8px;right:8px}.history-picker-card h1{margin-bottom:10px;font-size:22px}.history-mode-picker>div{grid-template-columns:repeat(4,minmax(62px,1fr));overflow-x:auto}.history-status{padding:8px 9px 6px}.history-rain-reading{align-items:baseline;gap:7px;padding:2px 0 7px;display:flex}.history-rain-reading>strong{margin-left:auto;font-size:23px}.history-route-state{padding-bottom:2px}.history-timeline{height:56px;padding:6px 10px;bottom:56px;left:8px;right:8px}.history-timeline-heading span,.history-timeline-ends,.history-rain-bars{display:none}.history-timeline input[type=range]{margin-top:4px}.history-mobile-nav{right:8px;bottom:max(7px, env(safe-area-inset-bottom));z-index:90;border:1px solid color-mix(in srgb, var(--theme-on-primary) 25%, transparent);background:color-mix(in srgb, var(--theme-primary) 96%, transparent);height:48px;box-shadow:var(--theme-shadow);border-radius:12px;grid-template-columns:repeat(5,1fr);gap:3px;padding:4px;display:grid;position:fixed;left:8px}.history-mobile-nav a{color:var(--theme-on-primary-muted);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:8px;font-weight:800;text-decoration:none;display:flex}.history-mobile-nav a.is-active{background:var(--theme-secondary);color:var(--theme-on-primary)}}@media (prefers-reduced-motion:reduce){.replay-historical-marker.history-rain-marker{transition:none}}