:root{--bg-grad:linear-gradient(180deg, #0e2038 0%, #17375c 45%, #245081 100%);--surface:#ffffff1a;--surface-2:#ffffff29;--ink:#fff;--ink-2:#ffffffb8;--ink-3:#ffffff80;--line:#ffffff24;--accent:#64d2ff;--good:#30d158;--warn:#ffd60a;--bad:#ff6961;--radius:18px;--blur:blur(22px) saturate(1.5)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg-grad) fixed;min-height:100vh;color:var(--ink);font-feature-settings:"palt";margin:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Segoe UI,sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;line-height:1.35}.container{max-width:720px;margin:0 auto;padding:0 16px}.site-header .bar{align-items:center;gap:10px;padding:14px 0 4px;display:flex}.logo{letter-spacing:.04em;align-items:center;gap:9px;font-size:18px;font-weight:800;display:flex}.logo svg{display:block}.logo .tagline{color:var(--ink-3);letter-spacing:.06em;margin-left:2px;padding-top:5px;font-size:11px;font-weight:500}.region-nav .rn-scroll{flex-wrap:wrap;gap:6px;padding-top:10px;padding-bottom:10px;display:flex}.rn-chip{background:var(--surface);color:var(--ink-2);white-space:nowrap;border-radius:999px;flex:none;padding:6px 14px;font-size:12.5px;font-weight:600;transition:background .15s}.rn-chip:hover{background:var(--surface-2)}.rn-chip.active{color:#0e2038;background:#ffffffeb}.region-nav--grid .rn-scroll{flex-wrap:wrap;justify-content:center;max-width:560px;padding-top:4px;padding-bottom:40px;overflow:visible}.region-nav--grid .rn-chip{background:var(--surface);-webkit-backdrop-filter:var(--blur);padding:10px 20px;font-size:14px}.page-hero{text-align:center;padding:18px 0 8px}.breadcrumb{color:var(--ink-3);justify-content:center;align-items:center;gap:6px;padding-bottom:10px;font-size:12px;display:flex}.breadcrumb a:hover{color:var(--ink)}.page-hero h1{letter-spacing:.02em;font-size:26px;font-weight:600}.region-desc{color:var(--ink-2);max-width:480px;margin:8px auto 0;font-size:13px}.page-hero--area{padding-top:8px}.ai-forecast{background:var(--surface);-webkit-backdrop-filter:var(--blur);border:1px solid var(--line);border-radius:var(--radius);margin:0 0 18px;padding:14px 16px 12px}.af-head{align-items:center;gap:8px;margin-bottom:12px;display:flex}.af-badge{letter-spacing:.04em;background:var(--surface-2);color:var(--accent);border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700}.af-tabs{border-bottom:1px solid var(--line);gap:0;margin:0 0 14px;display:flex}.af-tab{appearance:none;color:var(--ink-3);font:inherit;cursor:pointer;background:0 0;border:0;flex:1;padding:8px 6px 10px;font-size:13px;font-weight:700;position:relative}.af-tab.is-active{color:var(--ink)}.af-tab.is-active:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:12%;right:12%}.af-panel{min-height:4.5em}.af-day-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.af-score{color:var(--ink-2);font-size:13px;font-weight:700}.af-detail .af-body+.af-body{margin-top:.85em}.af-body{color:var(--ink);margin:0;font-size:14px;line-height:1.65}.af-empty{color:var(--ink-3);margin:0;font-size:13px}.af-meta{color:var(--ink-3);margin:10px 0 0;font-size:11px}.af-week{margin:0;padding:0;list-style:none}.af-row{border-top:1px solid var(--line);gap:12px;padding:12px 0;display:flex}.af-row:first-child{border-top:0;padding-top:2px}.af-date{flex-direction:column;flex:0 0 44px;align-items:flex-start;padding-top:1px;display:flex}.af-wd{letter-spacing:.02em;color:var(--ink);font-size:13px;font-weight:800;line-height:1.2}.af-md{color:var(--ink-3);margin-top:2px;font-size:12px}.af-date.is-sun .af-wd,.af-date.is-sun .af-md{color:#ff8a80}.af-main{flex:1;min-width:0}.af-main .af-score{margin-bottom:6px;display:inline-block}.af-main .af-body{color:var(--ink-2);font-size:13px;line-height:1.6}.hero-chips{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}.chip{background:var(--surface);color:var(--ink-2);border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.hero-big{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:6px;font-size:84px;font-weight:200;line-height:1.1}.hero-big small{color:var(--ink-2);margin-left:2px;font-size:36px;font-weight:300}.hero-big .skeleton{border-radius:16px;min-width:150px;display:inline-block}.hero-cond{color:var(--ink-2);max-width:320px;margin:2px auto 0;font-size:15px;font-weight:500}.updated{color:var(--ink-3);text-align:center;margin-top:10px;font-size:11px}.jma-alert{border-radius:var(--radius);-webkit-backdrop-filter:var(--blur);background:#ffd60a1f;border:1px solid #ffd60a59;margin-top:16px;padding:12px 16px}.jma-alert[data-severity=warning]{background:#ff696124;border-color:#ff696166}.jma-alert[data-severity=emergency]{background:#af52de29;border-color:#af52de73}.jma-alert-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.jma-alert-label{letter-spacing:.04em;color:var(--warn);font-size:11px;font-weight:700}.jma-alert[data-severity=warning] .jma-alert-label{color:var(--bad)}.jma-alert[data-severity=emergency] .jma-alert-label{color:#bf5af2}.jma-alert-link{color:var(--ink-2);text-underline-offset:2px;white-space:nowrap;font-size:11px;font-weight:600;text-decoration:underline}.jma-alert-link:hover{color:var(--ink)}.jma-alert-tags{flex-wrap:wrap;gap:6px;display:flex}.jma-tag{border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700;line-height:1.3}.jma-tag--advisory{color:#ffe566;background:#ffd60a38}.jma-tag--warning{color:#ffb4af;background:#ff696147}.jma-tag--emergency{color:#e0b0ff;background:#af52de52}.jma-alert-headline{color:var(--ink);margin:8px 0 0;font-size:13px;line-height:1.55}.jma-alert-meta{color:var(--ink-3);margin:6px 0 0;font-size:11px}.page-hero--area+.jma-alert{margin-top:0;margin-bottom:18px}.index-banner{background:var(--surface);-webkit-backdrop-filter:var(--blur);border-radius:var(--radius);align-items:center;gap:18px;margin-top:16px;padding:12px 18px;display:flex}.ib-label{color:var(--ink-3);letter-spacing:.05em;font-size:11px;font-weight:600}.ib-score{font-variant-numeric:tabular-nums;min-width:62px;font-size:46px;font-weight:250;line-height:1.05}.ib-score small{color:var(--ink-3);font-size:15px;font-weight:400}.ib-main{flex:1;min-width:0}.ib-grade{font-size:15px;font-weight:700}.ib-reason{color:var(--ink-2);margin-top:2px;font-size:12px}.tile-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.tile{background:var(--surface);-webkit-backdrop-filter:var(--blur);border-radius:var(--radius);min-height:92px;padding:12px 14px}.tile-k{color:var(--ink-3);letter-spacing:.05em;font-size:11px;font-weight:600}.icon{vertical-align:-2px;flex:none}.tile-v{font-variant-numeric:tabular-nums;margin-top:5px;font-size:25px;font-weight:400;line-height:1.25}.tile-v small{color:var(--ink-2);margin-left:2px;font-size:13px;font-weight:500}.tile-sub{color:var(--ink-2);margin-top:2px;font-size:12px}.tile-v.tv-big{color:#ff9f0a}.tile-v.tv-mid{color:var(--accent)}#tile-moon .tile-v{align-items:center;gap:7px;display:flex}.tile--air{grid-column:1/-1}.aqi-scale{background:linear-gradient(90deg,#30d158 0%,#9ede4a 17%,#ffd60a 33%,#ff9f0a 50%,#ff6961 67%,#bf5af2 100%);border-radius:999px;height:5px;margin-top:10px;position:relative}.aqi-dot{opacity:0;background:#fff;border-radius:50%;width:11px;height:11px;margin-top:-5.5px;margin-left:-5.5px;transition:left .5s,opacity .3s;position:absolute;top:50%;left:0;box-shadow:0 0 0 2px #0e20388c}.aqi-dot.ready{opacity:1}.shore-badge{vertical-align:2px;border-radius:999px;margin-left:6px;padding:1px 8px;font-size:10.5px;font-weight:700;display:inline-block}.shore-badge.off{color:#6fe396;background:#30d15838}.shore-badge.on{color:#ffa8a2;background:#ff69613d}.shore-badge.side{color:#ffe36e;background:#ffd60a33}.tile--wind{grid-column:1/-1}.wind-body{align-items:center;gap:18px;margin-top:6px;display:flex}.wind-compass{flex:none;width:118px;height:118px}.wc-sea{fill:url(#wc-sea-grad)}.wc-sea-0{stop-color:var(--accent);stop-opacity:0}.wc-sea-1{stop-color:var(--accent);stop-opacity:.22}.wc-ticks line{stroke:#ffffff38;stroke-width:1.5px;stroke-linecap:round}.wc-ticks line.major{stroke:#ffffff80}.wc-dir{fill:var(--ink-3);text-anchor:middle;dominant-baseline:middle;font-size:8.5px;font-weight:600}.wc-dir.is-n{fill:var(--ink-2)}.wc-val{fill:var(--ink);text-anchor:middle;font-variant-numeric:tabular-nums;font-size:22px;font-weight:300}.wc-unit{fill:var(--ink-3);text-anchor:middle;font-size:8.5px}.wc-arrow{fill:var(--ink-3);opacity:0;transform-box:view-box;transform-origin:50px 50px;transition:transform .6s cubic-bezier(.22,.61,.36,1),opacity .4s}.wc-arrow.off{fill:var(--good)}.wc-arrow.on{fill:var(--bad)}.wc-arrow.side{fill:var(--warn)}.wc-arrow.ready{opacity:1}.wind-facts{flex:1;min-width:0}.wf-row{align-items:baseline;gap:10px;display:flex}.wf-k{width:2.8em;color:var(--ink-3);flex:none;font-size:12px}.wf-v{font-variant-numeric:tabular-nums;font-size:17px;font-weight:500}.wf-v small{color:var(--ink-2);margin-left:2px;font-size:12px;font-weight:500}.wind-facts .shore-badge{vertical-align:baseline;margin:7px 0 0;padding:2px 10px;font-size:11.5px}.wf-note{color:var(--ink-3);margin:8px 0 0;font-size:10.5px;line-height:1.5}@media (prefers-reduced-motion:reduce){.wc-arrow{transition:none}}main.container{padding-top:4px;padding-bottom:48px}.card{background:var(--surface);-webkit-backdrop-filter:var(--blur);border-radius:var(--radius);margin-top:12px;padding:14px 16px 16px}.card>h2{color:var(--ink-3);letter-spacing:.05em;border-bottom:1px solid var(--line);align-items:center;gap:6px;padding-bottom:8px;font-size:12px;font-weight:600;display:flex}.card .card-note{color:var(--ink-3);margin:10px 0 0;font-size:11px}.temp-hilo{letter-spacing:normal;gap:10px;margin-left:auto;font-size:12px;font-weight:600;display:inline-flex}.temp-hilo .hi{color:#ff9f0a}.temp-hilo .lo{color:#64d2ff}.hf-sum{margin:10px 0 4px}.hf-line{flex-wrap:wrap;align-items:center;gap:8px;padding:3px 0;display:flex}.hf-tag{white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.hf-tag.wave{color:var(--accent);background:#64d2ff29}.hf-tag.off{color:var(--good);background:#30d15829}.hf-tag.faint{color:var(--ink-3);background:#ffffff14}.hf-t{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.hf-t--faint{color:var(--ink-3);font-weight:400}.hf-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:6px 0 0;overflow-x:auto}.hf-scroll::-webkit-scrollbar{display:none}.hf-rail{touch-action:none;cursor:pointer;height:14px;margin:2px 0 0;position:relative}.hf-rail:before{content:"";background:#ffffff1a;border-radius:999px;height:4px;position:absolute;inset:6px 0 auto}.hf-thumb{background:var(--ink-3);border-radius:999px;min-width:24px;height:6px;transition:background .15s;position:absolute;top:5px}.hf-rail.dragging .hf-thumb,.hf-rail:hover .hf-thumb{background:var(--ink-2)}.hf{border-collapse:collapse;text-align:center;font-variant-numeric:tabular-nums}.hf .hf-k{z-index:1;text-align:right;width:46px;min-width:46px;color:var(--ink-2);border-right:1px solid var(--line);background:#1c3f68;padding-right:6px;font-size:11px;font-weight:600;position:sticky;left:0}.hf .hf-k span{color:var(--ink-3);font-size:9px;font-weight:400;display:block}.hf th,.hf td{border-bottom:1px solid #ffffff12;padding:0}.hf tr:last-child th,.hf tr:last-child td{border-bottom:none}.hf-c{width:40px;min-width:40px;padding:5px 0;font-size:13px;font-weight:600}.hf thead .hf-c{color:var(--ink-2);padding-bottom:7px;font-size:11px;line-height:1.2}.hf .hf-c.now{background:#ffffff17}.hf thead .hf-c.now{border-radius:10px 10px 0 0}.hf tr:last-child .hf-c.now{border-radius:0 0 10px 10px}.hf .hf-c.daybreak{border-left:1px solid var(--line)}.hf-d{color:var(--ink-3);white-space:nowrap;font-size:9px;font-weight:400;display:block}.hf-v{line-height:1.3;display:block}.hf-sub{color:var(--ink-3);font-size:11px;font-weight:400}.hf-wx{font-size:14px;line-height:1.25;display:block}.hf-pop{color:var(--accent);line-height:1.2;display:block}.hf-tide-high{color:var(--accent)}.hf-tide-low{color:var(--warn)}.hf-peak{white-space:nowrap;letter-spacing:-.02em;font-size:10px;line-height:1.2;display:block}.hf-peak b{margin-right:1px}.hf-tn{font-weight:600}.hf-tn-big{color:#ff9f0a}.hf-tn-mid{color:var(--accent)}.hf-tn-small{color:var(--ink-2)}.hf-sun{white-space:nowrap;letter-spacing:-.02em}.hf-sun b{margin-right:1px}.hf-sun-rise{color:#ff9f0a}.hf-sun-set{color:#a99cff}.hf td.night{background-image:linear-gradient(#00000040,#00000040)}.hf-bar{background:#ffffff1a;border-radius:3px;width:6px;height:22px;margin:0 auto 3px;display:block;position:relative}.hf-fill{background:var(--warn);border-radius:3px;width:100%;min-height:2px;position:absolute;bottom:0;left:0}.hf-fill.wave{background:var(--accent)}.hf-fill.off{background:var(--good)}.hf-fill.on{background:var(--bad)}.hf-arrow{fill:currentColor;width:14px;height:14px;margin:0 auto 1px;display:block}.hf-arrow.off{color:var(--good)}.hf-arrow.on{color:var(--bad)}.hf-arrow.side{color:var(--warn)}.weekly{margin-top:2px}.wk-row{border-bottom:1px solid var(--line);grid-template-columns:72px 28px 42px 32px 1fr 32px;align-items:center;gap:8px;padding:8px 2px;display:grid}.wk-row:last-child{border-bottom:none}.wk-row--skel{padding:12px 2px;display:block}.wk-day{flex-direction:column;font-size:14px;font-weight:600;line-height:1.25;display:flex}.wk-day.sat{color:#8ddcff}.wk-day.sun{color:#ffa8a2}.wk-date{color:var(--ink-3);font-size:10px;font-weight:400}.wk-icon{text-align:center;font-size:18px;line-height:1}.wk-pop{color:var(--accent);text-align:center;font-size:12px;font-weight:600}.wk-pop.faint{color:var(--ink-3);font-weight:400}.wk-lo,.wk-hi{text-align:right;font-size:14px;font-weight:600}.wk-lo{color:var(--ink-3)}.wk-bar{background:#ffffff24;border-radius:3px;height:5px;position:relative}.wk-bar span{background:linear-gradient(90deg,#64d2ff,#ffd60a,#ff9f0a);border-radius:3px;height:100%;position:absolute;top:0}.chart-wrap{height:235px;margin-top:12px;position:relative}.chart-wrap--short{height:180px}.legend{color:var(--ink-2);flex-wrap:wrap;gap:6px 10px;margin-top:10px;font-size:11px;display:flex}.legend .key{align-items:center;gap:5px;display:inline-flex}.legend .dot{border-radius:50%;width:8px;height:8px}.live-label{font-weight:500}.video-frame{aspect-ratio:16/9;background:#0006;border-radius:14px;margin-top:12px;position:relative;overflow:hidden}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-facade{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.video-facade img{object-fit:cover;opacity:.92;width:100%;height:100%}.live-badge{color:#fff;letter-spacing:.04em;background:#ff453ae6;border-radius:999px;padding:2px 9px;font-size:10.5px;font-weight:700;position:absolute;top:10px;left:10px}.play-btn{background:#ff453ae6;border-radius:12px;justify-content:center;align-items:center;width:58px;height:42px;transition:transform .15s,background .15s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #00000059}.video-facade:hover .play-btn{background:#ff453a;transform:translate(-50%,-50%)scale(1.06)}.tide-tabs{background:#0000002e;border-radius:11px;gap:6px;margin-top:12px;padding:3px;display:flex}.tide-tabs button{color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:6px 0;font-family:inherit;font-size:12px;font-weight:600}.tide-tabs button.active{background:var(--surface-2);color:var(--ink)}.tide-moon{gap:8px;margin-top:10px;display:flex}.tide-moon .tm-item{background:var(--surface);border-radius:12px;flex:1;align-items:center;gap:6px;min-width:0;padding:8px 12px;display:flex}.tide-moon .tm-k{color:var(--ink-3);font-size:11px;font-weight:600}.tide-moon .tm-v{font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.tide-moon .tm-sub{color:var(--ink-3);text-align:right;white-space:nowrap;text-overflow:ellipsis;margin-left:auto;font-size:11px;overflow:hidden}.moon-svg{flex:none}.tide-moon .tm-big .tm-v{color:#ff9f0a}.tide-moon .tm-mid .tm-v{color:var(--accent)}.tide-moon .tm-small .tm-v{color:var(--ink-2)}@media (width<=560px){.tide-moon{flex-direction:column}}.tide-svg-wrap{margin-top:10px}.tide-extrema{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tide-extrema .ext{font-variant-numeric:tabular-nums;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:600}.tide-extrema .ext.high{color:#a5e3ff;background:#64d2ff2e}.tide-extrema .ext.low{color:#ffe36e;background:#ffd60a26}.spot-desc{color:var(--ink-2);margin:10px 0 0;font-size:13.5px}.guide h3{color:var(--ink-3);letter-spacing:.06em;margin:14px 0 0;font-size:12px;font-weight:700}.guide p{color:var(--ink-2);margin:4px 0 0;font-size:13.5px;line-height:1.75}.facts{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.facts .fact{background:#ffffff0f;border-radius:12px;padding:8px 12px;font-size:12px}.facts .fact .k{color:var(--ink-3);letter-spacing:.06em;font-size:10.5px;font-weight:600}.facts .fact .v{margin-top:1px;font-weight:600}.skeleton{user-select:none;background:#ffffff1f;border-radius:8px;min-height:1em;position:relative;overflow:hidden;color:#0000!important}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff38,#0000);animation:1.4s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes shimmer{to{transform:translate(100%)}}.error-card{-webkit-backdrop-filter:var(--blur);color:#ffc7c2;border-radius:var(--radius);background:#ff696129;margin-top:16px;padding:16px;font-size:13px;display:none}.error-card button{color:#fff;cursor:pointer;background:#ff6961d9;border:0;border-radius:10px;margin-top:10px;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:600}.home-hero{text-align:center;padding:26px 0 6px}.home-hero h1{letter-spacing:.02em;font-size:30px;font-weight:700}.home-hero p{color:var(--ink-2);margin:8px 0 0;font-size:13px}.spot-list{margin-top:10px}.spot-card{background:var(--surface);-webkit-backdrop-filter:var(--blur);border-radius:var(--radius);margin-top:10px;padding:14px 16px;transition:transform .15s,background .15s;display:block}.spot-card:active{transform:scale(.985)}@media (hover:hover){.spot-card:hover{background:var(--surface-2)}}.sc-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sc-name h2{font-size:17px;font-weight:600}.sc-area{color:var(--ink-3);font-size:11px;font-weight:500}.sc-right{text-align:right}.sc-grade{margin-top:1px;font-size:12px;font-weight:700}.sc-grade.skeleton{min-width:44px;display:inline-block}.sc-wave{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:34px;font-weight:200;line-height:1.15}.sc-wave small{color:var(--ink-2);font-size:15px;font-weight:400}.sc-wave .skeleton{min-width:72px;display:inline-block}.sc-sub{color:var(--ink-2);margin-top:4px;font-size:12px}.sc-sub .skeleton{min-width:180px;display:inline-block}.shore-tag{vertical-align:1px;border-radius:999px;margin-left:3px;padding:0 7px;font-size:9.5px;font-weight:700;display:inline-block}.shore-tag.off{color:#6fe396;background:#30d15838}.shore-tag.on{color:#ffa8a2;background:#ff69613d}.shore-tag.side{color:#ffe36e;background:#ffd60a33}.sc-desc{color:var(--ink-3);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin:8px 0 0;font-size:12px;display:-webkit-box;overflow:hidden}.radar-time{letter-spacing:normal;color:var(--ink-2);margin-left:auto;font-size:11px;font-weight:600}.radar-map{aspect-ratio:4/3;isolation:isolate;background:#0a1a2c;border-radius:14px;margin-top:12px;display:block;position:relative;overflow:hidden}.radar-layer{position:absolute;inset:0}.radar-layer img{display:block;position:absolute}.radar-layer--base{filter:invert()brightness(.72)contrast(1.15);opacity:.65}.radar-layer--rain{opacity:.82;transform-origin:0 0;transform:scale(.5)}.radar-pin{background:var(--accent);border-radius:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #0000008c,0 0 0 7px #64d2ff38}.radar-spot{white-space:nowrap;text-shadow:0 1px 3px #000000e6;font-size:10.5px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,12px)}.radar-status{-webkit-backdrop-filter:blur(8px);color:var(--ink-2);background:#00000073;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;position:absolute;top:10px;left:10px}.radar-status[data-tone=clear]{color:var(--good)}.radar-status[data-tone=rain]{color:var(--accent)}.radar-open{-webkit-backdrop-filter:blur(8px);color:var(--ink-2);background:#00000073;border-radius:999px;padding:3px 10px;font-size:10.5px;font-weight:600;position:absolute;bottom:10px;right:10px}.radar-scale{gap:2px;margin-top:10px;display:flex}.rs-cell{text-align:right;color:var(--ink-3);flex:1;padding-top:3px;font-size:9.5px}.rs-cell:before{content:"";background:var(--c);border-radius:2px;height:5px;margin-bottom:3px;display:block}.rs-unit{color:var(--ink-3);align-self:flex-end;margin-right:4px;font-size:9.5px}.radar-links{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.radar-links a{color:var(--ink-2);background:#ffffff0f;border-radius:11px;padding:7px 13px;font-size:12px;font-weight:600;transition:background .15s}.radar-links a:hover{background:var(--surface-2)}.x-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.x-tags .chip{background:#ffffff0f;text-decoration:none;transition:background .15s}.x-tags .chip:hover{background:var(--surface-2)}.wm-seg{background:#0000002e;border-radius:11px;gap:6px;margin-top:12px;padding:3px;display:flex;position:relative}.wm-seg button{z-index:1;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:6px 0;font-family:inherit;font-size:12px;font-weight:600;position:relative}.wm-seg button[aria-selected=true]{color:var(--ink)}.wm-seg-thumb{background:var(--surface-2);width:calc(50% - 6px);transform:translateX(var(--i,0%));border-radius:9px;transition:transform .22s cubic-bezier(.32,.72,0,1);position:absolute;top:3px;bottom:3px;left:3px}.wm-map{aspect-ratio:4/3;isolation:isolate;background:#0a1a2c;border-radius:14px;margin-top:10px;display:block;position:relative;overflow:hidden}.wm-layer{filter:invert()brightness(.72)contrast(1.15);opacity:.78;position:absolute;inset:0}.wm-layer img{display:block;position:absolute}.wm-canvas{width:100%;height:100%;position:absolute;inset:0}.wm-canvas--heat{filter:blur(5px)}.wm-pin{background:#fff;border-radius:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #0009,0 0 0 7px #ffffff38}.wm-spot{white-space:nowrap;text-shadow:0 1px 3px #000000e6;font-size:10.5px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,12px)}.wm-status,.wm-open{-webkit-backdrop-filter:blur(8px);color:var(--ink-2);background:#00000073;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:600;position:absolute}.wm-status{top:10px;left:10px}.wm-map[data-state=ready] .wm-status{color:var(--accent)}.wm-map[data-state=error] .wm-status{color:var(--bad)}.wm-open{font-size:10.5px;bottom:10px;right:10px}.wm-time{align-items:center;gap:10px;margin-top:12px;display:flex}.wm-range{appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:28px}.wm-range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) var(--p,0%), #ffffff2e var(--p,0%));border-radius:2px;height:4px}.wm-range::-moz-range-track{background:linear-gradient(90deg, var(--accent) var(--p,0%), #ffffff2e var(--p,0%));border-radius:2px;height:4px}.wm-range::-webkit-slider-thumb{appearance:none;background:#fff;border-radius:50%;width:22px;height:22px;margin-top:-9px;box-shadow:0 1px 4px #00000073}.wm-range::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:22px;height:22px;box-shadow:0 1px 4px #00000073}.wm-now{color:var(--ink-2);cursor:pointer;background:#ffffff0f;border:0;border-radius:999px;flex:none;padding:6px 11px;font-family:inherit;font-size:11px;font-weight:600}.wm-now:hover{background:var(--surface-2)}@media (prefers-reduced-motion:reduce){.wm-seg-thumb{transition:none}}.sibling-links{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.sibling-link{background:#ffffff0f;border-radius:12px;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s}.sibling-link:hover{background:var(--surface-2)}.sibling-link .sl-area{color:var(--ink-3);margin-left:6px;font-size:10.5px;font-weight:500}.sibling-link--more{color:var(--accent)}.notfound{text-align:center;padding:60px 0 80px}.notfound .code{color:var(--ink-2);font-size:90px;font-weight:200;line-height:1.1}.notfound p{color:var(--ink-2);font-size:14px}.notfound a{background:var(--surface-2);border-radius:999px;margin-top:16px;padding:10px 24px;font-size:14px;font-weight:600;display:inline-block}.site-footer{border-top:1px solid var(--line);color:var(--ink-3);padding:24px 0 40px;font-size:11px;line-height:1.8}.site-footer .brand{color:var(--ink-2);margin-bottom:6px;font-size:13px;font-weight:700}@media (width>=640px){.tile-grid{grid-template-columns:repeat(4,1fr)}.tile--wind,.tile--air{grid-column:span 2}.hero-big{font-size:96px}.facts{grid-template-columns:repeat(4,1fr)}.radar-map{aspect-ratio:2}}