:root{--paper:#fff;--near-paper:#fbfbfc;--ink:#171717;--muted:#5c5c5c;--tertiary:#767676;--line:#e0e0e7;--accent-strong:#2181db;--accent-medium:#90c0ed;--accent:#d3e6f8;--accent-tint:#edf5fc;--focus:#1f6feb;--font-display:"Akzidenz-Grotesk BQ", "Akzidenz-Grotesk Pro", "Akzidenz-Grotesk Next", "Akzidenz Grotesk", "Helvetica Neue", Arial, "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;--font-ui:"aktiv-grotesk", "Aktiv Grotesk", "Helvetica Neue", Arial, "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;--radius:2px;--target-min:44px;--map-sea:#9ed7f0;--motion-fast:.16s;--ease-standard:cubic-bezier(.2, 0, 0, 1);font-family:var(--font-ui);font-synthesis:none;color:var(--ink);background:var(--paper);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:14px;font-weight:400}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{letter-spacing:.015em;margin:0;line-height:1.7}button,select,input{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer;border-radius:var(--radius);min-height:var(--target-min);transition:background var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard);background:0 0;border:0}button:disabled{cursor:default;opacity:.42}a{color:inherit;text-underline-offset:4px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button,a{touch-action:manipulation}button:hover:not(:disabled){color:var(--accent-strong)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.weather-app{max-width:1440px;padding:env(safe-area-inset-top,0px) clamp(24px, 4.5vw, 64px) 0;margin:auto}.weather-app,.weather-app *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.weather-app img,.weather-app svg{-webkit-user-drag:none}.site-header{justify-content:center;padding:24px 0;display:flex}.brand{width:min(240px,100%);line-height:0;text-decoration:none;display:block}.brand-logo{width:100%;height:auto;display:block}.brand-symbol{color:#000;flex-shrink:0}.busy-symbol{color:var(--accent-strong);flex-shrink:0;display:block}.busy-sun{transform-box:view-box;transform-origin:50%;animation:2.4s linear infinite brand-spin}@keyframes brand-spin{to{transform:rotate(360deg)}}.busy-flash{transform-box:fill-box;transform-origin:50%;animation:1.2s ease-in-out infinite brand-flash}.busy-flash-later{animation-delay:-.6s}@keyframes brand-flash{0%,40%,to{opacity:.28;transform:scale(.72)}12%,24%{opacity:1;transform:scale(1)}}.eyebrow{letter-spacing:.08em;color:var(--accent-strong);margin:0 0 12px;font-size:10px;font-weight:600}.icon-button{justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--near-paper)}.sky-stage{isolation:isolate;border-radius:var(--radius);background:var(--map-sea);border:1px solid #95c9d1;height:calc(clamp(460px,58vh,700px) + 96px);position:relative;overflow:hidden}.map-host{background:var(--map-sea);z-index:0;touch-action:none;position:absolute;inset:0}.map-host[data-map-access=free]{touch-action:pan-x pan-y pinch-zoom}.map-host.leaflet-container{font-family:var(--font-ui);background:var(--map-sea);outline-offset:-4px}.map-host[data-land-error=true]:after{content:"地形データを読み込めません";z-index:900;background:var(--paper);padding:10px;position:absolute;bottom:25px;left:50%}.weather-canvas{pointer-events:none;z-index:50;position:absolute}.city-marker{white-space:nowrap;color:#435b48;text-shadow:-1px -1px 2px #f2f5e8,1px 1px 2px #f2f5e8;align-items:center;gap:6px;font-size:11px;display:flex!important}.city-point{background:#6d8569;border-radius:50%;flex-shrink:0;width:3px;height:3px}.city-sendai{color:#2f4934;font-weight:700}.city-sendai .city-point{background:#6d8b67;width:5px;height:5px;box-shadow:0 0 0 4px #fff9}.map-sea-label{color:#6c928077;font:9px var(--font-ui);letter-spacing:.14em;text-align:center;white-space:nowrap;pointer-events:none}.map-sea-label>span{display:block;transform:rotate(-13deg)}.map-bottom-controls{z-index:650;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:26px;left:24px;right:24px}.chart-overlay-toggle{pointer-events:auto;background:var(--paper);min-width:44px;min-height:44px;color:var(--muted);justify-content:center;align-items:center;gap:8px;padding:10px 12px;display:flex}.chart-overlay-toggle.active{color:var(--accent-strong)}.chart-time{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:10px;font-weight:600}.wind-legend{color:var(--ink);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;margin:10px 0;display:grid}.wind-legend span{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:4px;font-size:10px;display:inline-flex}.wind-legend svg{flex-shrink:0}.wind-detail{z-index:655;background:var(--paper);border-radius:var(--radius);min-width:180px;max-width:calc(100% - 48px);padding:10px 48px 10px 12px;font-size:11px;line-height:1.8;position:absolute;bottom:84px;left:24px}.wind-detail strong{font-size:12px;display:block}.wind-detail time{color:var(--muted);font-size:10px}.wind-detail-close{place-items:center;width:44px;height:44px;display:grid;position:absolute;top:0;right:0}.map-navigation{pointer-events:auto;display:flex}.zoom-buttons{background:var(--paper);border-radius:var(--radius);border:0;flex-direction:column;display:flex;overflow:hidden}.zoom-buttons .icon-button{border-radius:0}.map-navigation svg,.replay-button svg,.update-button svg{stroke-width:2px}.map-credit{color:#4b6251;text-shadow:0 1px 2px #ffffffa0;z-index:600;letter-spacing:0;font-size:8px;position:absolute;bottom:5px;right:12px}.map-warning{z-index:620;background:var(--paper);color:#813d50;border-left:2px solid var(--accent-strong);width:max-content;max-width:85%;padding:10px 13px;font-size:11px;position:absolute;bottom:136px;left:50%;transform:translate(-50%)}.map-warning>span{border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;margin-right:5px;display:inline-flex}.map-loading{z-index:680;pointer-events:none;place-items:center;width:80px;height:80px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.clock-widget{background:var(--paper);border-radius:var(--radius);z-index:600;pointer-events:none;border:0;align-items:center;gap:10px;width:max-content;max-width:calc(100% - 24px);padding:4px 10px;display:flex;position:absolute;top:16px;left:20px}.analog-clock{flex-shrink:0;width:132px;height:132px;display:block}.analog-clock text{font-family:var(--font-ui);fill:var(--ink);font-size:13px;font-weight:700}.clock-readings{flex-shrink:0;width:max-content}.clock-details{padding-top:30px;position:relative}.clock-date{font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap;justify-content:space-between;font-size:18px;font-weight:750;line-height:1.2;display:flex;position:absolute;top:0;left:0;right:0}.clock-reading{text-align:left;color:var(--ink);letter-spacing:0;grid-template-columns:3em 3.2em 22px;align-items:baseline;column-gap:7px;font-size:12px;line-height:1.5;display:grid}.reading-label{font-weight:500}.reading-time{font-variant-numeric:tabular-nums;letter-spacing:.08em;font-size:13px;font-weight:700}.reading-kind{color:var(--muted);font-size:11px}.reading-status{white-space:nowrap;grid-column:2/4;font-size:11px}.clock-reading.disabled,.clock-reading.disabled .reading-kind{color:#cdcdcd}.map-toolbar{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:16px;padding:8px 0 0;display:flex}.view-switch{flex-shrink:0;gap:12px;display:flex}.view-switch button{letter-spacing:0;border-bottom:1px solid var(--line);min-height:44px;color:var(--muted);border-radius:0;justify-content:center;align-items:center;gap:6px;padding:8px 4px;font-size:14px;font-weight:600;display:flex;position:relative}.view-switch button span{white-space:nowrap;overflow:hidden}.view-switch button:first-child span{width:3em}.view-switch button:last-child span{width:4em}.view-switch button:after{content:"";background:0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.view-switch button.active{border-color:var(--ink);color:var(--ink);background:var(--accent-tint)}.view-switch button.active:after{background:var(--accent-strong)}.view-switch button:hover:not(:disabled){border-color:var(--ink);color:var(--ink)}.map-icons{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;display:flex}.layer-shortcuts{align-items:center;gap:4px;display:flex}.layer-chip,.legend-button{background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;display:flex}.layer-chip{color:var(--tertiary)}.layer-chip.active,.legend-button.selected{color:var(--accent-strong)}.map-toolbar svg{stroke-width:1.8px;flex-shrink:0;width:20px;height:20px}.legend-panel{z-index:660;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);width:330px;max-height:calc(100% - 32px);padding:18px 20px;position:absolute;bottom:16px;left:50%;overflow:auto;transform:translate(-50%)}.panel-title{justify-content:space-between;align-items:center;margin:-8px -10px 12px 0;display:flex}.panel-title h2{margin:0;font-size:13px;font-weight:600}.legend-label{flex:1;justify-content:space-between;margin:0;font-size:11px;font-weight:600;display:flex}.legend-label span{color:var(--tertiary);font-size:10px;font-weight:400}.rain-scale{gap:3px;margin-top:10px;display:flex}.rain-scale>div{text-align:center;flex:1}.rain-scale i{height:6px;display:block}.rain-scale span{color:var(--muted);margin-top:5px;font-size:9px;display:block}.legend-note{color:var(--muted);margin:12px 0 0;font-size:10px;line-height:1.8}.legend-description{margin-top:4px}.legend-divider{background:var(--line);height:1px;margin:17px 0}.legend-cloud{gap:10px;display:flex}.legend-cloud svg{color:var(--tertiary);flex-shrink:0;margin-top:2px}.legend-cloud strong{font-size:11px;font-weight:600}.legend-cloud p{color:var(--muted);margin:4px 0 0;font-size:10px;line-height:1.8}.switch-row{cursor:pointer;justify-content:space-between;align-items:center;min-height:44px;font-size:11px;display:flex;position:relative}.switch-row input{opacity:0;cursor:pointer;width:44px;height:44px;margin:0;position:absolute;right:-10px}.switch{border-radius:var(--radius);background:var(--paper);pointer-events:none;border:1px solid #a6a3ad;width:18px;height:18px;position:relative}.switch-row input:checked+.switch{background:var(--ink);border-color:var(--ink)}.switch-row input:checked+.switch:after{content:"";border-left:1.5px solid var(--paper);border-bottom:1.5px solid var(--paper);width:8px;height:4px;position:absolute;top:4px;left:3px;transform:rotate(-45deg)}.switch-row input:focus-visible+.switch{outline:3px solid var(--focus);outline-offset:3px}.text-link{text-underline-offset:4px;min-height:28px;color:var(--muted);padding:0;font-size:11px;text-decoration:underline}.source-link{align-items:center;gap:4px;margin-top:8px;font-size:10px;display:flex}.playback-area{padding:32px 0 0}.playback-top{align-items:center;gap:22px;display:flex}.replay-button{background:var(--accent-strong);border:1px solid var(--accent-strong);color:var(--paper);justify-content:space-between;align-items:center;gap:22px;min-width:150px;min-height:50px;padding:12px 18px;font-size:15px;font-weight:700;display:flex}.replay-button:hover:not(:disabled){color:var(--paper)}.update-button{border:1.5px solid var(--ink);background:var(--paper);justify-content:center;align-items:center;gap:9px;min-height:50px;margin-left:auto;padding:12px 16px;font-size:14px;font-weight:600;display:flex;position:relative}.update-content{justify-content:center;align-items:center;gap:9px;display:flex}.update-button.busy .update-content{visibility:hidden}.update-button.busy:disabled{opacity:1;cursor:progress}.update-busy{place-items:center;display:grid;position:absolute;inset:0}.update-button .update-busy .busy-symbol{color:#000}.update-button:hover:not(:disabled){border-color:var(--ink);color:var(--ink)}.timeline-wrap{padding:38px 4px 0}.timeline-track{height:22px;margin:0 2px;position:relative}.timeline-track:before{content:"";background:var(--accent);height:4px;position:absolute;top:10px;left:0;right:0}.timeline-fill{background:var(--accent-strong);height:4px;position:absolute;top:10px;left:0}.timeline-tick{background:var(--accent-medium);width:1.5px;height:8px;position:absolute;top:8px}.timeline-tick.hour{background:var(--ink);width:2.5px;height:14px;top:5px}.timeline-tick.missing{background:#985369;width:3px}.timeline-track input{appearance:none;cursor:ew-resize;z-index:2;width:calc(100% + 14px);height:44px;accent-color:var(--accent-strong);background:0 0;margin:0;position:absolute;top:-10px;left:-7px}.timeline-track input::-webkit-slider-runnable-track{background:0 0;height:4px}.timeline-track input::-webkit-slider-thumb{appearance:none;background:var(--accent-strong);border:3px solid var(--paper);width:18px;height:18px;box-shadow:0 0 0 2px var(--accent-strong);border-radius:50%;margin-top:-7px}.timeline-track input::-moz-range-track{background:0 0}.timeline-track input::-moz-range-thumb{background:var(--accent-strong);border:3px solid var(--paper);width:12px;height:12px;box-shadow:0 0 0 2px var(--accent-strong);border-radius:50%}.timeline-labels{font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:8px;display:flex}.timeline-labels>span{text-align:center;position:relative}.timeline-labels>span:first-child{text-align:left}.timeline-labels>span:last-child{text-align:right}.timeline-labels strong{font-size:15px;font-weight:700}.data-footer{align-items:center;gap:12px;margin:18px 0 0;padding:0 0 12px;display:flex}.footer-meta{flex-wrap:wrap;align-items:baseline;gap:4px 6px;display:flex}.footer-date,.freshness{color:var(--muted);font-size:10px}.about-button{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-left:auto;padding:0;display:flex}.about-button>svg{stroke-width:1.8px;width:20px;height:20px}.notice{background:var(--near-paper);border-left:2px solid var(--line);color:var(--muted);margin:0 0 16px;padding:12px 15px;font-size:12px;line-height:1.8}.notice.error{color:#813d50;border-color:var(--accent-strong);background:#fff8fa}.about-dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius);overscroll-behavior:contain;width:560px;max-width:calc(100vw - 32px);max-height:85svh;padding:24px 34px 32px}.about-dialog::backdrop{background:#17171766}.dialog-head{justify-content:space-between;align-items:center;margin:0 -10px 24px 0;display:flex}.dialog-brand{width:240px;min-width:0;max-width:calc(100% - 56px);line-height:0}.dialog-brand .brand-logo{transform:translate(-2.28%)}.dialog-head>.icon-button{flex-shrink:0}.about-dialog h2{font-family:var(--font-display);letter-spacing:.005em;margin:0 0 20px;font-size:28px;font-weight:700;line-height:1.4}.about-dialog p{color:var(--muted);font-size:13px;line-height:1.9}.about-dialog h3{margin:28px 0 10px;font-size:13px;font-weight:600}.about-dialog .eyebrow{color:var(--accent-strong);font-size:10px}.about-dialog .detail-small{font-size:11px;line-height:1.9}.source-list{padding:0;list-style:none}.source-list li{padding:8px 0}.source-list a{color:var(--ink);font-size:12px}.source-list span{color:var(--muted);margin-top:4px;font-size:10px;display:block}.about-dialog .dialog-footnote{border-top:1px solid var(--line);margin-top:25px;padding-top:18px;font-size:10px}.poc-banner{background:var(--accent-tint);color:var(--muted);margin:0 0 12px;padding:8px 12px;font-size:11px}.view-switch button.purchase-locked,.view-switch button.purchase-locked:hover,.zoom-buttons button.purchase-locked,.zoom-buttons button.purchase-locked:hover{color:#b8b8b8;border-color:var(--line);background:0 0}.purchase-dialog h2{text-wrap:balance}.purchase-features{margin:0 0 26px;padding:0 0 0 1em;font-size:14px;line-height:2.1;list-style:"・"}.about-dialog .purchase-price{color:var(--ink);flex-wrap:wrap;align-items:center;gap:18px;margin:20px 0 24px;display:flex}.purchase-price strong{letter-spacing:-.02em;font-size:42px;line-height:1.2}.purchase-price strong span{margin-left:4px;font-size:18px}.purchase-price>span{font-size:11px;line-height:1.7}.purchase-primary{background:var(--accent-strong);color:#fff;border-radius:var(--radius);justify-content:center;align-items:center;width:100%;min-height:48px;padding:12px 16px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.purchase-primary:hover:not(:disabled){color:#fff;background:#1768b4}.purchase-secondary{width:100%;min-height:44px;margin-top:8px;padding:8px;font-size:12px;display:block}.about-dialog .purchase-preview-note{border-top:1px solid var(--line);margin:18px 0 0;padding-top:16px;font-size:10px}@media (width>=1600px){.sky-stage{height:calc(61vh + 96px)}}@media (width<=700px){.weather-app{padding:env(safe-area-inset-top,0px) 20px env(safe-area-inset-bottom)}.brand{width:min(200px,100%)}.site-header{padding:20px 0 18px}.sky-stage{height:calc(clamp(430px,53svh,600px) + 78px)}.clock-widget{top:12px;left:12px}.analog-clock{width:120px;height:120px}.map-sea-label{letter-spacing:.08em;font-size:8px}.city-marker{gap:4px}.map-bottom-controls{left:14px;right:14px}.wind-detail{max-width:calc(100% - 28px);left:14px}.map-credit{font-size:7px;right:9px}.map-toolbar{gap:8px}.view-switch{gap:6px}.view-switch button{gap:4px;font-size:12px}.map-icons,.layer-shortcuts{gap:0}.legend-panel{width:min(320px,100% - 28px);padding:16px 18px}.map-warning{max-width:calc(100% - 28px);padding:8px 10px;font-size:10px}.playback-area{padding-top:28px}.playback-top{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px;display:grid}.replay-button,.update-button{justify-content:center;gap:8px;width:100%;min-width:0;padding:12px 8px}.replay-button{font-size:14px}.update-button{font-size:13px}.timeline-wrap{padding-top:36px}.timeline-labels strong{font-size:14px}.notice{padding:10px 12px;font-size:11px}.about-dialog{padding:20px 24px 28px}.dialog-brand{width:200px}}@media (width<=370px){.purchase-dialog h2{font-size:23px}.weather-app{padding-inline:16px}.clock-widget{gap:8px;top:10px;left:8px}.analog-clock{width:112px;height:112px}.clock-reading{grid-template-columns:3em 3.2em 20px;font-size:11px}.reading-time{font-size:12px}.reading-kind{font-size:10px}.clock-details{padding-top:27px}.clock-date{font-size:16px}.map-toolbar,.view-switch{gap:0}.view-switch button{gap:1px;padding:8px 0;font-size:10px}.timeline-labels strong{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}