@import "https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf4f7;font-synthesis:none;background:#0b1c26;font-family:Gill Sans,Gill Sans MT,Lato,Calibri,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(at 95% 0,#163f46 0,#0000 42%),#0b1c26;margin:0}main{max-width:1300px;margin:auto;padding:32px 42px}button,input{font:inherit}button{cursor:pointer;color:#e3eff4;background:#1a3543;border:1px solid #37525f;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 15px;font-size:14px;font-weight:600;display:inline-flex}button:hover{background:#284a59}button:disabled{opacity:.6;cursor:wait}:is(button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible){outline-offset:3px;outline:2px solid #a0efdc}.quiet{background:0 0}header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.brand{align-items:center;gap:15px;display:flex}.mark{color:#acf0dd;background:#1a423f;border:1px solid #4a746e;border-radius:12px;padding:12px}.eyebrow{letter-spacing:2.5px;color:#9bbbbd;margin-bottom:5px;font-size:12px;font-weight:700}h1,h2,h3{font-family:Gill Sans,Gill Sans MT,Lato,Calibri,sans-serif}h1{letter-spacing:-.8px;margin:0;font-size:26px;font-weight:800}h2{letter-spacing:-.3px;margin:0;font-size:18px}h3{font-size:17px}.header-right{color:#b1c3ce;align-items:center;gap:22px;font-size:14px;display:flex}.header-right small{color:#748e9d;margin-top:5px;font-size:12px;display:block}.toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.tabs{background:#0c1b24;border:1px solid #294752;border-radius:9px;gap:4px;padding:4px;display:flex}.tabs button{color:#96adba;background:0 0;border:0;padding:8px 13px}.tabs button.active{color:#e0f8ed;background:#28454e}.notice{border-radius:8px;margin-bottom:20px;padding:14px 18px;font-size:14px;line-height:1.6}.sample{color:#c2d8f7;background:#24364a;border:1px solid #48617c}.error{color:#ffccc7;background:#3c2c2c;border:1px solid #67413c}.card{background:#122731;border:1px solid #2a434e;border-radius:13px;overflow:hidden}.topgrid{grid-template-columns:1fr 1.17fr;gap:20px;margin-bottom:24px;display:grid}.live,.outlook{padding:23px 25px}.section-label{letter-spacing:1.5px;color:#99b8c4;align-items:center;gap:9px;font-size:12px;font-weight:700;display:flex}.pill{white-space:nowrap;letter-spacing:0;color:#bfdfd6;background:#21413e;border:1px solid #3c6158;border-radius:6px;align-items:center;margin-left:auto;padding:5px 9px;font-size:12px;font-weight:600;display:inline-flex}.live .pill{color:#a9bdc6;background:#20333e;border-color:#3b5260}.live-body{align-items:center;gap:32px;margin:19px 0 14px;display:flex}.big-reading{letter-spacing:-3px;font-family:Gill Sans,Gill Sans MT,Lato,Calibri,sans-serif;font-size:52px;font-weight:600;line-height:1.2}.big-reading span{letter-spacing:0;color:#a0b6c1;margin-left:4px;font-size:25px}.reading-label{color:#a1b7c3;margin-top:4px;font-size:13px}.live-details{color:#99b1bd;flex:1;gap:10px;font-size:13px;display:grid}.live-details div{justify-content:space-between;gap:10px;display:flex}.live-details b{color:#d5e1e8;font-weight:500}.subtle{color:#8fa7b6;margin:0;font-size:13px;line-height:1.6}.outlook-stats{justify-content:space-between;gap:18px;margin:25px 0 21px;display:flex}.outlook-stats strong{letter-spacing:-1.5px;font-family:Gill Sans,Gill Sans MT,Lato,Calibri,sans-serif;font-size:37px;font-weight:600;display:block}.outlook-stats strong small{letter-spacing:0;color:#a1bac5;font-size:19px;font-weight:400}.outlook-stats span{color:#a6bdc7;margin-top:7px;font-size:13px;display:block}.chart-card{margin-bottom:24px;padding:25px}.chart-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.chart-head p{color:#91adbc;margin:7px 0 0;font-size:13px}.check{white-space:nowrap;color:#b1c6d0;align-items:center;gap:7px;font-size:13px;display:flex}input[type=checkbox]{accent-color:#86dac6;width:16px;height:16px}.legend{flex-wrap:wrap;justify-content:space-between;gap:14px;margin:26px 0 10px;font-size:13px;display:flex}.legend span{align-items:center;gap:7px;display:flex}.legend small{color:#8ca8b8;font-size:12px}.legend i,.band-row i{border-radius:2px;flex-shrink:0;width:8px;height:8px;display:inline-block}.chart-foot{color:#7893a4;justify-content:space-between;padding:5px 0 20px;font-size:12px;display:flex}.wind-title{color:#bed1dc;border-top:1px solid #2b424c;align-items:center;gap:8px;padding-top:18px;font-size:14px;display:flex}.wind-title span{color:#94adba;margin-left:auto;font-size:12px}.wind-chart{margin-top:14px}.tooltip{color:#d5e5ed;background:#203946;border:1px solid #55717f;border-radius:8px;padding:13px 16px;font-size:13px;line-height:1.8;box-shadow:0 6px 20px #06101888}.tooltip strong{color:#fff;display:block}.bottom-grid{grid-template-columns:1.5fr 1fr;gap:24px;display:grid}.windows,.breakdown{padding:24px}.window{border-bottom:1px solid #2b434f;padding:20px 0}.window:last-child{border-bottom:0;padding-bottom:0}.window-top{align-items:center;gap:10px;font-size:14px;display:flex}.window-stats{color:#8faab9;flex-wrap:wrap;gap:19px;margin-top:17px;font-size:12px;display:flex}.window-stats b{color:#d9e8ee;margin-right:4px;font-size:15px;font-weight:500}.flag{color:#e7be7d;background:#493c222e;border-left:2px solid #c6a262;margin:13px 0 0;padding:6px 10px;font-size:12px;line-height:1.5}.flag.cold{color:#99bbed;border-color:#769cd3}.tiny{margin-top:9px;font-size:12px}.band-row{margin-top:23px}.band-row>div:first-child{align-items:center;gap:9px;font-size:14px;display:flex}.band-row span{flex:1}.band-row span small{color:#91aab9;margin-top:3px;font-size:12px;display:block}.band-row b{font-family:Gill Sans,Gill Sans MT,Lato,Calibri,sans-serif;font-size:19px;font-weight:500}.band-row b small{color:#8da4b3;font-family:Gill Sans,Gill Sans MT,Lato,Calibri,sans-serif;font-size:12px;font-weight:400}.meter{background:#203b47;border-radius:3px;height:4px;margin-top:10px;overflow:hidden}.meter span{height:100%;display:block}.no-window,.empty-chart{text-align:center;color:#8ca9b8;padding:45px 15px}.no-window h3,.empty-chart h3{color:#d0e2e9}.no-window p,.empty-chart p{font-size:14px;line-height:1.6}.empty-chart{flex-direction:column;justify-content:center;align-items:center;min-height:360px;display:flex}.settings{background:#19313c;border:1px solid #44616c;border-radius:10px;margin-bottom:24px;padding:24px}.settings p{color:#b6cbd5;font-size:13px}.setting-inputs{flex-wrap:wrap;gap:18px;margin:20px 0;display:flex}.setting-inputs label{color:#bdd0da;font-size:13px}.setting-inputs span{margin-top:8px;display:block}.setting-inputs input{color:#e2edf3;background:#0c232e;border:1px solid #506874;border-radius:6px;width:80px;padding:8px}.settings button{margin-right:8px}.selected-hour{background:#25414b;border-radius:6px;padding:12px;font-size:14px}footer{margin-top:25px}details{border-bottom:1px solid #2a424d;padding-bottom:20px}summary{cursor:pointer;color:#9db7c5;align-items:center;gap:8px;font-size:13px;display:flex}details p{color:#96aebd;max-width:950px;font-size:13px;line-height:1.7}a{color:#91d7cc}.footer-meta{letter-spacing:.7px;color:#7392a3;justify-content:space-between;gap:18px;margin-top:20px;font-size:11px;line-height:1.8;display:flex}.spin{animation:2s linear infinite rotate}@keyframes rotate{to{transform:rotate(360deg)}}@media (max-width:950px){main{padding:25px}.topgrid{grid-template-columns:1fr}.bottom-grid{grid-template-columns:1fr 1fr}.legend{justify-content:flex-start}.header-right>span{display:none}.window-stats{gap:12px}.outlook-stats{justify-content:space-around}.footer-meta{flex-direction:column;gap:6px}}@media (max-width:650px){main{padding:18px 14px}header{gap:10px;margin-bottom:23px}.brand{gap:10px}.mark{padding:9px}.mark svg{width:22px}h1{font-size:21px}.eyebrow{letter-spacing:1.8px;font-size:10px}.header-right button{padding:10px;font-size:0}.toolbar{align-items:stretch;gap:7px}.tabs button{padding:8px 10px;font-size:12px}.toolbar>.quiet{padding:8px;font-size:12px}.toolbar>.quiet svg{display:none}.live,.outlook{padding:20px}.chart-card{padding:20px 13px}.chart-head{flex-wrap:wrap;align-items:flex-start}.legend{gap:12px 15px}.legend span{font-size:12px}.legend small{font-size:11px}.bottom-grid{grid-template-columns:1fr;gap:20px}.outlook-stats strong{font-size:32px}.outlook-stats span{font-size:12px}.chart-scroll{overflow-x:auto}.main-chart,.wind-chart{min-width:670px}.chart-foot{flex-direction:column;gap:10px}.wind-title{flex-wrap:wrap}.wind-title span{width:100%;margin-left:0}.window-top{flex-wrap:wrap}.window-top .pill{margin-left:0}.live-body{gap:20px}.big-reading{font-size:45px}.live-details{font-size:12px}.footer-meta{font-size:11px}.section-label{letter-spacing:1px;font-size:11px}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.legend{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:22px 0 14px;display:grid}.legend>span{border:1px solid;border-radius:8px;grid-template-columns:12px 1fr;align-items:center;gap:6px 8px;padding:12px 10px;font-size:14px;display:grid}.legend b{font-weight:600}.legend i{border-radius:3px;width:12px;height:12px}.legend small{color:#e3edf4;grid-column:2;font-size:14px;font-weight:500}.band-row i{width:12px;height:12px}.meter{height:7px}@media (max-width:950px){.legend{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:650px){.legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.legend>span{padding:10px;font-size:14px}.legend small{font-size:14px}}.mark{background:#fff;border:0;border-radius:8px;flex-shrink:0;width:64px;height:64px;padding:0;overflow:hidden}.mark img{object-fit:contain;width:100%;height:100%;display:block}.big-reading,.outlook-stats strong{letter-spacing:-1px}@media (max-width:650px){.mark{width:52px;height:52px;padding:0}.mark img{width:100%;height:100%}}.forecast-source{color:#b5ced7;align-items:center;gap:8px;font-size:14px;display:flex}.history-note{color:#c5b899;margin:8px 0 5px;font-size:13px;line-height:1.6}.live-details b{align-items:center;gap:5px;display:inline-flex}@media (max-width:650px){.forecast-source{max-width:55%;font-size:12px}}.chart-controls{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.history-control{color:#bfd1db;align-items:center;gap:8px;font-size:14px;display:flex}.history-control select{font:inherit;color:#e4f0f4;background:#1b3542;border:1px solid #54717f;border-radius:6px;padding:7px 10px}.overlay-key{color:#a8c0cd;flex-wrap:wrap;gap:12px 20px;margin:10px 0;font-size:14px;display:flex}