.r9cc-widget{--r9cc-blue:#0a4d85;--r9cc-navy:#061f3c;--r9cc-cyan:#55c9ff;--r9cc-gold:#ffbf24;position:relative;background:linear-gradient(160deg,#0a4e83 0%,#072f58 46%,#061c37 100%);border:1px solid rgba(105,190,247,.38);border-radius:14px;overflow:hidden;box-shadow:0 12px 30px rgba(0,14,30,.22);color:#fff;font-family:Aptos,"Segoe UI Variable","Segoe UI",sans-serif;min-width:0}
.r9cc-head{min-height:61px;padding:11px 14px 9px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:linear-gradient(90deg,#0a4d85,#07345f);border-bottom:1px solid rgba(255,255,255,.12)}
.r9cc-kicker{display:block;color:#8fd7ff;font-size:9px;font-weight:900;letter-spacing:.14em;line-height:1.15}.r9cc-head h2{margin:3px 0 0!important;color:#fff!important;font-size:20px!important;line-height:1.05!important;font-weight:850!important;letter-spacing:-.02em}.r9cc-live{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(102,234,158,.35);border-radius:999px;padding:5px 8px;background:rgba(24,143,75,.24);color:#b7ffd1;font-size:9px;font-weight:900;letter-spacing:.08em}.r9cc-live i{width:7px;height:7px;border-radius:50%;background:#3fe07c;box-shadow:0 0 0 3px rgba(63,224,124,.13)}
.r9cc-progress{height:3px;background:rgba(255,255,255,.08)}.r9cc-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#44c8ff,#ffbf24);transition:width linear 7s}
.r9cc-stage{padding:13px 14px 10px;min-height:217px}.r9cc-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px}.r9cc-county{display:inline-flex;padding:4px 8px;border-radius:999px;background:rgba(85,201,255,.12);border:1px solid rgba(85,201,255,.22);color:#a9e5ff;font-size:10px;font-weight:800}.r9cc-count{color:#8fb1ca;font-size:10px;font-weight:800;font-variant-numeric:tabular-nums}
.r9cc-primary{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;align-items:center}.r9cc-icon{width:72px;height:72px;display:grid;place-items:center;font-size:48px;line-height:1;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.10);filter:drop-shadow(0 6px 9px rgba(0,0,0,.18))}.r9cc-main{min-width:0}.r9cc-main h3{margin:0!important;color:#fff!important;font-size:19px!important;line-height:1.05!important;font-weight:850!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r9cc-temp{margin-top:3px;font-size:42px;line-height:.98;font-weight:900;letter-spacing:-.045em;color:#fff;font-variant-numeric:tabular-nums}.r9cc-desc{margin-top:5px;color:#d5e7f5;font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r9cc-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:13px}.r9cc-metrics>div{min-width:0;padding:8px 7px;border-radius:8px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.08);text-align:center}.r9cc-metrics span{display:block;color:#79bde7;font-size:8px;font-weight:900;letter-spacing:.08em}.r9cc-metrics strong{display:block;margin-top:3px;color:#fff;font-size:11px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r9cc-meta{display:flex;justify-content:space-between;gap:8px;margin-top:9px;color:#8faec6;font-size:9px;line-height:1.2}.r9cc-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r9cc-meta span:first-child{max-width:58%}
.r9cc-controls{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;gap:8px;align-items:center;padding:0 12px 10px}.r9cc-arrow{width:34px;height:30px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(255,255,255,.08);color:#fff;font-size:23px;line-height:1;cursor:pointer}.r9cc-arrow:hover,.r9cc-arrow:focus{background:rgba(85,201,255,.18);outline:none}.r9cc-dots{display:flex;justify-content:center;align-items:center;gap:4px;overflow:hidden}.r9cc-dot{width:5px;height:5px;border:0;border-radius:50%;padding:0;background:#6389a7;opacity:.7;flex:0 0 auto}.r9cc-dot.is-active{width:15px;border-radius:999px;background:#ffbf24;opacity:1}.r9cc-open{display:block;padding:9px 12px;background:rgba(0,0,0,.16);border-top:1px solid rgba(255,255,255,.08);text-align:center;color:#a8dcff!important;text-decoration:none!important;font-size:11px;font-weight:850}.r9cc-open:hover{color:#fff!important;background:rgba(0,0,0,.24)}
.r9cc-widget.is-stale .r9cc-live{border-color:rgba(255,191,36,.35);background:rgba(255,191,36,.12);color:#ffe19a}.r9cc-widget.is-stale .r9cc-live i{background:#ffbf24}.r9cc-widget.is-error .r9cc-live{border-color:rgba(255,95,95,.35);background:rgba(255,73,73,.12);color:#ffd0d0}.r9cc-widget.is-error .r9cc-live i{background:#ff5252}
@media(max-width:900px){.r9cc-widget{width:100%;max-width:100%}.r9cc-stage{min-height:205px}.r9cc-primary{grid-template-columns:68px minmax(0,1fr)}.r9cc-icon{width:68px;height:68px;font-size:44px}.r9cc-main h3{font-size:20px!important}.r9cc-temp{font-size:44px}.r9cc-arrow{min-height:40px;width:40px}.r9cc-controls{grid-template-columns:40px minmax(0,1fr) 40px}}
.r9cc-icon .r9cc-weather-img{display:block;width:100%;height:100%;max-width:112px;max-height:112px;object-fit:contain;margin:auto;filter:drop-shadow(0 7px 8px rgba(0,0,0,.28))}