:root{color:#effbff;--c:#43dce5;--o:#ffa31a;--line:#12445a;--panel:#071f2d;background:#03121d;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% 0,#0a293c,#03121d 45%);margin:0}main{min-height:100vh;padding:14px}header{border-bottom:1px solid var(--line);grid-template-columns:1fr 250px 1fr;align-items:center;padding:0 5px 12px;display:grid}.brand{gap:12px;font-size:30px;display:flex}.brand small,h3{color:var(--c);letter-spacing:.06em;font-size:11px}.brand h1{margin:0;font-size:25px}.brand span{color:#83a4b4;font-size:11px}.portpick{text-align:center}.portpick label{color:#83a4b4;margin-right:8px;font-size:10px}.portpick select{color:#fff;border:1px solid var(--line);background:#092535;border-radius:9px;padding:9px 30px 9px 12px}.clock{text-align:right}.clock b{font-size:26px;display:block}.clock span{color:#83a4b4;font-size:11px}.hero{grid-template-columns:1fr 320px;gap:12px;margin-top:12px;display:grid}.card{background:linear-gradient(145deg,var(--panel),#061923);border:1px solid var(--line);border-radius:14px}.chart{padding:16px}.head{justify-content:space-between;display:flex}.head span,.quick span,.quick small{color:#83a4b4;font-size:10px}.badges{gap:8px;display:flex}.badges b{color:var(--c);background:#092535;border-radius:18px;padding:8px 10px;font-size:10px}.orange{color:var(--o)!important}svg{width:100%;height:330px}svg text{fill:#7899a9;font-size:10px}.grid{stroke:#143748}.real{fill:none;stroke:var(--c);stroke-width:4px}.pred{fill:none;stroke:var(--o);stroke-width:3px;stroke-dasharray:8 6}.now{stroke:var(--c);stroke-dasharray:5 5}.dot{fill:var(--c);stroke:#073041;stroke-width:4px}.legend{text-align:center;color:var(--c);justify-content:center;gap:30px;font-size:10px;display:flex}aside{padding:20px}.big{margin:10px 0;font-size:55px;font-weight:800}.big small{font-size:18px}.cyan{color:var(--c)}.delta,.info{background:#0d3043;border-radius:11px;margin-top:18px;padding:14px}.delta>*{display:block}.delta strong{color:var(--o);margin:5px 0;font-size:20px}.delta span,.delta small,.info{color:#93adba;font-size:11px}.quick{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px;display:grid}.quick article{padding:15px}.quick b{margin:4px 0;font-size:20px;display:block}.green{color:#35dc8b}.bottom{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.bottom article{padding:18px}.bottom p{color:#8ca8b6;font-size:12px;line-height:1.5}footer{text-align:right;color:#6f909f;padding-top:12px;font-size:9px}.loading{color:#83a4b4;place-items:center;height:330px;display:grid}@media (width<=900px){header{grid-template-columns:1fr 1fr}.portpick{grid-area:2/1/auto/3;margin-top:10px}.hero,.bottom{grid-template-columns:1fr}.quick{grid-template-columns:1fr 1fr}}.portpick input{color:#fff;border:1px solid var(--line);background:#092535;border-radius:9px;width:150px;padding:9px 12px}.portpick button{color:#fff;cursor:pointer;background:#0b5267;border:1px solid #16708a;border-radius:9px;margin-left:6px;padding:9px 11px}.portpick{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.favorites{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.favorites button{color:#9fc0ce;cursor:pointer;background:#082231;border:1px solid #17475b;border-radius:9px;padding:7px 10px}.favorites button.active{color:#fff;background:#0b6078;border-color:#25bad2}.searchrow{gap:5px;display:flex}.searchrow input{width:175px}@media (width<=1100px){header{grid-template-columns:1fr 1.6fr 1fr}.favorites button{padding:6px 7px;font-size:11px}}.datepick{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:8px;display:flex}.datepick button,.datepick input{color:#fff;background:#082535;border:1px solid #17576d;border-radius:8px;padding:7px 10px;font-size:12px}.datepick button{cursor:pointer}.datepick input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.selectedday{text-align:center;color:#7fd8e8;margin-top:5px;font-size:12px;font-weight:600}.tidesday{margin-top:10px}.tiderow{background:#072536;border-radius:8px;grid-template-columns:1.4fr .6fr .8fr .8fr;align-items:center;gap:10px;padding:8px 10px;display:grid}.tiderow strong{color:#ffb000;text-align:right}.tidesday{width:70%;max-width:950px;margin:10px auto}.tidesday .card{padding:14px 18px}.tidesgrid{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.tiderow{text-align:center;background:#072536;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:10px 6px;display:flex}.tiderow b{font-size:20px}.tiderow strong{color:#ffb000;text-align:center;min-height:16px}.geodistance{color:#7fd8e8;margin-top:4px;font-size:12px;display:block}@media (width<=700px){main{padding:8px}header{text-align:center;grid-template-columns:1fr;gap:10px}.brand{justify-content:center}.brand h1{font-size:24px}.portpick{grid-area:auto;width:100%}.favorites{justify-content:center;gap:5px}.favorites button{padding:7px 8px;font-size:11px}.searchrow{grid-template-columns:1fr 90px;gap:6px;width:100%;display:grid}.searchrow input{width:100%;min-width:0;padding:11px;font-size:15px}.searchrow button{padding:10px 6px;font-size:12px}.searchrow button:last-child{grid-column:1/-1;width:100%;padding:12px;font-size:14px}.clock{text-align:center}.clock b{font-size:24px}.datepick{gap:5px;width:100%}.datepick button,.datepick input{padding:8px 6px;font-size:11px}.hero{grid-template-columns:1fr;gap:8px}.chart{padding:8px}.chart svg{height:245px}aside.card{min-height:auto}.big{font-size:44px}.tidesday{width:100%;max-width:none;margin:8px auto}.tidesday .card{padding:10px}.tidesgrid{grid-template-columns:repeat(2,1fr);gap:6px}.tiderow{padding:9px 4px}.tiderow b{font-size:19px}.quick{grid-template-columns:repeat(2,1fr);gap:6px}.quick article{padding:10px}.bottom{grid-template-columns:1fr;gap:6px}.geodistance{margin-top:5px;font-size:13px}.chart{min-height:0;padding:10px 8px}.chart svg{width:100%;height:auto;min-height:220px}}.spinner{vertical-align:-2px;border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:7px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.searchrow button:disabled{opacity:.75;cursor:wait}.refmar-source{opacity:.75;margin-top:6px;font-size:11px;display:block}@media (width<=700px){header{gap:6px;padding-bottom:8px}.brand h1{font-size:22px}.brand span{font-size:10px}.portpick{gap:5px}.favorites{gap:4px}.favorites button{padding:6px 7px;font-size:10px}.searchrow{gap:5px}.searchrow input{padding:9px 10px;font-size:13px}.searchrow button{padding:9px 10px;font-size:12px}.datepick{gap:4px;margin-top:4px}.datepick button,.datepick input,.datepick select{padding:7px 5px;font-size:10px}.chart{padding:8px}.head{align-items:flex-start;gap:6px}.head h3{font-size:11px}.badges{gap:4px}.badges b{border-radius:10px;padding:5px 7px;font-size:9px}.chart svg{width:100%;height:230px;min-height:230px}.legend{gap:12px;font-size:9px}.quick{grid-template-columns:1fr 1fr;gap:6px}.quick article{padding:9px}.quick b{font-size:17px}aside.card{padding:14px}.big{margin:5px 0;font-size:40px}.delta{margin-top:10px;padding:10px}.bottom article{padding:12px}footer{text-align:center;flex-direction:column;gap:3px;line-height:1.3;display:flex}}@media (width>=1101px){header{grid-template-columns:230px minmax(470px,1.35fr) minmax(310px,.85fr) auto;align-items:center;gap:14px}.header-tides{width:100%;max-width:none;margin:0}.header-tides .card{padding:10px 12px}.header-tides .tidesgrid{grid-template-columns:repeat(4,minmax(90px,1fr));gap:4px}.header-tides .tideevent{padding:5px 8px}.header-tides small{font-size:10px}.header-tides .tideevent b{font-size:17px}}@media (width>=701px) and (width<=1100px){header{grid-template-columns:1fr 1.7fr}.header-tides{width:100%;max-width:none;margin:0}.header-tides .tidesgrid{grid-template-columns:repeat(4,1fr)}}@media (width<=700px){.header-tides{width:100%;max-width:none;margin:4px 0}.header-tides .card{padding:8px}.header-tides .tidesgrid{grid-template-columns:repeat(2,1fr);gap:5px}.header-tides .tideevent{padding:6px}.header-tides .tideevent b{font-size:16px}}.header-clock{text-align:center;min-width:90px;margin-left:8px}.header-clock b{font-size:22px;display:block}.header-clock span{color:#83a4b4;font-size:10px;display:block}@media (width<=700px){.header-clock{width:100%;margin:4px 0 0}main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}header,.quick{display:contents}.tide-priority{order:2;min-width:0;margin:0}.datepick{order:6;grid-column:1/-1}.header-clock,.selectedday{order:7;grid-column:1/-1}main>section:not(.hero):not(.quick),main>footer{grid-column:1/-1}.brand{order:1;grid-column:1/-1}.portpick{order:2;grid-column:1/-1}.datepick,.header-clock,.selectedday{order:3;grid-column:1/-1}.tide-priority{order:4}.tide-total{grid-column:1}.tide-remaining{grid-column:2}.hero{order:5;grid-column:1/-1}.tidesday{order:6;grid-column:1/-1}.quick>article:not(.tide-priority){order:7;grid-column:1/-1}main>section:not(.hero):not(.quick),main>footer{order:8;grid-column:1/-1}}@media (width>=701px) and (width<=1100px){header{text-align:center;gap:12px;grid-template-columns:1fr!important}.brand{justify-content:center}.portpick{width:100%;max-width:850px;margin:0 auto}.header-tides{width:100%;max-width:950px;margin:8px auto 0}.header-tides .tidesgrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.clock{text-align:center}}@media (width<=700px){.hero{order:4!important;grid-column:1/-1!important}.chart{padding:10px!important}.chart svg{width:100%!important;height:360px!important;min-height:360px!important}.portpick{order:6!important;grid-column:1/-1!important;margin-top:12px!important}.datepick,.header-clock,.selectedday{order:2!important}.tide-priority{order:3!important}.tidesday{order:5!important}.quick>article:not(.tide-priority){order:7!important}}@media (width>=701px) and (width<=1100px){.hero{order:4!important;grid-column:1/-1!important}.chart svg{width:100%!important;height:430px!important;min-height:430px!important}.portpick{order:6!important;width:100%!important;max-width:900px!important;margin:14px auto 0!important}.tide-priority{order:3!important}.tidesday{order:5!important}}@media (width>=1101px){.chart svg{height:460px!important;min-height:460px!important}}.header-tides{margin:0!important}.header-tides .card{padding:7px 10px!important}.header-tides .card>small{margin-bottom:4px;display:block;font-size:10px!important}.header-tides .tidesgrid{gap:4px!important}.chart svg text{font-weight:500;font-size:15px!important}.chart svg .grid+text{font-size:15px!important}@media (width<=700px){.header-tides .card{padding:6px!important}.header-tides .tidesgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important}.header-tides .tideevent b{font-size:18px!important}.chart svg text{font-size:17px!important}}@media (width>=701px) and (width<=1100px){.header-tides .tideevent b{font-size:18px!important}.chart svg text{font-size:17px!important}}.threshold-settings{margin-top:14px;padding:14px 16px}.threshold-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.threshold-title>div{flex-direction:column;gap:4px;display:flex}.threshold-title small,.threshold-fields span,.threshold-help{color:var(--muted)}.threshold-title button{padding:7px 12px}.threshold-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.threshold-fields label{flex-direction:column;gap:6px;display:flex}.threshold-fields label>div{align-items:center;gap:7px;display:flex}.threshold-fields input{width:100%;min-width:0}.threshold-fields em{font-style:normal;font-weight:700}.threshold-help{margin-top:10px;display:block}.threshold{stroke-width:2px;stroke-dasharray:10 7;opacity:.9}.threshold-low{stroke:#32d296}.threshold-high{stroke:#ff6b6b}.threshold-label{font-size:13px;font-weight:700}.threshold-low-label{fill:#32d296}.threshold-high-label{fill:#ff6b6b}@media (width<=700px){.threshold-fields{grid-template-columns:1fr}}.threshold-fields label>div{justify-content:flex-start}.threshold-fields input{flex:0 0 150px;width:150px;max-width:100%}.threshold-times{color:var(--cyan);margin-top:2px;font-weight:700;display:block}@media (width<=700px){.threshold-fields input{flex-basis:130px;width:130px}}.quick{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.quick .card{min-height:0;padding:10px 12px}.quick .card small{font-size:10px}.quick .card b{margin-top:3px;font-size:20px}.quick .card span{margin-top:3px;line-height:1.25}.threshold-fields{margin-top:8px}.threshold-help{margin-top:6px}.threshold-crossing{stroke:var(--bg);stroke-width:1.5px}.threshold-low-crossing{fill:#32d296}.threshold-high-crossing{fill:#ff6b6b}.threshold-crossing-label{paint-order:stroke;stroke:#002331;stroke-width:3px;stroke-linejoin:round;font-size:11px;font-weight:800}@media (width<=1100px){.quick{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.quick{grid-template-columns:repeat(2,minmax(0,1fr))}}.threshold-settings{padding:8px 12px}.threshold-fields{gap:8px;margin-top:5px}.threshold-fields label{gap:3px}.threshold-time-bg{fill:#002331;fill-opacity:.94;stroke-width:1px}.threshold-low-bg{stroke:#32d296}.threshold-high-bg{stroke:#ff6b6b}.threshold-crossing-label{stroke:none;paint-order:normal;font-size:10px}.view-switch{align-items:center;gap:6px;display:flex}.view-switch button{color:#a9c2d3;cursor:pointer;background:#102737;border:1px solid #29465d;border-radius:9px;padding:8px 12px;font-weight:700}.view-switch button.active{color:#fff;background:#163d55;border-color:#4fb6d8}.tide-switch{margin-left:auto}.weather-page{max-width:1440px;margin:0 auto;padding:18px 22px 28px}.weather-header{align-items:center;gap:20px;margin-bottom:18px;display:flex}.weather-header .brand{align-items:center;gap:12px;display:flex}.weather-header .brand h1{margin:0;font-size:28px}.weather-header .brand small,.weather-header .brand span{color:#7f9bad}.weather-header .view-switch{margin-left:auto}.weather-now-grid{grid-template-columns:1.35fr repeat(3,1fr);gap:12px;margin-bottom:12px;display:grid}.weather-main,.weather-stat{flex-direction:column;justify-content:center;gap:8px;min-height:150px;padding:18px;display:flex}.weather-main small,.weather-stat small,.weather-section-head small{color:#7896a9;letter-spacing:.08em;font-size:11px;font-weight:800}.weather-temp{font-size:48px;font-weight:800;line-height:1}.weather-main span,.weather-stat span{color:#8fa9ba}.weather-stat strong{color:#d7edf7;font-size:16px}.weather-forecast{padding:16px}.weather-section-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.weather-section-head h3{margin:3px 0 0}.weather-section-head>span{color:#6f8b9c;font-size:12px}.weather-hours{gap:8px;padding-bottom:7px;display:flex;overflow-x:auto}.weather-hour{background:#0d2230;border:1px solid #1e3c50;border-radius:10px;flex-direction:column;gap:7px;min-width:118px;padding:11px;display:flex}.weather-hour>b{color:#8fb3c8}.weather-hour>strong{font-size:24px}.weather-hour>span{color:#b8ceda;min-height:28px;font-size:11px}.weather-hour>small{color:#819dac;font-size:10px}.weather-loading{text-align:center;padding:30px}@media (width<=900px){.weather-now-grid{grid-template-columns:repeat(2,1fr)}.weather-page{padding:12px}}@media (width<=560px){.weather-header{flex-wrap:wrap;align-items:flex-start}.weather-header .view-switch{margin-left:0}.weather-now-grid{grid-template-columns:1fr 1fr;gap:8px}.weather-main,.weather-stat{min-height:125px;padding:12px}.weather-temp{font-size:38px}.weather-main b,.weather-stat b{font-size:18px}}.weather-chart-wrap{width:100%;height:330px;overflow:hidden}.weather-chart-svg{width:100%;height:100%;display:block}.weather-chart-svg text{fill:#7896a9;font-size:11px}.weather-temp-line{fill:none;stroke:#ffb24a;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.weather-temp-dot{fill:#ffb24a;stroke:#08202f;stroke-width:2px}.weather-temp-label{font-weight:800;fill:#ffd69b!important;font-size:12px!important}.weather-rain-bar{fill:#29a8dc;opacity:.28}.weather-time-label{font-weight:700;fill:#a7c2d2!important}.weather-wind-label{fill:#718e9f!important;font-size:9px!important}.weather-chart-legend{color:#7896a9;justify-content:center;gap:28px;margin-top:-4px;font-size:11px;display:flex}@media (width<=700px){.weather-chart-wrap{height:300px;overflow-x:auto}.weather-chart-svg{min-width:760px}.weather-chart-legend{flex-wrap:wrap;gap:12px}}.weather-now-grid{grid-template-columns:1.35fr repeat(4,1fr)}.moon-card{justify-content:center}.moon-now{align-items:center;gap:12px;display:flex}.moon-now>div{flex-direction:column;gap:4px;display:flex}.moon-icon{line-height:1;font-size:42px!important}.weather-detail-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.weather-detail{min-width:0;padding:16px}.weather-mini-svg{width:100%;height:260px;display:block}.weather-pressure-line{fill:none;stroke:#b98cff;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.weather-pressure-line-dot{fill:#b98cff;stroke:#08202f;stroke-width:2px}.weather-wind-line{fill:none;stroke:#43dce5;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round}.weather-wind-line-dot{fill:#43dce5;stroke:#08202f;stroke-width:2px}.weather-gust-line{fill:none;stroke:#ff8c5a;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.weather-gust-line-dot{fill:#ff8c5a;stroke:#08202f;stroke-width:2px}@media (width<=1100px){.weather-now-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.weather-detail-grid{grid-template-columns:1fr}.weather-now-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.weather-mini-svg{min-width:720px}.weather-detail{overflow-x:auto}}.weather-page{max-width:1500px;padding:20px 24px 32px}.weather-header{margin-bottom:20px}.weather-header .brand h1{font-size:31px}.weather-header .brand small{font-size:12px}.weather-header .brand span{font-size:13px}.weather-now-grid{gap:14px;margin-bottom:14px}.weather-main,.weather-stat{min-height:165px;padding:20px}.weather-main small,.weather-stat small,.weather-section-head small{letter-spacing:.1em;color:#8fb1c4;font-size:12px}.weather-temp{font-size:54px}.weather-main b,.weather-stat b{font-size:25px}.weather-stat strong{font-size:18px}.weather-main span,.weather-stat span{color:#9db7c7;font-size:14px}.moon-icon{font-size:50px!important}.moon-now strong{font-size:17px}.moon-now span{font-size:13px}.weather-detail-grid{gap:14px;margin-bottom:14px}.weather-detail,.weather-forecast{padding:18px 20px}.weather-section-head{margin-bottom:14px}.weather-section-head h3{letter-spacing:.02em;color:#63e7ef;font-size:16px}.weather-section-head>span{font-size:13px}.weather-mini-svg{height:300px}.weather-mini-svg text,.weather-chart-svg text{fill:#a7c4d3!important;font-size:13px!important}.weather-time-label{fill:#d0e3ec!important;font-size:12px!important}.weather-temp-label{font-size:14px!important}.weather-grid{stroke:#24546a;stroke-width:1.2px}.weather-pressure-line,.weather-wind-line,.weather-temp-line{stroke-width:4.5px}.weather-gust-line{stroke-width:3.5px}.weather-chart-legend{color:#9eb9c8;gap:34px;margin-top:4px;font-size:13px;font-weight:600}@media (width<=1100px){.weather-main,.weather-stat{min-height:150px}.weather-mini-svg{height:285px}.weather-chart-wrap{height:345px}}@media (width<=700px){.weather-page{padding:12px}.weather-header .brand h1{font-size:26px}.weather-main,.weather-stat{min-height:135px;padding:14px}.weather-temp{font-size:44px}.weather-main b,.weather-stat b{font-size:20px}.weather-main span,.weather-stat span{font-size:12px}.weather-mini-svg{min-width:760px;height:300px}.weather-chart-wrap{height:320px}.weather-chart-svg{min-width:820px}.weather-chart-legend{font-size:12px}}.weather-forecast{min-height:0}.weather-chart-wrap{height:260px}@media (width<=1100px){.weather-chart-wrap{height:245px}}@media (width<=700px){.weather-chart-wrap{height:235px}}.weather-rain-label{font-weight:800;fill:#63c9f2!important;font-size:12px!important}.app-error-shell{place-items:center;min-height:100vh;padding:20px;display:grid}.app-error-card{text-align:center;max-width:620px;padding:28px}.app-error-card h1{margin:8px 0 12px}.app-error-card p{color:var(--muted);line-height:1.5}.app-error-card button,.weather-loading button{margin-top:14px;padding:10px 16px}.weather-loading{flex-direction:column;align-items:center;gap:8px;display:flex}.datepick button:disabled{opacity:.4;cursor:not-allowed}.weather-freshness{margin-top:2px;color:#6f91a5!important;font-size:11px!important}.moon-card .moon-now>div{min-width:0}.moon-card .moon-now span{line-height:1.35}@media (width>=701px) and (width<=1100px) and (orientation:landscape){main{max-width:none;padding:10px 12px 18px}header{padding-bottom:8px;text-align:left!important;grid-template-columns:minmax(150px,.7fr) minmax(480px,2fr) auto!important;align-items:center!important;gap:8px 12px!important;display:grid!important}header .brand{grid-area:1/1;justify-content:flex-start!important}header .brand h1{font-size:27px;line-height:1.05}header .datepick{flex-wrap:nowrap;grid-area:1/2;justify-content:center;gap:5px;margin:0!important}.header-clock{min-width:90px;margin-left:4px!important}.header-clock b{font-size:25px;line-height:1}header .tide-switch{grid-area:1/3;justify-self:end;margin:0!important}.header-tides{grid-area:2/1/auto/-1;width:100%;max-width:none!important;margin:0!important}.header-tides .card{padding:7px 8px!important}.header-tides .card>small{text-align:center;margin-bottom:5px;font-size:10px!important}.header-tides .tidesgrid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:5px!important}.header-tides .tiderow{padding:7px 5px}.header-tides .tiderow span:first-child{font-size:12px;font-weight:800}.header-tides .tiderow b{line-height:1.1;font-size:22px!important}.hero{align-items:stretch;grid-template-columns:minmax(0,2.45fr) minmax(235px,.9fr)!important;gap:10px!important;display:grid!important}.chart{min-width:0;padding:10px!important}.chart svg{width:100%!important;height:390px!important;min-height:390px!important}aside.card{padding:14px!important}aside.card .delta{padding:10px}.portpick{max-width:none!important}.quick{grid-template-columns:repeat(3,minmax(0,1fr))!important}.weather-page{max-width:none;padding:10px 14px 20px}.weather-header{margin-bottom:10px}.weather-header .brand h1{font-size:29px}.weather-now-grid{gap:8px;margin-bottom:10px;grid-template-columns:1.35fr repeat(4,minmax(0,1fr))!important}.weather-main,.weather-stat{gap:5px;min-height:118px!important;padding:11px 12px!important}.weather-main small,.weather-stat small{letter-spacing:.06em;line-height:1.25;font-size:9px!important}.weather-temp{font-size:42px}.weather-main span,.weather-stat span{font-size:10px;line-height:1.25}.moon-now{gap:7px}.moon-icon{font-size:38px!important}.moon-now strong{font-size:13px;line-height:1.15}.weather-detail-grid{gap:9px;margin-bottom:9px;grid-template-columns:1fr 1fr!important}.weather-detail{padding:11px 12px;overflow:hidden!important}.weather-section-head{margin-bottom:5px}.weather-section-head h3{margin-top:2px;font-size:13px}.weather-mini-svg{min-width:0!important;height:230px!important}.weather-chart-legend{gap:18px;margin-top:0;font-size:10px}.weather-forecast{padding:11px 12px}.weather-chart-wrap{height:215px!important}.weather-chart-svg{min-width:0!important}.weather-rain-label,.weather-time-label{font-size:10px!important}header .brand span{font-size:13px}header .datepick button,header .datepick input{min-height:40px;padding:8px 10px;font-size:13px}.header-clock b{font-size:28px}.header-clock span{font-size:11px}.view-switch button{min-height:42px;padding:9px 15px;font-size:14px}.header-tides .card>small{font-size:12px!important}.header-tides .tiderow span:first-child{font-size:14px}.header-tides .tiderow b{font-size:25px!important}.header-tides .tiderow span,.header-tides .tiderow strong{font-size:14px}.chart .head h3{font-size:15px}.chart .head span{font-size:12px}.chart svg text{font-size:18px!important}.badges b{padding:6px 8px;font-size:11px}aside.card h3{font-size:15px}aside.card .big{font-size:54px}aside.card .delta span,aside.card .delta small{font-size:12px}aside.card .delta strong{font-size:18px}.weather-header .brand span{font-size:13px}.weather-main small,.weather-stat small{font-size:10.5px!important}.weather-main b,.weather-stat b{font-size:22px}.weather-stat strong{font-size:16px}.weather-main span,.weather-stat span{font-size:11.5px}.moon-now strong{font-size:14px}.moon-now span{font-size:10.5px!important}.weather-section-head small{font-size:10.5px}.weather-section-head h3{font-size:15px}.weather-mini-svg text,.weather-chart-svg text{font-size:13px!important}.weather-time-label,.weather-rain-label{font-size:12px!important}.weather-chart-legend{font-size:12px}}.auto-toggle{white-space:nowrap;color:#b8d0dc!important;border-color:#466477!important}.auto-toggle.active{color:#6feaf0!important;background:#103846!important;border-color:#35c9d5!important}.auto-toggle.paused{color:#ffd27a!important;background:#342b18!important;border-color:#d2a14a!important}@media (width>=701px) and (width<=1100px) and (orientation:landscape){.auto-toggle{font-variant-numeric:tabular-nums;min-width:112px}.tide-switch,.weather-header .view-switch{gap:5px}main{padding-top:6px;padding-bottom:10px}header{padding-bottom:5px;gap:5px 10px!important}.header-tides .card{padding:5px 7px!important}.header-tides .card>small{margin-bottom:3px}.header-tides .tiderow{padding:5px 4px}.hero{gap:7px!important}.chart{padding:8px!important}.chart .head{margin-bottom:3px}.chart svg{height:330px!important;min-height:330px!important}aside.card{padding:11px!important}aside.card .big{margin:4px 0}aside.card .delta{margin-top:7px;padding:8px}.portpick{margin-top:6px!important}.threshold-settings{margin-top:6px}.weather-page{padding-top:6px}.weather-header,.weather-now-grid,.weather-detail-grid{margin-bottom:7px}.weather-mini-svg{height:215px!important}}@media (width>=701px) and (width<=1100px) and (orientation:landscape) and (height<=760px){main,.weather-page{padding-top:4px!important;padding-bottom:4px!important}header{gap:3px 8px!important;padding-bottom:3px!important}.header-tides .card{padding:3px 6px!important}.header-tides .card>small{margin-bottom:2px!important}.header-tides .tiderow{padding:3px 4px!important}.hero{gap:5px!important}.chart{padding:6px!important}.chart .head{margin-bottom:1px!important}.chart svg{height:285px!important;min-height:285px!important}aside.card{padding:8px!important}aside.card .big{margin:2px 0!important}aside.card .delta{margin-top:4px!important;padding:6px!important}.portpick,.threshold-settings{margin-top:4px!important}.weather-header{margin-bottom:5px!important}.weather-now-grid{gap:6px!important;margin-bottom:5px!important}.weather-main,.weather-stat{gap:3px!important;min-height:96px!important;padding:8px 9px!important}.weather-temp{font-size:38px!important}.moon-icon{font-size:32px!important}.weather-detail-grid{gap:6px!important;margin-bottom:5px!important}.weather-detail,.weather-forecast{padding:8px 9px!important}.weather-section-head{margin-bottom:2px!important}.weather-mini-svg{height:175px!important}.weather-chart-wrap{height:170px!important}.weather-chart-legend{margin-top:-2px!important}}.wind-current{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.wind-current-value{flex-direction:column;gap:4px;min-width:0;display:flex}.wind-compass{flex:0 0 72px;width:72px;height:72px;overflow:visible}.wind-compass text{fill:#d8eef4;font-size:10px;font-weight:800}.wind-compass-ring{fill:#0f324459;stroke:#3e7188;stroke-width:2px}.wind-compass-axis{stroke:#31586a;stroke-width:1px;opacity:.75}.wind-compass-arrow{stroke:#35e5eb;stroke-width:5px;stroke-linecap:round}.wind-compass-arrowhead,.wind-compass-center{fill:#35e5eb}@media (width>=701px) and (width<=1100px) and (orientation:landscape){.wind-card{padding-right:8px!important}.wind-compass{flex-basis:64px;width:64px;height:64px}}@media (width>=701px) and (width<=1100px) and (orientation:landscape) and (height<=760px){.wind-current{gap:5px}.wind-current-value{gap:2px}.wind-compass{flex-basis:58px;width:58px;height:58px}}.history-page{max-width:1500px;margin:0 auto;padding:12px 16px 28px}.history-header{margin-bottom:10px}.history-toolbar{grid-template-columns:auto minmax(260px,1fr) auto auto;align-items:center;gap:14px;margin-bottom:10px;padding:12px 16px;display:grid}.history-toolbar>div:first-child{flex-direction:column;display:flex}.history-toolbar small,.history-kpis small,.history-seasons small{color:var(--muted);letter-spacing:.08em;font-size:10px;font-weight:800}.history-toolbar b{font-size:24px}.history-toolbar button,.history-year-controls button{min-height:38px;padding:7px 12px}.history-year-controls{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.history-year-controls input{width:100%}.history-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.history-kpis article,.history-seasons article{flex-direction:column;gap:5px;padding:14px;display:flex}.history-kpis b{font-size:30px}.history-kpis span,.history-seasons span,.history-toolbar>span{color:var(--muted);font-size:12px}.history-chart-card{margin-bottom:10px;padding:14px 16px 10px}.history-temp-chart{width:100%;height:255px;display:block;overflow:visible}.history-temp-chart text{fill:#9bb6c4;font-size:12px}.history-grid{stroke:#284653;stroke-width:1px}.history-line{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.history-line-min{stroke:#55a8cc}.history-line-mean{stroke:#35e5eb}.history-line-max{stroke:#ffb65c}.history-legend{color:var(--muted);justify-content:center;gap:22px;margin-top:-3px;font-size:12px;display:flex}.history-seasons{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.history-seasons b{font-size:24px}.history-seasons em{color:#e8b86b;font-size:11px;font-style:normal}.history-table-card{padding:14px}.history-table-wrap{overflow:auto}.history-table{border-collapse:collapse;width:100%;font-size:13px}.history-table th,.history-table td{text-align:right;white-space:nowrap;border-bottom:1px solid #24404d;padding:8px 10px}.history-table th{color:var(--muted);font-size:11px}.history-table th:first-child,.history-table td:first-child{text-align:left;font-weight:800}.history-note,.history-loading,.history-empty{color:var(--muted);font-size:12px}.history-note{padding:10px 2px 0}.history-loading{text-align:center;padding:24px}@media (width<=900px){.history-kpis,.history-seasons{grid-template-columns:repeat(2,minmax(0,1fr))}.history-toolbar{grid-template-columns:1fr}}@media (width>=701px) and (width<=1100px) and (orientation:landscape){.history-page{max-width:none;padding:6px 12px 18px}.history-header{margin-bottom:6px}.history-toolbar{grid-template-columns:auto minmax(240px,1fr) auto auto;gap:8px;margin-bottom:7px;padding:8px 10px}.history-kpis{gap:7px;margin-bottom:7px}.history-kpis article{padding:10px}.history-kpis b{font-size:24px}.history-temp-chart{height:220px}.history-chart-card{margin-bottom:7px;padding:9px 10px 7px}.history-seasons{gap:7px;margin-bottom:7px}.history-seasons article,.history-table-card{padding:9px}.history-table{font-size:12px}.history-table th,.history-table td{padding:6px 8px}}.history-intro{border:1px solid var(--line);color:#9ab5c3;background:#082331b8;border-radius:12px;margin:0 0 10px;padding:10px 12px;font-size:12px;line-height:1.45}.history-secondary-charts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px;display:grid}.history-secondary-charts .history-chart-card{margin-bottom:0}.history-mini-chart{width:100%;height:205px;display:block;overflow:visible}.history-mini-chart text{fill:#9bb6c4;font-size:11px}.history-line-pressure{stroke:#b98cff}.history-bar{fill:#38a9d8;opacity:.72}.history-sun-bars .history-bar{fill:#f5bd58;opacity:.82}@media (width<=900px){.history-secondary-charts{grid-template-columns:1fr}}@media (width<=700px){.history-page{grid-template-columns:none!important;padding:10px 12px 22px!important;display:block!important}.history-header{flex-direction:column;align-items:stretch!important;gap:10px!important;padding-bottom:10px!important;display:flex!important}.history-header .brand{text-align:left;width:100%;justify-content:flex-start!important;align-items:flex-start!important}.history-header .brand h1{font-size:30px}.history-header .brand span{margin-top:4px;line-height:1.35;display:block}.history-header .view-switch{grid-template-columns:1fr 1fr;gap:7px;width:100%;display:grid;margin-left:0!important}.history-header .view-switch .auto-toggle{grid-column:1/-1}.history-header .view-switch button{width:100%;min-width:0;padding:10px 8px;font-size:13px}.history-intro{margin-bottom:9px;font-size:11.5px}.history-toolbar{grid-template-columns:1fr!important;gap:9px!important;padding:12px!important}.history-toolbar>button{width:100%}.history-kpis{gap:8px;grid-template-columns:1fr 1fr!important}.history-kpis article{padding:11px}.history-kpis b{font-size:27px}.history-temp-chart,.history-mini-chart{min-width:680px}.history-chart-card{overflow:hidden}.history-chart-card>svg{overflow:visible}.history-chart-card{overflow-x:auto}.history-seasons{grid-template-columns:1fr 1fr!important}.history-table-card{overflow:hidden}}.history-range-toolbar{grid-template-columns:auto minmax(150px,.7fr) auto minmax(150px,.7fr) auto 1fr}.history-range-field{flex-direction:column;gap:4px;display:flex}.history-range-field label{color:#7896a9;letter-spacing:.06em;font-size:10px;font-weight:800}.history-range-field input{color:#fff;width:100%;min-height:38px;font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#092535;border:1px solid #245066;border-radius:8px;padding:7px 10px}.history-annual-chart{width:100%;height:260px;display:block;overflow:visible}.history-annual-chart text{fill:#9bb6c4;font-size:12px}.history-annual-dot{fill:#35e5eb;stroke:#08202f;stroke-width:2px}@media (width<=900px){.history-range-toolbar{grid-template-columns:1fr 1fr!important}.history-range-toolbar>span,.history-range-toolbar>button{grid-column:1/-1}}@media (width<=700px){.history-range-toolbar{grid-template-columns:1fr 1fr!important;gap:8px!important}.history-range-toolbar>div:first-child,.history-range-toolbar>div:nth-child(3){display:none}.history-range-field label{font-size:11px}.history-range-field input{text-align:center;min-height:44px;font-size:17px}.history-annual-chart{min-width:680px}}