@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
.Header-module__KppamW__header{z-index:10;background:var(--surface);min-width:260px;max-width:300px;-webkit-backdrop-filter:var(--backdrop);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:Header-module__KppamW__fadeIn .4s var(--ease-out-expo);flex-direction:column;gap:12px;padding:14px 16px;display:flex;position:absolute;top:16px;right:16px}.Header-module__KppamW__titleRow{justify-content:space-between;align-items:center;gap:8px;display:flex}.Header-module__KppamW__logoArea{align-items:center;gap:8px;display:flex}.Header-module__KppamW__logoIcon{color:var(--rain-blue);flex-shrink:0}.Header-module__KppamW__title{color:var(--text-primary);letter-spacing:-.3px;font-size:14px;font-weight:700}.Header-module__KppamW__subtitle{color:var(--text-muted);letter-spacing:.6px;text-transform:uppercase;font-size:10px;font-weight:500}.Header-module__KppamW__actions{align-items:center;gap:6px;display:flex}.Header-module__KppamW__iconBtn{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);color:var(--text-secondary);background:#ffffffb3;border:1px solid #00000014;justify-content:center;align-items:center;display:flex}.Header-module__KppamW__iconBtn:hover{box-shadow:var(--shadow-sm);color:var(--text-primary);background:#fffffff2}.Header-module__KppamW__iconBtn.Header-module__KppamW__spinning svg{animation:.8s linear infinite Header-module__KppamW__spin}.Header-module__KppamW__timestamp{color:var(--text-muted);text-align:center;font-size:11px;font-weight:400}.Header-module__KppamW__divider{background:#00000012;height:1px}.Header-module__KppamW__legend{flex-direction:column;gap:6px;display:flex}.Header-module__KppamW__legendTitle{color:var(--text-muted);letter-spacing:.6px;text-transform:uppercase;font-size:10px;font-weight:600}.Header-module__KppamW__legendGradient{flex-direction:column;gap:4px;display:flex}.Header-module__KppamW__gradientBar{background:linear-gradient(90deg,#f59e0b40,#f59e0b99,#3b82f666,#3b82f6bf,#1d4ed8);border-radius:999px;height:10px}.Header-module__KppamW__legendLabels{color:var(--text-muted);justify-content:space-between;font-size:10px;font-weight:500;display:flex}.Header-module__KppamW__attribution{color:var(--text-muted);text-align:center;font-size:10px;line-height:1.5}.Header-module__KppamW__attribution a{color:var(--accent);font-weight:500;text-decoration:none}.Header-module__KppamW__attribution a:hover{text-decoration:underline}.Header-module__KppamW__disclaimer{color:var(--text-muted);border-radius:var(--radius-sm);background:#00000008;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:10px;display:flex}.Header-module__KppamW__disclaimerIcon{color:#64748b}@media (max-width:640px){.Header-module__KppamW__header{border-radius:0 0 var(--radius-lg) var(--radius-lg);flex-flow:wrap;align-items:center;gap:8px;max-width:100%;padding:10px 14px;top:0;left:0;right:0}.Header-module__KppamW__titleRow{flex:1}.Header-module__KppamW__legend,.Header-module__KppamW__attribution,.Header-module__KppamW__divider{display:none}}.Header-module__KppamW__footerRow{color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;margin-top:4px;font-size:10px;display:flex}.Header-module__KppamW__disclaimerToggle{color:var(--accent);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-sm);background:0 0;border:none;padding:2px 4px;font-size:10px;font-weight:600}.Header-module__KppamW__disclaimerToggle:hover{background:#0000000a;text-decoration:underline}.Header-module__KppamW__expandedDisclaimer{border-radius:var(--radius-sm);animation:Header-module__KppamW__slideDown .3s var(--ease-out-expo) both;background:#00000005;border:1px solid #0000000d;flex-direction:column;gap:8px;margin-top:8px;padding:10px;display:flex}.Header-module__KppamW__disclaimerHeading{color:var(--text-primary);text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.Header-module__KppamW__expandedDisclaimer p{color:var(--text-secondary);margin:0;font-size:10.5px;line-height:1.4}@keyframes Header-module__KppamW__slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.CameraPopup-module__Wem2pW__overlay{background:var(--overlay);z-index:30;animation:.25s CameraPopup-module__Wem2pW__fadeIn;position:fixed;inset:0}.CameraPopup-module__Wem2pW__panel{z-index:40;box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;display:flex;position:fixed;overflow:hidden}.CameraPopup-module__Wem2pW__topSection{gap:12px;padding:14px 16px 12px;display:flex}.CameraPopup-module__Wem2pW__infoCol{flex-direction:column;flex:1;gap:8px;display:flex}.CameraPopup-module__Wem2pW__bottomSection{flex-direction:column;gap:12px;padding:0 16px 16px;display:flex}@media (min-width:641px){.CameraPopup-module__Wem2pW__panel{border-radius:var(--radius-xl);width:320px;max-height:calc(100vh - 80px);animation:CameraPopup-module__Wem2pW__slideInRight .4s var(--ease-out-expo) both;top:50%;right:16px;overflow-y:auto;transform:translateY(-50%)}.CameraPopup-module__Wem2pW__topSection{flex-direction:column-reverse}}@media (max-width:640px){.CameraPopup-module__Wem2pW__panel{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:280px;animation:CameraPopup-module__Wem2pW__slideInUp .35s var(--ease-out-expo) both;bottom:0;left:0;right:0}.CameraPopup-module__Wem2pW__topSection{flex-direction:row;align-items:flex-start}.CameraPopup-module__Wem2pW__bottomSection{flex-direction:row;align-items:center;gap:16px}.CameraPopup-module__Wem2pW__gaugeSection{margin-bottom:-5px}.CameraPopup-module__Wem2pW__externalLink{align-self:auto}}.CameraPopup-module__Wem2pW__accentStripe{flex-shrink:0;height:4px}.CameraPopup-module__Wem2pW__accentStripe.CameraPopup-module__Wem2pW__rain{background:linear-gradient(90deg, var(--rain-blue-light), var(--rain-blue), var(--rain-blue-dark))}.CameraPopup-module__Wem2pW__accentStripe.CameraPopup-module__Wem2pW__post_rain{background:linear-gradient(90deg, var(--post-rain-purple-light), var(--post-rain-purple), var(--post-rain-purple-dark))}.CameraPopup-module__Wem2pW__accentStripe.CameraPopup-module__Wem2pW__dry{background:linear-gradient(90deg, var(--dry-orange-light), var(--dry-orange), var(--dry-orange-dark))}.CameraPopup-module__Wem2pW__imageWrapper{aspect-ratio:16/9;background:#e2e8f0;flex-shrink:0;width:100%;position:relative}@media (max-width:640px){.CameraPopup-module__Wem2pW__imageWrapper{aspect-ratio:16/9;border-radius:var(--radius-md);flex-shrink:0;width:140px;height:auto;overflow:hidden}}.CameraPopup-module__Wem2pW__cameraImage{object-fit:cover;width:100%;height:100%;display:block}.CameraPopup-module__Wem2pW__imageSkeleton{background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9 50%,#e2e8f0 75%) 0 0/400px 100%;animation:1.4s linear infinite CameraPopup-module__Wem2pW__shimmer;position:absolute;inset:0}.CameraPopup-module__Wem2pW__imageFallback{color:var(--text-muted);background:#f8fafc;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;inset:0}.CameraPopup-module__Wem2pW__closeBtn{background:var(--surface-hover);width:28px;height:28px;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);z-index:2;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:12px;right:12px}.CameraPopup-module__Wem2pW__closeBtn:hover{background:#000000bf}.CameraPopup-module__Wem2pW__locationRow{align-items:flex-start;gap:8px;padding-right:32px;display:flex}.CameraPopup-module__Wem2pW__liveIndicator{flex-shrink:0;width:10px;height:10px;margin-top:3px;position:relative}.CameraPopup-module__Wem2pW__liveDot{background:var(--success);border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite CameraPopup-module__Wem2pW__pulse-dot}.CameraPopup-module__Wem2pW__liveDot.CameraPopup-module__Wem2pW__stale{background:var(--text-muted);animation:none}.CameraPopup-module__Wem2pW__liveRing{background:var(--success);border-radius:50%;animation:2s ease-out infinite CameraPopup-module__Wem2pW__pulse-ring;position:absolute;inset:0}.CameraPopup-module__Wem2pW__locationText{flex:1}.CameraPopup-module__Wem2pW__areaName{color:var(--text-primary);font-size:14px;font-weight:600;line-height:1.3}.CameraPopup-module__Wem2pW__cameraName{color:var(--text-muted);margin-top:2px;font-size:11px;line-height:1.3}.CameraPopup-module__Wem2pW__badge{border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-flex}.CameraPopup-module__Wem2pW__badge.CameraPopup-module__Wem2pW__rain{color:var(--rain-blue-dark);background:#3b82f61a}.CameraPopup-module__Wem2pW__badge.CameraPopup-module__Wem2pW__post_rain{color:var(--post-rain-purple-dark);background:#8b5cf61a}.CameraPopup-module__Wem2pW__badge.CameraPopup-module__Wem2pW__dry{color:var(--dry-orange-dark);background:#f59e0b1a}.CameraPopup-module__Wem2pW__gaugeSection{flex-direction:column;flex:1;gap:8px;display:flex}.CameraPopup-module__Wem2pW__gaugeLabel{color:var(--text-muted);justify-content:space-between;align-items:center;font-size:11px;font-weight:500;display:flex}.CameraPopup-module__Wem2pW__gaugeValue{color:var(--text-primary);font-size:13px;font-weight:700}.CameraPopup-module__Wem2pW__gaugeTrack{background:#e2e8f0;border-radius:999px;height:6px;overflow:hidden}.CameraPopup-module__Wem2pW__gaugeFill{height:100%;transition:width .6s var(--ease-out-expo);border-radius:999px}.CameraPopup-module__Wem2pW__gaugeFill.CameraPopup-module__Wem2pW__rain{background:linear-gradient(90deg, var(--rain-blue-light), var(--rain-blue-dark))}.CameraPopup-module__Wem2pW__gaugeFill.CameraPopup-module__Wem2pW__post_rain{background:linear-gradient(90deg, var(--post-rain-purple-light), var(--post-rain-purple-dark))}.CameraPopup-module__Wem2pW__gaugeFill.CameraPopup-module__Wem2pW__dry{background:linear-gradient(90deg, var(--dry-orange-light), var(--dry-orange-dark))}.CameraPopup-module__Wem2pW__externalLink{background:var(--text-primary);color:#fff;border-radius:var(--radius-md);transition:opacity var(--transition-fast);flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:600;text-decoration:none;display:flex}.CameraPopup-module__Wem2pW__externalLink:hover{opacity:.85}.CameraPopup-module__Wem2pW__onlyDesktop{display:none}.CameraPopup-module__Wem2pW__onlyMobile{display:flex}@media (min-width:641px){.CameraPopup-module__Wem2pW__onlyDesktop{display:flex}.CameraPopup-module__Wem2pW__onlyMobile{display:none}}.CameraPopup-module__Wem2pW__desktopStats{flex-direction:column;flex:1;gap:8px;display:flex}.CameraPopup-module__Wem2pW__statsRow{flex:1;align-items:center;gap:12px;display:flex}.CameraPopup-module__Wem2pW__statsInfo{flex-direction:column;gap:4px;display:flex}.CameraPopup-module__Wem2pW__circularGauge{flex-shrink:0;width:44px;height:44px;position:relative}.CameraPopup-module__Wem2pW__circularSvg{width:100%;height:100%;transform:rotate(-90deg)}.CameraPopup-module__Wem2pW__circleBg{fill:none;stroke:#e2e8f0;stroke-width:3.5px}.CameraPopup-module__Wem2pW__circleFill{fill:none;stroke-width:3.5px;stroke-linecap:round;transition:stroke-dasharray .8s var(--ease-out-expo)}.CameraPopup-module__Wem2pW__circleFill.CameraPopup-module__Wem2pW__rain{stroke:var(--rain-blue)}.CameraPopup-module__Wem2pW__circleFill.CameraPopup-module__Wem2pW__post_rain{stroke:var(--post-rain-purple)}.CameraPopup-module__Wem2pW__circleFill.CameraPopup-module__Wem2pW__dry{stroke:var(--dry-orange)}.CameraPopup-module__Wem2pW__gaugeText{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.CameraPopup-module__Wem2pW__gaugeText .CameraPopup-module__Wem2pW__gaugeValue{color:var(--text-primary);font-size:13px;font-weight:700;line-height:1}.CameraPopup-module__Wem2pW__gaugeText .CameraPopup-module__Wem2pW__gaugeValue small{margin-left:1px;font-size:9px}
:root{--rain-blue:#3b82f6;--rain-blue-dark:#1d4ed8;--rain-blue-light:#93c5fd;--post-rain-purple:#8b5cf6;--post-rain-purple-dark:#6d28d9;--post-rain-purple-light:#c4b5fd;--dry-orange:#f59e0b;--dry-orange-dark:#b45309;--dry-orange-light:#fcd34d;--surface:#ffffffd1;--surface-border:#ffffff8c;--overlay:#00000059;--backdrop:blur(18px) saturate(1.6);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent:#6366f1;--success:#22c55e;--danger:#ef4444;--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--transition-fast:.15s var(--ease-out-expo);--transition-med:.3s var(--ease-out-expo);--transition-slow:.5s var(--ease-out-expo);--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000f;--shadow-md:0 4px 16px #0000001a, 0 2px 8px #00000012;--shadow-lg:0 20px 48px #00000024, 0 8px 20px #00000017}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;overflow:hidden}.loadingScreen{z-index:100;background:linear-gradient(145deg,#e0f2fe 0%,#f0fdf4 50%,#fef3c7 100%);flex-direction:column;justify-content:center;align-items:center;gap:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.loadingLogo{color:var(--text-primary);letter-spacing:-.5px;align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.loadingSpinner{border:3px solid #3b82f633;border-top-color:var(--rain-blue);border-radius:50%;width:44px;height:44px;animation:.9s linear infinite spin}.loadingSubtitle{color:var(--text-muted);letter-spacing:.2px;font-size:13px;font-weight:400}.errorScreen{z-index:100;background:#fef2f2;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.errorTitle{color:var(--danger);font-size:18px;font-weight:600}.errorMessage{color:var(--text-secondary);text-align:center;max-width:320px;font-size:13px}.retryButton{background:var(--rain-blue);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);border:none;margin-top:8px;padding:10px 24px;font-size:14px;font-weight:500}.retryButton:hover{background:var(--rain-blue-dark)}.appShell{width:100vw;height:100vh;position:relative;overflow:hidden}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulse-ring{0%{opacity:.8;transform:scale(1)}70%{opacity:0;transform:scale(2.2)}to{opacity:0;transform:scale(2.2)}}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@keyframes slideInRight{0%{opacity:0;transform:translate(110%)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}