:root{color-scheme:light;--bg:#f7fbff;--panel:#0a4f8d;--ink:#ffffff;--muted:#cfe8f8;--quiet:#9fc9df;--line:rgba(255,255,255,0.18);--line-strong:rgba(255,255,255,0.32);--navy:#002a5b;--blue:#0769c9;--sky:#08a8df;--cyan:#00cad0;--green:#16c98f;--amber:#ffbf1f;--red:#f04f44;--sun:#ffd24a;--sky-soft:#0e7abb;--cyan-soft:#087d99;--green-soft:#047e6d;--amber-soft:#ffd739;--red-soft:#d64038;--card-blue:#075b9f;--card-blue-dark:#024879;--shadow:0 12px 0 rgba(0,0,0,0.18);--shadow-strong:0 16px 0 rgba(0,0,0,0.22)}*{box-sizing:border-box}html{min-height:100%;overflow-y:scroll;scrollbar-gutter:stable}html::-webkit-scrollbar{width:14px}html::-webkit-scrollbar-track{background:#f7fbff}html::-webkit-scrollbar-thumb{border:3px solid #f7fbff;border-radius:999px;background:#2aa9e0}html::-webkit-scrollbar-thumb:hover{background:var(--blue)}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;letter-spacing:0;overflow-x:hidden}.icon-defs{display:none}.shell{width:min(1240px,calc(100% - 32px));margin:0 auto;padding:0 0 20px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:14px;padding:12px 14px;border:1px solid rgba(255,255,255,0.14);border-radius:8px;background:var(--navy);box-shadow:var(--shadow-strong)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.mark{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border:1px solid rgba(255,210,74,0.42);border-radius:8px;background:rgba(255,210,74,0.12);color:var(--sun);box-shadow:none}h1{margin:0;color:#ffffff;font-size:1.52rem;line-height:1.1;font-weight:780}.subtitle{margin-top:4px;color:#a8d7f0;font-size:0.88rem}.status-row{display:flex;justify-content:flex-end;align-items:center;color:#c8e7f6;font-size:0.84rem;font-weight:760;text-align:right}.status-text{white-space:nowrap;color:rgba(255,255,255,0.86)}.warning-panel{display:grid;grid-template-columns:auto 1fr;gap:12px;margin-bottom:12px;padding:14px 16px;border:0;border-radius:8px;background:var(--sun);color:#002a5b;box-shadow:var(--shadow-strong)}.warning-icon{display:grid;place-items:center;width:40px;height:40px;border:2px solid rgba(0,42,91,0.32);border-radius:8px;background:rgba(0,42,91,0.08);color:#8a6400}.warning-icon svg{width:25px;height:25px}.warning-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.warning-item{min-width:0;padding:9px 10px;border:1px solid rgba(0,42,91,0.22);border-radius:8px;background:rgba(255,255,255,0.22)}.warning-item.is-clickable{padding:0}.warning-detail-button{display:block;width:100%;min-height:100%;padding:9px 10px;border:0;background:transparent;color:#002a5b;font:inherit;text-align:left;cursor:pointer}.warning-item>strong,.warning-detail-button strong,.warning-item a{display:block;margin-bottom:3px;color:#002a5b;font-size:0.82rem;font-weight:850;text-decoration:none}.warning-detail-button:hover strong,.traffic-detail-button:hover strong,.warning-item a:hover{text-decoration:underline}.warning-detail-button:focus-visible,.traffic-detail-button:focus-visible,.warning-modal-close:focus-visible{outline:3px solid #ffffff;outline-offset:2px}.warning-item.total-fire-ban{border-color:rgba(192,0,0,0.55);background:#c00000;color:#ffffff}.warning-item.total-fire-ban a,.warning-item.total-fire-ban .warning-detail-button,.warning-item.total-fire-ban strong,.warning-item.total-fire-ban span{color:#ffffff}.warning-item span{display:block;color:#07385f;font-size:0.78rem;line-height:1.34}.warning-item.traffic-warning{border-color:rgba(20,16,0,0.32);background:rgba(255,255,255,0.28)}.traffic-detail-button{display:block;width:100%;min-height:100%;padding:9px 10px;border:0;background:transparent;color:#141000;font:inherit;text-align:left;cursor:pointer}.traffic-detail-button strong{display:block;min-width:0;color:#141000;font-size:0.84rem;font-weight:880;line-height:1.25}.traffic-detail-button span:last-child{display:block;color:rgba(20,16,0,0.78);font-size:0.78rem;line-height:1.34}.warning-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:rgba(0,20,45,0.72)}.warning-modal[hidden]{display:none}.warning-modal-panel{display:grid;grid-template-rows:minmax(0,1fr) auto;width:min(720px,100%);max-height:min(82vh,720px);border-radius:8px;background:#ffffff;color:#102a3d;box-shadow:0 26px 70px rgba(0,0,0,0.35);overflow:hidden}.warning-modal-scroll{min-height:0;padding:22px 24px;overflow-x:hidden;overflow-y:auto}.warning-modal-kicker{margin:0 0 8px;color:#a15b00;font-size:0.74rem;font-weight:900;text-transform:uppercase}.warning-modal h2{margin:0;color:#102a3d;font-size:1.35rem;line-height:1.16;font-weight:850}.warning-modal-meta{margin:10px 0 0;color:#446174;font-size:0.86rem;font-weight:700;line-height:1.36;overflow-wrap:anywhere}.warning-modal-copy{margin-top:16px;color:#16384d;font-size:0.95rem;line-height:1.52;max-width:100%;overflow-x:hidden;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.warning-modal-close{min-height:48px;border:0;background:#06356f;color:#ffffff;font:inherit;font-weight:900;cursor:pointer}body.modal-open{overflow:hidden}.forecast-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;padding:8px;border:1px solid rgba(255,255,255,0.18);border-radius:8px;background:#0a4f8d;box-shadow:var(--shadow)}.forecast-bar.secondary{margin-top:10px}.forecast-bar.mobile-card-selector{display:none}.forecast-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;width:min(100%,760px);padding:4px;border:1px solid rgba(255,255,255,0.18);border-radius:8px;background:#063f73}.forecast-tab{min-height:36px;padding:4px 8px;border:0;border-radius:7px;background:transparent;color:#cfe8f8;font:inherit;font-size:0.8rem;font-weight:800;cursor:pointer}.forecast-tab span{display:block;margin-top:2px;color:#8fc9e8;font-size:0.68rem;font-weight:700}.forecast-tab[aria-pressed="true"]{background:var(--sun);color:#002a5b}.forecast-tab[aria-pressed="true"] span{color:#285b7f}.forecast-tab:focus-visible{outline:2px solid var(--sun);outline-offset:2px}.forecast-context{display:flex;align-items:center;justify-content:flex-end;min-height:36px;padding:0 12px;border:1px solid rgba(255,255,255,0.18);border-radius:8px;background:#063f73;color:#ffffff;font-size:0.84rem;font-weight:800;white-space:nowrap}.summary{display:grid;grid-template-columns:2.35fr repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.summary-panel,.location-card,.notice-board{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.summary-panel{--accent:var(--sky);--accent-soft:var(--sky-soft);position:relative;overflow:hidden;min-height:104px;padding:13px 14px;border-color:rgba(255,255,255,0.18);border-left:5px solid var(--sun);background:var(--accent-soft);color:#ffffff}.summary-panel.primary{--accent:var(--blue);--accent-soft:#0a65a8;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy range";gap:14px;align-items:center;min-height:132px;border-color:rgba(255,255,255,0.26);box-shadow:var(--shadow-strong);border-left-color:var(--sun);background:#1176d8}.summary-panel>*{position:relative;z-index:1}.summary-panel.primary::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(6,53,111,0.96) 0%,rgba(17,118,216,0.9) 58%,rgba(17,118,216,0.72) 100%);pointer-events:none}.summary-bg-photo{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}.summary-panel.primary>:not(.summary-bg-photo){z-index:2}.summary-panel.primary>div:not(.range-temp){grid-area:copy}.summary-panel.primary .range-temp{grid-area:range;justify-self:end}.summary-panel:nth-child(3){--accent:var(--cyan);--accent-soft:#067494}.summary-panel:nth-child(4){--accent:var(--amber);--accent-soft:#e8b82c;color:#002a5b;border-left-color:#002a5b}.summary-panel:nth-child(5){--accent:var(--green);--accent-soft:#047e6d}.kicker{margin-bottom:5px;color:var(--sun);font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em}.summary-title{margin:0;font-size:1.08rem;line-height:1.2;font-weight:760}.summary-copy{margin:6px 0 0;color:rgba(255,255,255,0.82);font-size:0.84rem;line-height:1.38}.summary-panel:nth-child(4) .kicker,.summary-panel:nth-child(4) .metric-value,.summary-panel:nth-child(4) .metric-value small,.summary-panel:nth-child(4) .summary-copy{color:#002a5b}.range-temp{display:flex;align-items:baseline;gap:4px;padding:8px 10px;border:1px solid rgba(255,255,255,0.24);border-radius:8px;background:rgba(0,42,91,0.28);color:#ffffff;white-space:nowrap}.range-temp strong{font-size:2.15rem;line-height:1;font-weight:760}.metric-value{display:flex;align-items:baseline;gap:5px;margin-top:4px;color:#ffffff;font-size:1.35rem;line-height:1.08;font-weight:800}.metric-value small{color:rgba(255,255,255,0.74);font-size:0.78rem;font-weight:600}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.location-card{--accent:var(--sky);--accent-soft:#0c6fb4;--accent-deep:#023f72;--photo:none;position:relative;isolation:isolate;overflow:hidden;min-height:202px;padding:13px;display:grid;grid-template-rows:auto auto 1fr auto;gap:11px;border-color:rgba(255,255,255,0.22);background:var(--card-blue);color:#ffffff;box-shadow:var(--shadow-strong)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;position:relative;min-height:94px;margin:-13px -13px 0;padding:13px;overflow:hidden;border-radius:8px 8px 0 0;background-color:#1b5e7e;color:#ffffff}.card-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}.card-head::before{content:"";position:absolute;inset:0;background:rgba(2,28,52,0.4);z-index:1}.card-head>:not(.card-photo){position:relative;z-index:2}h2{margin:0;color:#102a3d;font-size:1.02rem;line-height:1.12;font-weight:780}.card-head h2{color:#ffffff;font-size:1.18rem;text-shadow:0 1px 2px rgba(0,0,0,0.35)}.place-note{margin-top:4px;color:var(--quiet);font-size:0.75rem}.card-head .place-note{color:rgba(255,255,255,0.86);text-shadow:0 1px 2px rgba(0,0,0,0.32)}.condition-icon{width:54px;height:54px;flex:0 0 auto;padding:0;border:0;border-radius:0;background:transparent;color:#e7f8ff;filter:drop-shadow(0 2px 5px rgba(0,24,56,0.58)) drop-shadow(0 0 9px rgba(0,80,140,0.28));box-shadow:none}.card-head .condition-icon{--cyan:#36e4ff;--sun:#ffd338;background:transparent;color:#e7f8ff}.now{display:grid;grid-template-columns:minmax(0,1fr) minmax(96px,128px);align-items:center;gap:12px;min-height:50px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,0.2)}.temp-line{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.day-range{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;background:rgba(255,255,255,0.12);color:rgba(255,255,255,0.84);font-size:0.72rem;font-weight:850;white-space:nowrap}.temp{color:#ffffff;font-size:2.45rem;line-height:1;font-weight:820;white-space:nowrap}.temp-mode{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border:0;border-radius:999px;background:#4ade80;color:#062657;font-size:0.68rem;font-weight:850;line-height:1;text-transform:uppercase;white-space:nowrap}.temp-mode.is-forecast{background:var(--sun);color:#002a5b}.condition{display:flex;align-items:center;justify-content:flex-end;min-width:0;max-width:none;color:rgba(255,255,255,0.82);font-size:0.84rem;line-height:1.25;text-align:right}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.metric{min-width:0;padding:8px 8px;border:1px solid rgba(255,255,255,0.16);border-radius:8px;background:rgba(0,42,91,0.2)}.metric span{display:block;color:#9ed7f5;font-size:0.68rem;font-weight:700;text-transform:uppercase}.metric span small{font-size:0.6rem;font-weight:800;text-transform:none}.metric.compact-label span{font-size:0.58rem;white-space:nowrap}.metric.wind-metric span{white-space:nowrap}.metric.wind-metric strong{font-size:0.94rem}.metric strong{display:block;margin-top:4px;font-size:1.02rem;color:#ffffff;font-weight:800;white-space:nowrap}.metric:nth-child(2) strong,.metric.compact-label strong{color:var(--sun)}.timeline-shell{position:relative;border:1px solid rgba(255,255,255,0.18);border-radius:8px;background:#064b87;overflow:hidden;box-shadow:none}.timeline{display:grid;grid-auto-flow:column;grid-auto-columns:20%;gap:0;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;user-select:none}.timeline.is-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none}.timeline::-webkit-scrollbar{display:none}.timeline-nav{position:absolute;top:0;bottom:0;z-index:2;display:grid;place-items:center;width:28px;padding:0;border:0;color:#002a5b;background:var(--sun);cursor:pointer}.timeline-nav.prev{left:0}.timeline-nav.next{right:0}.timeline-nav:disabled{opacity:0;pointer-events:none}.timeline-nav:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.nav-icon{width:18px;height:18px}.hour{min-width:0;padding:8px 4px 9px;text-align:center;border-right:1px solid rgba(255,255,255,0.16);background:#075a9b;scroll-snap-align:start}.hour:nth-child(odd){background:#0a67aa}.hour:last-child{border-right:0}.hour .hour-time{display:block;color:#b7e6ff;font-size:0.82rem;font-weight:700}.hour-icon{display:block;width:36px;height:36px;margin:5px auto 3px;color:#ffffff}.rain-dry{color:var(--amber)}.sunny,.mostly-sunny{color:var(--sun)}.partly,.cloudy{color:#ffffff}.rain-light{color:#6fffc7}.rain-mid{color:#9defff}.rain-heavy,.showers,.rain{color:#ffffff}.storm{color:var(--sun)}.fog,.snow,.windy{color:#c9f2ff}.hour strong{display:block;margin-top:0;font-size:1.08rem;font-weight:730;color:#ffffff}.hour span{display:block;margin-top:3px;color:var(--sun);font-size:0.88rem;font-weight:800}.hour .hour-rain-chance{color:var(--sun)}.hour .hour-rain-amount{margin-top:2px;color:rgba(255,255,255,0.76);font-size:0.72rem;font-weight:760;line-height:1;white-space:nowrap}.hour .hour-wind{margin-top:3px;color:rgba(210,241,255,0.82);font-size:0.68rem;font-weight:780;line-height:1;white-space:nowrap}.hour .hour-wind span{display:inline;margin-top:0;font:inherit;line-height:inherit}.hour .hour-wind-dir{color:#ffffff}.hour .hour-wind-speed{color:rgba(210,241,255,0.82)}.card-foot{display:none;align-items:center;justify-content:space-between;gap:10px;min-height:22px;color:rgba(255,255,255,0.82);font-size:0.76rem}.flag{display:inline-flex;align-items:center;min-height:22px;padding:0 7px;border:0;border-radius:999px;background:var(--sun);color:#002a5b;font-weight:800;white-space:nowrap}.flag.red{background:var(--red);color:#ffffff}.flag.green{background:var(--green);color:#002a5b}.radar-panel{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,0.82fr);gap:12px;margin-top:12px;padding:12px;border:1px solid rgba(255,255,255,0.16);border-radius:8px;background:#063f73;color:#ffffff;box-shadow:var(--shadow)}.radar-map{position:relative;height:clamp(320px,42vw,520px);min-height:330px;overflow:hidden;border-radius:8px;background:#0a355b}.radar-map iframe{width:100%;height:100%;min-height:330px;border:0;filter:saturate(0.92) contrast(0.96)}.radar-image{display:block;width:100%;height:100%;object-fit:contain;background:#061d33;filter:saturate(0.98) contrast(1.04)}.radar-placeholder{display:grid;height:100%;min-height:330px;place-items:center;padding:20px;color:rgba(255,255,255,0.76);font-weight:850;text-align:center}.radar-scan{pointer-events:none;position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,32,72,0.38),transparent 30%,transparent 70%,rgba(4,32,72,0.26)),linear-gradient(180deg,rgba(4,32,72,0.18),transparent 38%,rgba(4,32,72,0.22))}.rain-band{position:absolute;display:block;border-radius:999px;pointer-events:none;opacity:0.74;transform:rotate(-18deg);filter:blur(0.2px)}.rain-band.light{width:24%;height:12%;left:12%;top:54%;background:rgba(125,240,189,0.58)}.rain-band.mid{width:28%;height:14%;right:18%;top:29%;background:rgba(54,228,255,0.58)}.rain-band.heavy{width:18%;height:10%;right:10%;bottom:22%;background:rgba(255,211,56,0.66)}.radar-info{display:grid;grid-template-rows:auto 1fr auto;gap:12px;min-width:0}.radar-title{margin:0;color:#ffffff;font-size:1.45rem;line-height:1.05;font-weight:880}.radar-copy{margin:7px 0 0;color:rgba(255,255,255,0.82);font-size:0.9rem;line-height:1.36}.radar-badge{display:inline-flex;align-items:center;width:fit-content;min-height:26px;padding:0 9px;border-radius:8px;background:var(--sun);color:#062657;font-size:0.75rem;font-weight:900;text-transform:uppercase;white-space:nowrap}.radar-stats{display:grid;gap:8px}.radar-stat{min-width:0;padding:12px;border-radius:8px;background:rgba(255,255,255,0.1)}.radar-stat span{display:block;color:rgba(255,255,255,0.7);font-size:0.72rem;font-weight:800;text-transform:uppercase}.radar-stat strong{display:block;margin-top:5px;color:#ffffff;font-size:1rem;line-height:1.18;font-weight:880}.radar-stat small{display:block;margin-top:4px;color:rgba(255,255,255,0.72);font-size:0.78rem;line-height:1.3}.radar-legend{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:rgba(255,255,255,0.78);font-size:0.78rem;font-weight:760}.legend-key{width:12px;height:12px;border-radius:999px;background:#36e4ff}.legend-key.light{background:#77edbd}.legend-key.mid{background:#36e4ff}.legend-key.heavy{background:#ffd338}.notice-board{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:16px;margin-top:10px;padding:12px 14px;border-color:rgba(255,255,255,0.16);border-top:4px solid var(--sun);background:#063f73;color:rgba(255,255,255,0.78);font-size:0.83rem;line-height:1.35}.notice-board strong{display:block;margin-bottom:4px;color:#ffffff;font-size:0.78rem;text-transform:uppercase}.mini-icon{width:20px;height:20px}@media (max-width:1020px){.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-panel.primary{grid-column:1 / -1}.board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1021px){.shell{padding-top:0}.topbar{margin-bottom:10px;padding:8px}.warning-panel{margin-bottom:10px;padding:10px 12px}.forecast-bar{margin-bottom:10px;padding:7px}.summary{gap:8px;margin-bottom:10px}.summary-panel{min-height:92px;padding:10px 12px}.summary-copy{font-size:0.78rem}.range-temp strong{font-size:1.78rem}.board{gap:8px}.location-card{padding:10px;gap:6px}.card-head{min-height:82px;margin:-10px -10px 0;padding:10px}.condition-icon{width:46px;height:46px}.now{padding-block:6px}.temp{font-size:2.08rem}.metrics{gap:6px}.metric{padding:5px 7px}.metric strong{font-size:0.96rem;margin-top:2px}.hour{padding:6px 4px 7px}.hour-icon{width:34px;height:34px;margin-top:3px}.hour strong{font-size:1rem}.hour span{font-size:0.82rem}.hour .hour-rain-amount{font-size:0.68rem}.hour .hour-wind{font-size:0.64rem}.card-foot{min-height:19px;font-size:0.72rem}.notice-board{padding:9px 14px}}@media (max-width:720px){.shell{width:min(100% - 20px,560px);padding-top:0}.topbar{align-items:flex-start;flex-direction:column;gap:10px}.status-row{justify-content:flex-start}.forecast-bar{align-items:stretch;flex-direction:column}.forecast-tabs{grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.forecast-context{display:none}.forecast-bar.mobile-card-selector{display:flex;margin:0 0 14px}.warning-panel{grid-template-columns:auto 1fr;align-items:start}.warning-list{grid-template-columns:1fr}.board,.radar-panel,.notice-board{grid-template-columns:1fr}.board{gap:18px}.radar-map{height:clamp(280px,78vw,420px);min-height:280px}.radar-map iframe,.radar-placeholder{min-height:280px}.summary{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-panel{min-height:auto}.summary-panel.primary,.summary-panel:nth-child(5),.summary-panel.fire-panel{grid-column:1 / -1}.summary-panel.comfort-panel{display:none}.summary-panel.primary{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"copy range";min-height:154px}.location-card{min-height:auto}.notice-board{gap:8px}}@media (max-width:360px){.summary{grid-template-columns:1fr}}@media (max-width:440px){.metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.metric{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:44px;padding:5px 3px;text-align:center}.metric span,.metric.compact-label span{font-size:0.48rem;line-height:1;white-space:nowrap}.metric span small{font-size:0.46rem}.metric strong,.metric.compact-label strong{margin-top:4px;font-size:clamp(0.64rem,2.85vw,0.82rem);line-height:1}.metric.wind-metric strong{font-size:clamp(0.62rem,2.75vw,0.78rem)}.condition{justify-content:flex-start}.temp{font-size:2.1rem}.uv-facts{grid-template-columns:1fr}.uv-scale-step{font-size:0.5rem}.hour{padding-inline:2px}.hour .hour-rain-amount{font-size:0.62rem}.hour .hour-wind{font-size:0.58rem}}.topbar,.warning-panel,.forecast-bar:not(.secondary){width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-left:0;border-right:0;border-radius:0;box-shadow:none;padding-left:max(16px,calc((100vw - 1240px) / 2+16px));padding-right:max(16px,calc((100vw - 1240px) / 2+16px))}.topbar,.warning-panel{margin-bottom:0}.forecast-bar:not(.secondary){margin-bottom:12px}.topbar .mark,.warning-panel .warning-icon,.warning-panel .warning-item,.forecast-bar:not(.secondary) .forecast-tabs,.forecast-bar:not(.secondary) .forecast-tab,.forecast-bar:not(.secondary) .forecast-context{border-radius:0}body{--bg:#f7fbff;--panel:rgba(255,255,255,0.18);--ink:#ffffff;--muted:rgba(255,255,255,0.78);--quiet:rgba(255,255,255,0.64);--line:rgba(255,255,255,0);--line-strong:rgba(255,255,255,0);--navy:rgba(255,255,255,0.86);--blue:#1176d8;--sky:#35b7ff;--cyan:#36e4ff;--green:#77edbd;--amber:#ffd338;--red:#ff4f7f;--sun:#ffd338;--sky-soft:rgba(53,183,255,0.18);--cyan-soft:rgba(54,228,255,0.18);--green-soft:rgba(119,237,189,0.18);--amber-soft:rgba(255,211,56,0.22);--red-soft:rgba(255,79,127,0.18);--card-blue:#06356f;--card-blue-dark:#062657;--shadow:0 24px 55px rgba(0,74,148,0.2);--shadow-strong:0 34px 80px rgba(0,74,148,0.26);background:#f7fbff;color:#ffffff}.shell{width:min(1240px,calc(100% - 36px))}.topbar,.warning-panel,.forecast-bar,.summary-panel,.location-card,.radar-panel,.notice-board{border:0}.topbar{background:#1176d8;color:#ffffff;box-shadow:0 18px 50px rgba(0,74,148,0.18)}h1{color:#ffffff;font-weight:900}.subtitle{color:rgba(255,255,255,0.82);font-weight:650}.topbar .mark,.forecast-bar:not(.secondary) .forecast-tabs,.forecast-bar:not(.secondary) .forecast-tab,.forecast-bar:not(.secondary) .forecast-context{border-radius:8px}.mark{border:0;background:rgba(255,255,255,0.16);color:#ffffff;box-shadow:none}.mark{color:#ffffff}.warning-panel{background:#ff9f1c;color:#2b1700;box-shadow:0 18px 44px rgba(190,93,0,0.24)}.warning-icon,.warning-item{border:0;border-radius:8px;background:rgba(255,255,255,0.28);box-shadow:none}.warning-item strong,.warning-detail-button,.warning-item span{color:#2b1700}.forecast-bar{background:rgba(77,198,242,0.62);box-shadow:0 18px 44px rgba(0,74,148,0.12)}.forecast-tabs,.forecast-context{border:0;background:rgba(255,255,255,0.38);box-shadow:inset 0 1px 0 rgba(255,255,255,0.36)}.forecast-tab{color:#225d88}.forecast-tab span{color:#497da1}.forecast-tab[aria-pressed="true"]{background:#06356f;color:#ffffff;box-shadow:0 16px 30px rgba(6,53,111,0.22)}.forecast-tab[aria-pressed="true"] span{color:#ffd338}.topbar,.warning-panel,.forecast-bar:not(.secondary){position:relative;isolation:isolate;width:auto;margin-left:0;margin-right:0;overflow:visible}.topbar::before,.warning-panel::before,.forecast-bar:not(.secondary)::before{content:"";position:absolute;inset-block:0;left:50%;z-index:-1;width:100vw;background:var(--band-bg);transform:translateX(-50%)}.topbar{--band-bg:#1176d8;background:transparent}.warning-panel{--band-bg:#ff9f1c;background:transparent}.forecast-bar:not(.secondary){--band-bg:rgba(77,198,242,0.62);background:transparent}.forecast-context{color:#062657;font-weight:900}.summary{gap:14px}.summary-panel,.location-card,.notice-board{color:#ffffff;box-shadow:var(--shadow)}.summary-panel{border-left:0;background:rgba(5,65,132,0.78)}.summary-panel.primary{background:#1176d8}.summary-panel:nth-child(3){background:#0b63b8}.summary-panel:nth-child(4){background:rgba(255,211,56,0.9);color:#062657}.summary-panel:nth-child(5){background:rgba(0,142,172,0.9)}.summary-panel.uv-panel{background:linear-gradient(135deg,rgba(6,53,111,0.96) 0%,rgba(17,118,216,0.86) 58%,rgba(255,190,50,0.22) 100%),url("newcastle-nobbys-beach.jpg") center 42% / cover no-repeat}.summary-panel.uv-panel::before{content:"";position:absolute;top:-46px;right:-48px;z-index:0;width:108px;height:108px;border-radius:50%;background:radial-gradient(circle at 36% 36%,#fff8c9 0 14%,#ffd338 15% 47%,rgba(255,190,50,0.62) 48% 62%,rgba(255,211,56,0) 63%);box-shadow:0 0 0 12px rgba(255,211,56,0.08),0 0 34px rgba(255,211,56,0.3);opacity:0.76;pointer-events:none}.summary-panel.uv-panel>*{position:relative;z-index:1}.summary-panel.uv-panel .metric-value{flex-wrap:wrap;text-shadow:0 2px 12px rgba(0,30,70,0.72)}.uv-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px}.uv-facts span{min-width:0;padding:6px 7px;border-radius:7px;background:rgba(255,255,255,0.15);color:rgba(255,255,255,0.92);font-size:0.74rem;line-height:1.15;font-weight:750;overflow-wrap:anywhere}.uv-facts strong{display:block;margin-bottom:1px;color:#ffd338;font-size:0.58rem;line-height:1;text-transform:uppercase;letter-spacing:0.04em}.uv-scale{display:grid;grid-template-columns:0.75fr 1fr 1fr 1.25fr 1fr;gap:3px;margin-top:8px;padding:3px;border-radius:999px;background:rgba(3,25,60,0.3)}.uv-scale-step{min-width:0;padding:4px 2px;border-radius:999px;color:rgba(2,26,58,0.74);font-size:0.58rem;line-height:1;font-weight:900;text-align:center;opacity:0.62}.uv-scale-step.uv-low{background:#67cf54}.uv-scale-step.uv-moderate{background:#ffd338}.uv-scale-step.uv-high{background:#ff9f43}.uv-scale-step.uv-very-high{background:#ff5b4f}.uv-scale-step.uv-extreme{background:#9b5cff;color:#ffffff}.uv-scale-step.is-active{opacity:1;box-shadow:0 0 0 2px #ffffff,0 8px 18px rgba(0,0,0,0.24);transform:translateY(-1px)}.summary-panel.uv-panel.uv-low{background:linear-gradient(135deg,rgba(4,81,88,0.96) 0%,rgba(8,145,137,0.84) 58%,rgba(103,207,84,0.28) 100%),url("newcastle-nobbys-beach.jpg") center 42% / cover no-repeat}.summary-panel.uv-panel.uv-high,.summary-panel.uv-panel.uv-very-high,.summary-panel.uv-panel.uv-extreme{background:linear-gradient(135deg,rgba(4,34,86,0.98) 0%,rgba(11,99,184,0.82) 44%,rgba(255,126,42,0.46) 100%),url("newcastle-nobbys-beach.jpg") center 42% / cover no-repeat}.summary-panel.uv-panel,.summary-panel.uv-panel.uv-low,.summary-panel.uv-panel.uv-moderate,.summary-panel.uv-panel.uv-high,.summary-panel.uv-panel.uv-very-high,.summary-panel.uv-panel.uv-extreme{background:linear-gradient(135deg,rgba(6,53,111,0.96) 0%,rgba(17,118,216,0.86) 58%,rgba(255,190,50,0.22) 100%),url("newcastle-nobbys-beach.jpg") center 42% / cover no-repeat}.summary-panel.wind-panel{background:linear-gradient(135deg,rgba(5,56,121,0.96) 0%,rgba(11,99,184,0.84) 52%,rgba(8,168,223,0.58) 100%),url("wind-lines-bg.svg") right center / auto 125% no-repeat}.summary-panel.wind-panel>*{position:relative;z-index:1}.wind-topline{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:10px;align-items:center;margin-top:3px}.wind-panel .metric-value{min-width:0;flex-wrap:wrap}.wind-panel .wind-reading{flex-direction:column;align-items:flex-start;gap:3px;line-height:1}.wind-direction-value{font-size:1.55rem;line-height:0.95;font-weight:900}.wind-panel .wind-reading small{display:block;line-height:1.1}.wind-compass{--wind-angle:0deg;position:relative;width:72px;aspect-ratio:1;border:1px solid rgba(255,255,255,0.32);border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,0.2) 0 18%,transparent 19%),radial-gradient(circle at 50% 50%,transparent 0 55%,rgba(255,255,255,0.22) 56% 58%,transparent 59%),rgba(255,255,255,0.12);box-shadow:inset 0 1px 0 rgba(255,255,255,0.16),0 12px 24px rgba(0,30,70,0.2)}.wind-dir-n{--wind-angle:0deg}.wind-dir-nne{--wind-angle:22.5deg}.wind-dir-ne{--wind-angle:45deg}.wind-dir-ene{--wind-angle:67.5deg}.wind-dir-e{--wind-angle:90deg}.wind-dir-ese{--wind-angle:112.5deg}.wind-dir-se{--wind-angle:135deg}.wind-dir-sse{--wind-angle:157.5deg}.wind-dir-s{--wind-angle:180deg}.wind-dir-ssw{--wind-angle:202.5deg}.wind-dir-sw{--wind-angle:225deg}.wind-dir-wsw{--wind-angle:247.5deg}.wind-dir-w{--wind-angle:270deg}.wind-dir-wnw{--wind-angle:292.5deg}.wind-dir-nw{--wind-angle:315deg}.wind-dir-nnw{--wind-angle:337.5deg}.wind-point{position:absolute;color:rgba(255,255,255,0.76);font-size:0.52rem;line-height:1;font-weight:900}.wind-n{top:5px;left:50%;transform:translateX(-50%);color:#ffd338}.wind-e{top:50%;right:6px;transform:translateY(-50%)}.wind-s{bottom:5px;left:50%;transform:translateX(-50%)}.wind-w{top:50%;left:6px;transform:translateY(-50%)}.wind-arrow{position:absolute;left:50%;top:50%;width:4px;height:27px;border-radius:999px;background:#ffd338;box-shadow:0 0 12px rgba(255,211,56,0.54);transform:translate(-50%,-100%) rotate(var(--wind-angle));transform-origin:50% 100%;transition:transform 180ms ease}.wind-arrow::before{content:"";position:absolute;top:-5px;left:50%;width:0;height:0;border-right:6px solid transparent;border-bottom:9px solid #ffd338;border-left:6px solid transparent;transform:translateX(-50%)}.wind-compass-centre{position:absolute;top:50%;left:50%;display:grid;place-items:center;min-width:28px;height:20px;padding:0 4px;border-radius:999px;background:#ffffff;color:#06356f;font-size:0.62rem;line-height:1;font-weight:900;transform:translate(-50%,-50%);box-shadow:0 5px 13px rgba(0,30,70,0.22)}.wind-compass.is-empty .wind-arrow{opacity:0.28}.summary-panel.comfort-panel{--comfort-position:50%;--comfort-color:#77edbd;background:radial-gradient(circle at 90% 8%,rgba(255,211,56,0.2),transparent 34%),linear-gradient(135deg,rgba(4,126,109,0.96) 0%,rgba(0,142,172,0.92) 62%,rgba(43,196,226,0.78) 100%)}.comfort-panel .metric-value{margin-top:2px;font-size:1.55rem}.comfort-gauge{margin-top:12px;padding:14px 8px 9px;border-radius:8px;background:rgba(255,255,255,0.14);box-shadow:inset 0 1px 0 rgba(255,255,255,0.16)}.comfort-bulb{display:none}.comfort-track{position:relative;display:block;height:10px;overflow:visible;border-radius:999px;background:linear-gradient(90deg,#77cfff 0%,#77edbd 38%,#ffd338 66%,#ff8c3a 84%,#ff5b4f 100%)}.comfort-track::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,0.48),transparent 48%,rgba(0,0,0,0.16));pointer-events:none}.comfort-marker{position:absolute;top:-11px;left:var(--comfort-position);z-index:1;width:15px;height:23px;border:2px solid #ffffff;border-radius:999px;background:var(--comfort-color);box-shadow:0 6px 14px rgba(0,28,58,0.28);transform:translateX(-50%);transition:left 180ms ease}.comfort-marker::after{content:"";position:absolute;left:50%;bottom:-6px;width:0;height:0;border-right:5px solid transparent;border-left:5px solid transparent;border-top:7px solid #ffffff;transform:translateX(-50%)}.comfort-gauge.is-empty{opacity:0.7}.comfort-scale-labels{display:flex;justify-content:space-between;gap:8px;margin-top:6px;color:rgba(255,255,255,0.76);font-size:0.6rem;line-height:1;font-weight:850;text-transform:uppercase;letter-spacing:0.04em}.comfort-freezing,.comfort-very-cold,.comfort-cold{--comfort-color:#77cfff}.comfort-cool{--comfort-color:#7ee7ff}.comfort-comfortable{--comfort-color:#77edbd}.comfort-warm{--comfort-color:#ffd338}.comfort-hot,.comfort-very-hot,.comfort-uncomfortably-hot{--comfort-color:#ff7a45}.kicker,.metric-value small{color:#ffd338}.summary-title,.metric-value,.range-temp{color:#ffffff}.summary-copy{color:rgba(255,255,255,0.84)}.summary-panel:nth-child(4) .kicker,.summary-panel:nth-child(4) .summary-title,.summary-panel:nth-child(4) .metric-value,.summary-panel:nth-child(4) .metric-value small,.summary-panel:nth-child(4) .summary-copy{color:#062657}.range-temp{border:0;background:rgba(255,255,255,0.18);box-shadow:inset 0 1px 0 rgba(255,255,255,0.2)}.location-card{background:radial-gradient(circle at 25% 0%,rgba(54,228,255,0.3),transparent 35%),radial-gradient(circle at 88% 100%,rgba(17,118,216,0.34),transparent 38%),linear-gradient(160deg,#061d4f 0%,#064a92 48%,#0aa2d2 100%);color:#ffffff;box-shadow:0 24px 55px rgba(0,74,148,0.3)}.card-head::before{background:rgba(4,31,79,0.32)}.now{border-bottom:0}.temp,.condition,.metric strong,.hour strong,.card-foot{color:#ffffff}.condition,.card-foot{color:rgba(255,255,255,0.82)}.timeline-nav,.flag{border-radius:8px;background:#ffd338;color:#062657;box-shadow:0 10px 24px rgba(255,211,56,0.22)}.temp-mode{border-radius:8px;background:#4ade80;color:#062657;box-shadow:0 10px 24px rgba(74,222,128,0.24)}.temp-mode.is-forecast{background:#ffd338;color:#062657;box-shadow:0 10px 24px rgba(255,211,56,0.22)}.metric,.timeline-shell{border:0;background:rgba(255,255,255,0.12);box-shadow:inset 0 1px 0 rgba(255,255,255,0.12)}.metric span,.hour .hour-time{color:rgba(255,255,255,0.7)}.metric:nth-child(2) strong,.metric.compact-label strong,.hour .hour-rain-chance{color:#ffd338}.hour .hour-rain-amount{color:rgba(255,255,255,0.78)}.timeline{grid-auto-columns:calc((100% - 24px) / 5);gap:6px;padding:6px}.hour,.hour:nth-child(odd){border-right:0;border-radius:8px;background:rgba(255,255,255,0.1)}.timeline-nav{top:6px;bottom:6px;right:6px}.timeline-nav.prev{left:6px}.timeline-nav:disabled{opacity:0;pointer-events:none}.rain-dry{color:#ffd338}.sunny,.mostly-sunny{color:#ffd338}.partly,.cloudy{color:#ffffff}.rain-light{color:#77edbd}.rain-mid,.rain-heavy,.showers,.rain{color:#ffffff}.storm{color:#ffd338}.fog,.snow,.windy{color:#c9f2ff}.flag.red{background:#ff4f7f;color:#ffffff}.flag.green{background:#77edbd;color:#062657}.notice-board{background:rgba(5,65,132,0.78);color:rgba(255,255,255,0.82)}.notice-board strong{color:#ffd338}.radar-panel{border:0;background:radial-gradient(circle at 82% 12%,rgba(54,228,255,0.24),transparent 34%),linear-gradient(160deg,#06356f 0%,#0b70bd 54%,#0aa2d2 100%);box-shadow:0 24px 55px rgba(0,74,148,0.28)}.radar-map{box-shadow:inset 0 0 0 1px rgba(255,255,255,0.08)}.radar-stat{background:rgba(255,255,255,0.12)}.summary-panel.fire-panel{color:#111827;border-color:rgba(17,24,39,0.18)}.fire-topline{display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:14px;align-items:center;margin-top:2px}.summary-panel.fire-panel:not(.has-fire-gauge) .fire-topline{grid-template-columns:1fr}.summary-panel.fire-panel .metric-value{min-width:0;max-width:100%;flex-wrap:wrap;font-size:1.22rem}.fire-gauge{--fire-angle:-82deg;position:relative;justify-self:end;width:80px;height:50px;flex:0 0 auto;filter:drop-shadow(0 8px 15px rgba(17,24,39,0.16))}.fire-gauge.is-empty{display:none}.fire-gauge svg{display:block;width:100%;height:100%;overflow:visible}.fire-arc-frame{fill:none;stroke:rgba(17,24,39,0.3);stroke-width:18;stroke-linecap:butt}.fire-arc{fill:none;stroke-width:15;stroke-linecap:butt}.fire-arc-no-rating{stroke:#ffffff}.fire-arc-moderate{stroke:#62bf45}.fire-arc-high{stroke:#ffdf45}.fire-arc-extreme{stroke:#ff8424}.fire-arc-catastrophic{stroke:#be1e2d}.fire-needle{position:absolute;left:50%;bottom:8px;width:4px;height:29px;border-radius:999px 999px 2px 2px;background:#111827;box-shadow:0 0 0 1px rgba(255,255,255,0.72);transform:translateX(-50%) rotate(var(--fire-angle));transform-origin:50% 100%;transition:transform 180ms ease}.fire-needle::before{content:"";position:absolute;top:-4px;left:50%;width:0;height:0;border-right:5px solid transparent;border-bottom:8px solid #111827;border-left:5px solid transparent;transform:translateX(-50%)}.fire-hub{position:absolute;left:50%;bottom:0;width:18px;height:18px;border:3px solid #111827;border-radius:50%;background:#ffffff;transform:translateX(-50%)}.summary-panel.fire-panel .kicker,.summary-panel.fire-panel .summary-title,.summary-panel.fire-panel .metric-value,.summary-panel.fire-panel .metric-value small,.summary-panel.fire-panel .summary-copy{color:inherit}.summary-panel.fire-rating-no-rating{background:linear-gradient(90deg,rgba(247,247,247,0.98) 0%,rgba(247,247,247,0.84) 48%,rgba(247,247,247,0.16) 100%),url("rfs-vehicle-bg.svg") right center / auto 136% no-repeat,#f7f7f7;color:#111827;border-left-color:#aeb4bd}.summary-panel.fire-rating-no-data{background:#d7dde5;color:#475569;border-left-color:#94a3b8;box-shadow:inset 0 0 0 1px rgba(71,85,105,0.18)}.summary-panel.fire-rating-no-data .metric-value{color:#334155}.summary-panel.fire-rating-no-data .summary-copy{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.summary-panel.fire-rating-moderate{background:#8bd66b;color:#10210d;border-left-color:#245f19}.summary-panel.fire-rating-high{background:#ffe66d;color:#1d1d12;border-left-color:#9b7d00}.summary-panel.fire-rating-extreme{background:#ff9b35;color:#201002;border-left-color:#b44800}.summary-panel.fire-rating-catastrophic,.summary-panel.fire-total-ban{background:#c00000;color:#ffffff;border-left-color:#ffffff}.summary-panel.fire-total-ban{box-shadow:0 0 0 3px rgba(255,255,255,0.55),var(--shadow)}@media (max-width:440px){.summary-panel.uv-panel::before{top:-34px;right:6px;width:88px;height:88px}.uv-facts{grid-template-columns:1fr}.uv-scale-step{font-size:0.5rem}.wind-topline{grid-template-columns:minmax(0,1fr) 58px;gap:7px}.wind-compass{width:58px}.wind-arrow{height:21px}.wind-compass-centre{min-width:24px;height:18px;font-size:0.54rem}.wind-point{font-size:0.46rem}}