@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#173139;--muted:#6a7c80;--teal:#087f73;--teal-light:#e9f5f1;--line:#e5ece9;--bg:#f5f8f6;--sans:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font:14px var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button{color:inherit}a{color:var(--teal)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #39a49b;outline-offset:4px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-80px;left:20px;z-index:1000;background:white;padding:14px}.skip-link:focus{top:10px}.app-header{height:92px;display:flex;justify-content:space-between;align-items:center;padding:0 34px;background:#fff;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink)}.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:var(--teal);color:white;transform:rotate(-5deg)}.brand-mark svg{width:32px;height:32px;stroke:none;transform:rotate(5deg)}.brand-title{font:800 16px var(--display);letter-spacing:1.6px}.brand-title>span{font-weight:400;color:#a0b4b0;margin:0 7px}.brand-title strong{font-weight:500}.brand-title small{display:block;color:var(--muted);font:12px var(--sans);letter-spacing:.2px;margin-top:5px}.header-right{display:flex;gap:23px;align-items:center}.today-pill{background:var(--teal-light);padding:8px 13px;border-radius:7px;display:flex;align-items:center;gap:8px;color:var(--teal);font-size:12px;font-weight:600}.status-dot{display:inline-block;width:6px;height:6px;background:#129b7c;border-radius:50%;flex-shrink:0}.status-dot.loading{background:#b49344}.status-dot.error{background:#bc653b}.date-block{display:grid;gap:4px;font-size:13px;font-weight:600}.date-block small{font-size:11px;font-weight:400;color:var(--muted)}.header-divider{height:30px;width:1px;background:var(--line)}.icon-button{display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:8px;width:36px;height:36px}.icon-button:hover{background:#f0f7f4}.workspace{display:grid;grid-template-columns:306px minmax(0,1fr);grid-template-rows:minmax(360px,1fr) 285px;gap:18px;padding:22px 24px 18px;min-height:calc(100dvh - 142px)}.sidebar{grid-row:1/3;background:white;border:1px solid var(--line);border-radius:13px;padding:26px 23px 18px;display:flex;flex-direction:column;min-width:0}.eyebrow,.section-label{font-size:9px;letter-spacing:1.5px;font-weight:700;color:var(--muted)}.sidebar-heading h1{font:800 28px var(--display);letter-spacing:-1.1px;margin:10px 0 8px}.sidebar-heading h1>span{color:var(--teal)}.sidebar-heading p{color:var(--muted);font-size:12px;margin:0}.provider-control{margin-top:25px}.provider-control>label{font-size:9px;letter-spacing:1.25px;font-weight:700;display:flex;gap:7px;align-items:center;margin-bottom:9px}.provider-control>label svg{width:12px;height:12px;color:var(--muted)}.select-wrap{position:relative}.select-wrap select{width:100%;appearance:none;border:1px solid #dbe6e1;border-radius:7px;background:#f8faf9;padding:12px 38px 12px 14px;color:var(--ink);font-weight:600;font-size:13px}.select-chevron{position:absolute;right:14px;top:8px;font-size:20px;pointer-events:none;color:var(--muted)}.text-button{background:none;border:0;padding:0;color:var(--muted);font-size:11px}.text-button:hover{color:var(--teal);text-decoration:underline}.source-link{display:flex;justify-content:space-between;width:100%;margin-top:10px}.divider{height:1px;background:var(--line);margin:20px 0}.section-label{display:flex;justify-content:space-between;align-items:center}.count{font-size:8px;letter-spacing:.8px;font-weight:500}.spot-list{display:grid;gap:7px;margin:12px 0 19px}.spot-button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid transparent;background:white;padding:12px 10px;border-radius:8px;transition:background .15s}.spot-button:hover{background:#f5f9f7}.spot-button.selected{background:var(--teal-light);border-color:#d0e7df}.spot-number{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#f0f4f2;font-size:9px;color:var(--muted)}.selected .spot-number{background:var(--teal);color:white}.spot-copy{display:grid;gap:4px;flex:1}.spot-copy strong{font-size:12px;font-weight:600}.spot-copy small{font-size:10px;color:var(--muted)}.spot-wind{font-size:15px;font-weight:700}.spot-wind small{font-size:9px;font-weight:400;color:var(--muted);margin-left:3px}.spot-button .flow-arrow{width:18px;height:18px;color:var(--teal)}.selected-forecast{border-top:1px solid var(--line);padding-top:20px}.selected-meta{display:flex;justify-content:space-between;align-items:center}.selected-meta .eyebrow{font-size:8px;letter-spacing:1px}.time-tag{background:#f3f6f4;border-radius:4px;font-size:9px;padding:5px 6px}.selected-forecast h2{font:700 20px var(--display);margin:14px 0 7px;letter-spacing:-.5px}.wind-primary{display:flex;align-items:center;gap:10px}.wind-primary>span:first-child{font:500 64px var(--display);letter-spacing:-4px;line-height:1.15}.wind-primary>div{display:grid;gap:4px;margin-top:10px}.wind-primary strong{font-size:13px;font-weight:500}.wind-primary small{font-size:9px;color:var(--muted)}.large-arrow{margin-left:auto;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--teal-light);color:var(--teal)}.large-arrow svg{width:27px;height:27px}.wind-secondary{display:grid;grid-template-columns:1fr 1fr;margin-top:17px}.wind-secondary>div{display:grid;gap:7px}.wind-secondary>div+div{padding-left:22px;border-left:1px solid var(--line)}.wind-secondary>div>span{font-size:8px;letter-spacing:1px;color:var(--muted)}.wind-secondary strong{font-size:18px;font-weight:500}.wind-secondary small{font-size:11px;color:var(--muted);font-weight:400}.peak-row{display:flex;gap:8px;align-items:center;background:#f6f8f6;padding:11px 9px;border-radius:6px;margin-top:18px;font-size:10px;color:#5d7476}.peak-row svg{width:15px;height:15px;color:var(--teal)}.sidebar-bottom{display:flex;gap:8px;padding-top:24px;margin-top:auto;color:#82908f}.sidebar-bottom svg{width:13px;height:13px;margin-top:2px}.sidebar-bottom p{margin:0;font-size:9px;line-height:1.7}.map-section{position:relative;border:1px solid #dce7e1;border-radius:13px;overflow:hidden;background:#e9f0eb;min-height:360px}.map-canvas{position:absolute;inset:0}.map-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 75% 10%,#e6f0e7 0,transparent 55%),radial-gradient(ellipse at 10% 95%,#e1f0ee 0,transparent 60%),#edf3ef;text-align:center;padding:80px 20px}.map-placeholder[hidden]{display:none}.connection-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:16px;background:#fff9;box-shadow:0 4px 20px #174f4210;color:var(--teal);margin-bottom:18px}.connection-icon svg{width:27px;height:27px}.map-placeholder h2{font:700 26px var(--display);letter-spacing:-.9px;margin:10px 0}.map-placeholder p{color:var(--muted);font-size:12px;max-width:310px;line-height:1.7;margin:0 0 20px}.map-placeholder>small{font-size:9px;color:var(--muted);margin-top:14px}.primary-button{background:var(--teal);color:white;border:1px solid var(--teal);border-radius:7px;padding:12px 17px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:24px}.primary-button:hover{background:#076c63}.map-topbar{position:absolute;top:18px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.map-topbar>*{pointer-events:auto}.map-place{display:flex;align-items:center;gap:9px;border:1px solid #e3eae4;background:#fffefc;padding:12px 14px;border-radius:8px;box-shadow:0 2px 8px #163a2910}.map-place svg{width:16px;height:16px;color:var(--teal)}.map-place strong{font-size:11px}.map-place>span{font-size:9px;border-left:1px solid var(--line);padding-left:10px;color:var(--muted)}.map-tools{display:flex;gap:9px;align-items:center}.map-type-switch,.view-toggle{display:flex;border:1px solid var(--line);border-radius:7px;background:white;padding:3px}.map-type-switch button,.view-toggle button{border:0;background:transparent;border-radius:4px;font-size:10px;padding:7px 13px;color:var(--muted)}.map-type-switch button.active,.view-toggle button.active{background:#edf3ef;color:var(--ink);font-weight:600}.map-forecast-label{position:absolute;top:80px;left:20px;display:flex;align-items:center;gap:7px;font-size:8px;font-weight:600;letter-spacing:.7px;background:#ffffffdd;padding:7px 9px;border-radius:5px}.model-tag{color:var(--teal);font-size:7px;border-left:1px solid #d7e0da;padding-left:7px;letter-spacing:1px}.map-bottom{position:absolute;left:16px;right:75px;bottom:28px;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;pointer-events:none}.wind-legend{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:white;padding:12px 15px;border-radius:7px;box-shadow:0 2px 12px #102b2410;font-size:9px;max-width:100%}.legend-title{font-size:8px;letter-spacing:1px;font-weight:700}.legend-title b{font-size:8px;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:3px}.wind-legend>span{display:flex;align-items:center;gap:5px}.wind-legend i{width:6px;height:6px;border-radius:50%;display:block}.legend-low{background:#83afa4}.legend-medium{background:#138b7e}.legend-high{background:#d3a443}.legend-strong{background:#b6694d}.arrow-key{color:var(--muted);border-left:1px solid var(--line);padding-left:10px}.map-status{font-size:8px;color:#5a7570;background:#ffffffd9;padding:6px 8px;border-radius:4px;white-space:nowrap}.forecast-panel{background:white;border:1px solid var(--line);border-radius:13px;padding:20px 24px 13px;min-width:0;overflow:hidden}.forecast-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.forecast-topline .section-label{font-size:8px;letter-spacing:1.3px}.forecast-topline h2{font:600 17px var(--display);letter-spacing:-.4px;margin:5px 0 0}.forecast-actions{display:flex;align-items:center;gap:21px}.chart-key{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted)}.chart-key i{display:inline-block;width:15px;height:2px;background:var(--teal)}.chart-key i.gust-key{background:repeating-linear-gradient(to right,#9baaa6 0,#9baaa6 3px,transparent 3px,transparent 5px);margin-left:8px}.forecast-status{font-size:10px;color:var(--muted);margin-top:7px;min-height:14px}.forecast-status.error{color:#a95530}.forecast-status button{border:0;background:transparent;color:var(--teal);font-size:10px;text-decoration:underline;padding:0 0 0 8px}.chart-wrap{overflow-x:auto;scrollbar-width:thin}.chart{height:138px;min-width:680px;margin-top:6px}.chart>svg{width:100%;height:100%;overflow:visible;stroke:none}.chart text{font:10px var(--sans);fill:#879692}.chart .grid-line{stroke:#edf1ee;stroke-width:1;stroke-dasharray:3 4}.chart .wind-line{stroke:var(--teal);stroke-width:2.2;fill:none;stroke-linejoin:round}.chart .gust-line{stroke:#9cafaa;stroke-width:1.5;stroke-dasharray:4 4;fill:none}.chart .hour-hit{cursor:pointer;fill:transparent;pointer-events:all}.chart .hour-hit:focus{outline:none;fill:#0a817611}.chart .selected-column{fill:#eaf5ee}.chart .selected-dot{stroke:white;stroke-width:2;fill:var(--teal)}.chart .flow-line{stroke:#74958c;stroke-width:1.4;fill:none;stroke-linecap:round;stroke-linejoin:round}.time-control{display:flex;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:10px;margin-top:8px}.now-button{border:1px solid #e0e9e3;background:#fff;border-radius:5px;padding:6px 10px;font-size:9px;display:flex;align-items:center;gap:5px}.now-button svg{width:12px;height:12px}.time-control input{flex:1;min-width:50px;accent-color:var(--teal);height:3px}.time-control output{font-size:10px;font-weight:600;white-space:nowrap;min-width:58px}.timezone-tag{color:var(--muted);font-size:8px;letter-spacing:.4px;white-space:nowrap}.table-wrap{height:185px;overflow:auto;margin-top:12px}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}th{position:sticky;top:0;background:#f6f9f6;font-size:9px;color:var(--muted);padding:9px;font-weight:500}td{padding:8px 9px;border-bottom:1px solid #f0f4f1}tr.selected{background:var(--teal-light)}td button{border:0;background:none;padding:0;color:var(--teal);font-size:11px}td svg{width:16px;height:16px}.app-footer{min-height:50px;padding:0 26px 12px;display:flex;align-items:center;gap:15px;justify-content:space-between;color:var(--muted);font-size:10px}.app-footer>div{display:flex;align-items:center;gap:7px}.app-footer p{display:flex;align-items:center;gap:5px;margin:0}.app-footer a{text-decoration:none}.app-footer .text-button{font-size:10px}.refresh-button{display:grid;place-items:center;background:none;border:0;padding:4px}.refresh-button svg{width:12px;height:12px}.refresh-button.loading svg{animation:spin 1.5s linear infinite}.footer-note{font-size:9px;color:#83958d;letter-spacing:.3px}.wind-marker{position:absolute;transform:translate(-50%,-100%);display:flex;align-items:center;gap:9px;background:white;border:1px solid #c9dcd4;box-shadow:0 4px 20px #14372b25;border-radius:9px;padding:10px 12px;white-space:nowrap;cursor:pointer;color:var(--ink)}.wind-marker::after{content:'';position:absolute;width:8px;height:8px;bottom:-5px;left:calc(50% - 4px);background:inherit;border-bottom:inherit;border-right:inherit;transform:rotate(45deg)}.wind-marker.selected{background:var(--teal);color:white;border-color:var(--teal);z-index:20}.wind-marker .marker-name{font:600 11px var(--sans)}.wind-marker .marker-number{font:700 21px var(--display)}.wind-marker small{font:9px var(--sans);opacity:.7}.wind-marker svg{color:var(--wind-color,#0a8176)}.wind-marker.selected svg{color:white}.wind-marker .marker-values{display:flex;align-items:baseline;gap:3px}.wind-marker .marker-copy{display:grid;gap:2px}dialog{border:1px solid var(--line);border-radius:17px;box-shadow:0 20px 100px #173a3a25;padding:30px;width:calc(100% - 32px);max-width:520px;color:var(--ink);max-height:calc(100dvh - 40px)}dialog::backdrop{background:#0e292970;backdrop-filter:blur(3px)}.dialog-header{display:flex;align-items:flex-start;gap:20px;justify-content:space-between}.dialog-header h2{font:700 24px var(--display);letter-spacing:-.7px;margin:8px 0 6px}.dialog-header .icon-button{flex-shrink:0;border:0;background:#f4f7f4;width:29px;height:29px}.dialog-header svg{width:15px;height:15px}dialog p{font-size:12px;color:var(--muted);line-height:1.8}dialog label{display:block;font-size:11px;font-weight:600;margin:22px 0 9px}dialog input{width:100%;border:1px solid #d4e0d8;border-radius:7px;padding:13px;font-size:12px;background:#fbfcfb}.field-help{font-size:10px!important}.dialog-actions{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.key-error{color:#a95530!important;min-height:16px}.sources-dialog{max-width:620px}.source-card{border:1px solid var(--line);padding:15px;border-radius:9px;margin:9px 0;display:flex;justify-content:space-between;align-items:center;gap:14px}.source-card.selected{border-color:#8abfb1;background:#f0f8f4}.source-card h3{font-size:13px;margin:0 0 4px}.source-card p{font-size:10px;line-height:1.6;margin:0}.source-card a{font-size:9px;text-decoration:none}.source-card button{border:1px solid #cddfd5;color:var(--teal);background:white;padding:8px 12px;border-radius:5px;font-size:10px;white-space:nowrap}.source-notes{border-top:1px solid var(--line);margin-top:21px;padding-top:8px}.source-notes p{font-size:10px}.source-notes a,.source-notes>span{font-size:10px} @keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:2000px){.workspace{grid-template-columns:320px minmax(0,1fr);grid-template-rows:minmax(320px,1fr) 255px}.sidebar{padding-top:22px}.sidebar-heading h1{font-size:29px}.provider-control{margin-top:20px}.spot-button{padding:10px}.selected-forecast{padding-top:17px}.wind-primary>span:first-child{font-size:58px}.sidebar-bottom{padding-top:15px}.forecast-panel{padding-top:16px}.chart{height:120px}.forecast-status{margin-top:4px}.app-header{height:82px}.workspace{min-height:calc(100dvh - 132px)}.table-wrap{height:170px}}
@media(max-width:1050px){.app-header{padding:0 23px}.workspace{grid-template-columns:260px minmax(0,1fr);gap:12px;padding:16px}.sidebar{padding:22px 17px}.sidebar-heading h1{font-size:25px}.map-place>span{display:none}.forecast-panel{padding:18px}.forecast-topline h2{font-size:15px}.forecast-actions{gap:10px}.chart-key{display:none}.wind-legend{gap:9px;padding:10px}.arrow-key{display:none!important}.map-status{display:none}.footer-note{display:none}.app-footer{padding:0 18px 10px}.header-right{gap:14px}}
@media(max-width:700px){.app-header{height:80px;padding:0 16px}.brand-mark{width:34px;height:34px;border-radius:10px}.brand-mark svg{width:26px;height:26px}.brand{gap:9px}.brand-title{font-size:11px;letter-spacing:1px}.brand-title>span{margin:0 3px}.brand-title small{font-size:9px;margin-top:4px}.header-right{gap:10px}.today-pill{font-size:10px;padding:7px 9px}.date-block{font-size:10px;gap:3px}.date-block small{font-size:8px}.header-divider,.header-right>.icon-button{display:none}.workspace{display:flex;flex-direction:column;padding:12px;gap:12px}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;order:1;padding:20px}.sidebar-heading{grid-column:1/3}.sidebar-heading h1{font-size:27px;margin:7px 0}.sidebar-heading p{font-size:11px}.sidebar-heading .eyebrow{font-size:8px}.provider-control{grid-column:1/3;margin-top:19px}.sidebar>.divider{grid-column:1/3;margin:18px 0}.sidebar>.section-label{grid-column:1/3}.spot-list{grid-column:1/3;display:flex;gap:6px;margin:12px 0 16px}.spot-button{flex:1;flex-direction:column;padding:11px 3px;text-align:center;gap:7px;border-color:var(--line)}.spot-number,.spot-copy small,.spot-button>.flow-arrow{display:none}.spot-copy strong{font-size:11px}.spot-wind{font-size:16px}.selected-forecast{grid-column:1/3;padding-top:16px}.selected-forecast h2{font-size:19px}.wind-primary{display:inline-flex;width:49%;vertical-align:middle}.wind-primary>span:first-child{font-size:50px}.large-arrow{width:32px;height:32px;margin-left:4px}.large-arrow svg{width:20px;height:20px}.wind-primary>div{margin-top:5px}.wind-primary strong{font-size:11px}.wind-primary small{font-size:8px}.wind-secondary{display:inline-grid;vertical-align:middle;width:49%;margin:0;padding-left:12px;gap:8px}.wind-secondary>div+div{padding-left:13px}.wind-secondary strong{font-size:16px}.peak-row{margin-top:16px}.sidebar-bottom{grid-column:1/3;padding-top:12px}.map-section{order:2;height:410px;flex:none;min-height:410px}.map-topbar{top:12px;left:12px;right:12px}.map-place{padding:10px}.map-place strong{font-size:10px}.map-tools{gap:6px}.map-fit{display:none}.map-type-switch button{font-size:9px;padding:6px 9px}.map-forecast-label{top:66px;left:13px}.map-bottom{left:10px;right:50px;bottom:25px}.wind-legend{gap:11px;font-size:9px;padding:10px}.map-placeholder h2{font-size:23px}.forecast-panel{order:3;padding:20px 16px;min-height:285px}.forecast-topline h2{font-size:14px;margin-top:8px}.view-toggle button{font-size:9px;padding:7px 10px}.forecast-status{font-size:9px;margin-top:10px}.chart{height:140px}.timezone-tag{display:none}.time-control{gap:12px;margin-top:12px}.time-control output{font-size:9px}.app-footer{display:flex;flex-wrap:wrap;gap:12px;padding:6px 16px 20px;font-size:9px}.app-footer .text-button{font-size:9px}.app-footer>p{font-size:9px}.table-wrap{height:220px}.wind-marker{padding:8px 9px;gap:6px}.wind-marker .marker-name{font-size:10px}.wind-marker .marker-number{font-size:18px}}
@media(min-width:701px) and (max-height:850px){.app-header{height:76px}.workspace{height:calc(100dvh - 120px);min-height:560px;grid-template-rows:minmax(260px,1fr) 250px;padding:14px 20px;gap:14px}.sidebar{min-height:0;overflow:auto;padding:19px}.sidebar-heading .eyebrow,.sidebar-heading p,.sidebar-bottom{display:none}.sidebar-heading h1{font-size:24px;margin:0 0 2px}.provider-control{margin-top:13px}.provider-control>label{margin-bottom:6px}.select-wrap select{padding:10px 13px}.source-link{display:none}.divider{margin:13px 0}.spot-list{gap:3px;margin:9px 0 13px}.spot-button{padding:9px}.spot-copy small{display:none}.selected-forecast{padding-top:13px}.selected-forecast h2{font-size:18px;margin:9px 0 6px}.selected-meta .eyebrow{font-size:7px}.wind-primary{display:inline-flex;vertical-align:middle;width:53%;gap:6px}.wind-primary>span:first-child{font-size:45px;letter-spacing:-2px}.wind-primary>div{margin-top:5px}.wind-primary strong{font-size:10px}.wind-primary small{font-size:8px}.large-arrow{display:none}.wind-secondary{display:inline-grid;vertical-align:middle;width:45%;margin:0;padding-left:10px}.wind-secondary>div+div{padding-left:10px}.wind-secondary strong{font-size:14px}.wind-secondary small{font-size:9px}.wind-secondary>div>span{font-size:7px}.peak-row{margin-top:13px;padding:9px 7px;font-size:9px}.forecast-panel{padding:15px 21px 10px}.forecast-topline h2{font-size:15px}.chart{height:115px}.time-control{padding-top:8px}.app-footer{min-height:44px;padding-bottom:8px}.map-placeholder .connection-icon,.map-placeholder>.eyebrow,.map-placeholder>small{display:none}.map-placeholder{padding:85px 20px 60px}.map-placeholder h2{font-size:23px;margin:0 0 8px}.map-placeholder p{font-size:11px;margin-bottom:12px;line-height:1.6}.map-placeholder .primary-button{padding:10px 15px}.wind-legend{padding:9px 12px}.map-bottom{bottom:25px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(min-width:701px) and (max-height:850px){.map-section{min-height:0}.forecast-panel{position:relative;z-index:1}}
.wind-marker.marker-ham-tien{transform:translate(calc(-100% - 12px),-50%)}.wind-marker.marker-mui-ne{transform:translate(12px,-50%)}.wind-marker.marker-hon-rom{transform:translate(-50%,calc(-100% - 20px))}.wind-marker::before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--teal);border:1px solid white;box-shadow:0 0 0 1px #087f7330}.marker-ham-tien::before{right:-15px;top:calc(50% - 3px)}.marker-mui-ne::before{left:-15px;top:calc(50% - 3px)}.marker-hon-rom::before{bottom:-23px;left:calc(50% - 3px)}.wind-marker.marker-ham-tien::after{left:auto;right:-5px;top:calc(50% - 4px);bottom:auto;transform:rotate(-45deg)}.wind-marker.marker-mui-ne::after{left:-5px;top:calc(50% - 4px);bottom:auto;transform:rotate(135deg)}