.wf{--wf-primary: #0d6efd;--wf-primary-soft: #c5d6f5;--wf-ink: #2d2d2d;--wf-muted: #6c757d;--wf-faint: #adb5bd;--wf-border: #e9ecef;--wf-border-strong: #dee2e6;--wf-panel: #fff;--wf-bg-soft: #f6f7f9;--wf-low: #f5c211;--wf-mid: #fd7e14;--wf-high: #e8590c;--wf-extreme: #a61e1e;--wf-radius: 12px;margin:0 auto;padding:8px 0 40px;color:var(--wf-ink)}.wf *{box-sizing:border-box}.wf__hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:20px 0 18px}.wf__title{font-size:28px;font-weight:bolder;color:var(--wf-ink);margin:0}.wf__subtitle{margin:8px 0 0;color:var(--wf-muted);font-size:1rem;max-width:660px;line-height:1.5}.wf__live{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--wf-bg-soft);border:1px solid var(--wf-border);color:var(--wf-muted);font-size:.78rem;font-weight:600;white-space:nowrap}.wf__live-dot{width:8px;height:8px;border-radius:50%;background:#28a745;box-shadow:0 0 #28a74580;animation:wf-pulse 2s infinite}.wf__live.is-warming .wf__live-dot{background:#f5c211;animation:none}.wf__live.is-error .wf__live-dot{background:#dc3545;animation:none}@keyframes wf-pulse{0%{box-shadow:0 0 #28a74580}70%{box-shadow:0 0 0 8px #28a74500}to{box-shadow:0 0 #28a74500}}.wf__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.wf__stat{display:flex;flex-direction:column;gap:2px;padding:16px 18px;background:var(--wf-panel);border:1px solid var(--wf-border);border-left:4px solid var(--wf-high);border-radius:var(--wf-radius)}.wf__stat--high{border-left-color:var(--wf-extreme)}.wf__stat--night{border-left-color:#4c6ef5}.wf__stat-value{font-size:1.7rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--wf-ink);line-height:1.15}.wf__stat-label{font-size:.9rem;font-weight:600;color:var(--wf-ink)}.wf__stat-hint{font-size:.76rem;color:var(--wf-muted)}.wf__toolbar{display:grid;grid-template-columns:minmax(220px,1fr) 2fr;gap:14px 24px;align-items:center;padding:14px;background:var(--wf-panel);border:1px solid var(--wf-border);border-radius:var(--wf-radius);margin-bottom:16px}.wf__field{display:flex;flex-direction:column;gap:7px;justify-content:center}.wf__label{font-size:.8rem;color:var(--wf-muted);font-weight:600;display:flex;align-items:center;gap:6px}.wf__label strong{color:var(--wf-primary);font-variant-numeric:tabular-nums}.wf__hint{margin:0;font-size:.8rem;color:var(--wf-muted)}.wf__range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--wf-low),var(--wf-extreme));outline:none}.wf__range::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--wf-primary);cursor:pointer;box-shadow:0 1px 4px #0003}.wf__range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--wf-primary);cursor:pointer}.wf__layout{display:grid;grid-template-columns:1fr 360px;gap:16px;align-items:stretch}.wf__map-wrap{position:relative;border-radius:var(--wf-radius);overflow:hidden;border:1px solid var(--wf-border-strong);min-height:560px}.wf__map{position:absolute;top:0;right:0;bottom:0;left:0;background:#eef2f6}.wf__map-note{position:absolute;top:12px;right:12px;z-index:500;padding:6px 12px;background:#fffffff0;border:1px solid var(--wf-border);border-radius:8px;box-shadow:0 1px 6px #00000014;font-size:.76rem;color:var(--wf-muted);max-width:60%}.wf__map-note.is-warming{color:#8a6d00;background:#fff8dc;border-color:#f5e3a1}.wf__legend{position:absolute;left:12px;bottom:12px;z-index:500;display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:9px 13px;background:#fffffff0;border:1px solid var(--wf-border);border-radius:10px;box-shadow:0 1px 6px #00000014;font-size:.78rem;color:var(--wf-muted)}.wf__legend-title{font-weight:600;color:var(--wf-ink)}.wf__legend-item{display:inline-flex;align-items:center;gap:6px}.wf__legend-swatch{width:11px;height:11px;border-radius:50%}.wf__legend-swatch--low{background:var(--wf-low)}.wf__legend-swatch--mid{background:var(--wf-mid)}.wf__legend-swatch--high{background:var(--wf-high)}.wf__legend-swatch--extreme{background:var(--wf-extreme)}.wf-dot-wrap{background:transparent;border:none}.wf-dot{display:block;border-radius:50%;border:1px solid rgba(0,0,0,.35);box-sizing:border-box;opacity:.9}.wf-dot--focus{border:2px solid #fff;box-shadow:0 0 0 3px #0d6efd80}.wf .marker-cluster-small{background-color:#f5c2118c}.wf .marker-cluster-small div{background-color:#f5c211d9}.wf .marker-cluster-medium{background-color:#fd7e148c}.wf .marker-cluster-medium div{background-color:#fd7e14d9;color:#fff}.wf .marker-cluster-large{background-color:#a61e1e80}.wf .marker-cluster-large div{background-color:#a61e1ed9;color:#fff}.leaflet-popup-content-wrapper{border-radius:10px}.wf-pop__title{font-weight:600;margin-bottom:3px;color:var(--wf-ink)}.wf-pop__meta{font-size:.8rem;color:var(--wf-muted)}.wf__sidebar{display:flex;flex-direction:column;background:var(--wf-panel);border:1px solid var(--wf-border);border-radius:var(--wf-radius);overflow:hidden;max-height:620px}.wf__sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--wf-border);background:var(--wf-bg-soft)}.wf__sidebar-title{font-size:.92rem;font-weight:600;color:var(--wf-ink)}.wf__sidebar-hint{font-size:.76rem;color:var(--wf-muted)}.wf__refresh{border:1px solid var(--wf-border-strong);background:#fff;color:var(--wf-muted);width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:1rem;flex:none;transition:background .15s,color .15s}.wf__refresh:hover{background:#f1f3f5;color:var(--wf-primary)}.wf__refresh.is-spinning{animation:wf-spin .8s linear infinite}@keyframes wf-spin{to{transform:rotate(360deg)}}.wf__cards{overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:9px}.wf__cards::-webkit-scrollbar{width:8px}.wf__cards::-webkit-scrollbar-thumb{background:#ced4da;border-radius:8px}.wf-card{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:11px 12px;border-radius:10px;border:1px solid var(--wf-border);background:#fff;cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;transition:border-color .15s,box-shadow .15s,transform .12s}.wf-card:hover{border-color:var(--wf-primary-soft);box-shadow:0 2px 10px #0d6efd12;transform:translateY(-1px)}.wf-card.is-active{border-color:var(--wf-primary);box-shadow:0 0 0 2px #0d6efd26}.wf-card__frp{display:flex;flex-direction:column;align-items:center;justify-content:center;width:58px;height:54px;border-radius:10px;font-weight:700;font-size:1.05rem;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.25);line-height:1.1}.wf-card__frp small{font-size:.55rem;font-weight:600;opacity:.9;text-transform:uppercase}.wf-card__body{min-width:0}.wf-card__place{font-weight:600;font-size:.9rem;color:var(--wf-ink);margin:0 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-card__place--none{color:var(--wf-muted);font-weight:500}.wf-card__sub{font-size:.78rem;color:var(--wf-faint);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wf-card__meta{display:flex;flex-wrap:wrap;gap:3px 12px;color:var(--wf-muted);font-size:.76rem}.wf-card__meta b{color:#495057;font-weight:600}.wf-card__night{color:#4c6ef5;font-weight:600}.wf__empty{padding:40px 20px;text-align:center;color:var(--wf-muted);font-size:.9rem}.wf__intro{margin-top:28px;padding:20px 22px;background:var(--wf-bg-soft);border:1px solid var(--wf-border);border-radius:var(--wf-radius)}.wf__intro h2{margin:0 0 10px;font-size:20px;color:var(--wf-ink)}.wf__intro p{margin:0 0 12px;color:var(--wf-muted);line-height:1.6;font-size:.92rem}.wf__intro p:last-child{margin-bottom:0}.wf__attribution{font-size:.82rem!important;color:var(--wf-faint)!important}.wf__attribution a{color:var(--wf-primary);text-decoration:none}.wf__attribution a:hover{text-decoration:underline}@media (max-width: 900px){.wf__stats{grid-template-columns:1fr;gap:10px}.wf__stat{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:12px 14px}.wf__stat-value{font-size:1.4rem}.wf__stat-hint{flex-basis:100%}.wf__toolbar,.wf__layout{grid-template-columns:1fr}.wf__map-wrap{min-height:420px}.wf__sidebar{max-height:none}.wf__cards{max-height:520px}.wf__legend{font-size:.72rem;gap:4px 10px}.wf__hero{flex-direction:column}}