@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800&display=swap";
.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;top:0;left:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:0 0}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{-webkit-transform-origin:0 0;width:1600px;height:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{width:auto;padding:0;max-width:none!important;max-height:none!important}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:#33b5e566}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;z-index:800;width:0;height:0}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{z-index:800;pointer-events:visiblePainted;pointer-events:auto;position:relative}.leaflet-top,.leaflet-bottom{z-index:1000;pointer-events:none;position:absolute}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{outline-offset:1px;background:#ddd}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{text-align:center;color:#000;background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;text-decoration:none;display:block}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.leaflet-bar a.leaflet-disabled{cursor:default;color:#bbb;background-color:#f4f4f4}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{text-indent:1px;font:700 18px Lucida Console,Monaco,monospace}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(../media/layers.3muxcl8sz6330.png);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(../media/layers-2x.23wrxu3xxu9-i.png);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{color:#333;background:#fff;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{padding-right:5px;overflow:hidden scroll}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{font-size:1.08333em;display:block}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(../media/marker-icon.1le94j_pe_ih1.png)}.leaflet-container .leaflet-control-attribution{background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;padding:0 5px;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{width:1em;height:.6669em;vertical-align:baseline!important;display:inline!important}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{white-space:nowrap;box-sizing:border-box;text-shadow:1px 1px #fff;background:#fffc;border:2px solid #777;border-top:none;padding:2px 5px 1px;line-height:1.1}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{text-align:center;margin-bottom:20px;position:absolute}.leaflet-popup-content-wrapper{text-align:left;border-radius:12px;padding:1px}.leaflet-popup-content{min-height:1px;margin:13px 24px 13px 20px;font-size:1.08333em;line-height:1.3}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{pointer-events:none;width:40px;height:20px;margin-top:-1px;margin-left:-20px;position:absolute;left:50%;overflow:hidden}.leaflet-popup-tip{pointer-events:auto;width:17px;height:17px;margin:-10px auto 0;padding:1px;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#333;background:#fff;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{text-align:center;color:#757575;background:0 0;border:none;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;text-decoration:none;position:absolute;top:0;right:0}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";width:24px;filter:progid:DXImageTransform.Microsoft.Matrix(M11=.707107, M12=.707107, M21=-.707107, M22=.707107);margin:0 auto}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{color:#222;white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:none;background-color:#fff;border:1px solid #fff;border-radius:3px;padding:6px;position:absolute;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{pointer-events:none;content:"";background:0 0;border:6px solid #0000;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{margin-left:-6px;left:50%}.leaflet-tooltip-top:before{border-top-color:#fff;margin-bottom:-12px;bottom:0}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-top:-12px;margin-left:-6px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;margin-left:-12px;left:0}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
:root{--bg:#f4f6f2;--panel:#fff;--panel-strong:#ecf7f1;--ink:#1f2a2e;--muted:#65747a;--line:#d8e0db;--blue:#246b9f;--green:#237a57;--yellow:#d49d28;--red:#b24c45;--shadow:0 14px 34px #1c2b2b1a;--font-sans:"Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--ink);font-family:var(--font-sans);letter-spacing:0;margin:0}button,input,select,textarea{font:inherit}.leaflet-container{font-family:var(--font-sans)}a{color:var(--blue)}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:24px 0 36px}.top-bar,.section-heading,.status-strip,.source-footer{justify-content:space-between;align-items:center;gap:18px;display:flex}.top-bar{grid-template-columns:minmax(0,1fr) max-content;align-items:end;gap:10px 18px;padding:12px 0 18px;display:grid}.top-bar>div:first-child{min-width:0}.top-actions,.rain-map-header-actions{align-items:end;gap:10px;display:flex}.top-actions{flex-wrap:nowrap;justify-content:flex-end;justify-self:end}.top-actions>.municipality-picker,.top-actions .rain-map-link{flex:none}.top-actions>.municipality-picker{width:190px;min-width:0}.rain-map-header-actions{justify-content:flex-end;width:max-content;max-width:100%}.rain-map-link,.text-icon-link{min-height:43px;color:var(--blue);white-space:nowrap;background:#e7f1f8;border:1px solid #246b9f47;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:.9rem;font-weight:800;text-decoration:none;display:inline-flex}.text-icon-link{border-color:var(--line);background:var(--panel);color:var(--ink)}.eyebrow{color:var(--green);text-transform:uppercase;margin:0 0 5px;font-size:.78rem;font-weight:700}.title-subtitle{margin:6px 0 0}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2rem,5vw,3.8rem);line-height:1}h2{margin-bottom:0;font-size:1.35rem}h3{margin-bottom:0;font-size:1rem}.municipality-picker{min-width:min(100%,280px);color:var(--muted);gap:6px;font-size:.84rem;font-weight:700;display:grid}.municipality-picker select{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);box-shadow:var(--shadow);border-radius:8px;padding:12px 14px}.status-strip{align-items:stretch;margin-bottom:18px}.status-strip>div{border:1px solid var(--line);background:var(--panel);border-radius:8px;flex:1;min-width:0;padding:14px}.status-strip strong,.status-strip span{display:block}.label{color:var(--muted);font-size:.78rem}.forecast-area,.accuracy-area,.jma-band{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;margin-top:18px;padding:18px}.compact{margin-bottom:10px}.source-pill{border:1px solid var(--line);min-height:34px;color:var(--muted);white-space:nowrap;background:#f7faf8;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:.86rem;font-weight:700;display:inline-flex}.source-pill.live{color:var(--green);background:#e6f5ee;border-color:#237a5759}.source-pill.sample,.source-pill.unavailable{color:#7b5a11;background:#fff7df;border-color:#d49d2859}.source-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.source-tabs button{border:1px solid var(--line);min-height:58px;color:var(--ink);cursor:pointer;text-align:left;background:#f9fbfa;border-radius:8px;padding:10px 12px}.source-tabs button.active{background:#e6f5ee;border-color:#237a5759}.source-tabs span,.source-tabs small{display:block}.source-tabs span{font-weight:800}.source-tabs small{color:var(--muted);margin-top:3px}.source-message,.note-text,.muted{color:var(--muted)}.day-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0;display:grid}.day-tabs button{border:1px solid var(--line);min-height:62px;color:var(--ink);cursor:pointer;background:#f9fbfa;border-radius:8px;font-weight:700}.day-tabs button.active{color:var(--blue);background:#e7f1f8;border-color:#246b9f59}.day-tabs small{color:var(--muted);margin-top:3px;display:block}.timeline{grid-auto-columns:minmax(148px,1fr);grid-auto-flow:column;gap:10px;padding-bottom:8px;display:grid;overflow-x:auto}.forecast-tile{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;min-height:210px;padding:14px}.forecast-tile.rain{background:#eef6fb;border-color:#246b9f38}.forecast-tile.dry{border-color:#237a572e}.forecast-tile .time{color:var(--muted);font-size:.9rem;font-weight:700}.forecast-tile strong{min-height:48px;margin-top:8px;line-height:1.25;display:block}.temperature{color:var(--red);margin:10px 0 12px;font-size:1.55rem;font-weight:800;display:block}dl{gap:8px;margin:0;display:grid}dl div{justify-content:space-between;gap:10px;display:flex}dt{color:var(--muted)}dd{margin:0;font-weight:700}.jma-grid,.accuracy-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.jma-item,.accuracy-card,.ranking-panel{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;padding:14px}.jma-item span,.jma-item small{color:var(--muted);display:block}.jma-item strong{min-height:44px;margin:8px 0;display:block}.card-row,.metric-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.ranking-row{grid-template-columns:32px minmax(0,1fr) auto 120px auto;align-items:center;gap:12px;display:grid}.card-row strong{color:var(--green);font-size:1.7rem}.accuracy-card p,.metric-row,.notes{color:var(--muted);font-size:.9rem}.meter{background:#e4e9e7;border-radius:999px;width:100%;height:10px;overflow:hidden}.meter span{border-radius:inherit;background:linear-gradient(90deg, var(--yellow), var(--green));height:100%;display:block}.compact-meter{width:110px;height:8px}.ranking-panel{margin-top:12px}.ranking-page-panel{background:var(--panel);box-shadow:var(--shadow);margin-top:12px}.ranking-list{gap:8px;display:grid}.ranking-page-list{gap:0}.ranking-row{border-bottom:1px solid var(--line);min-height:42px;padding:8px}.ranking-row:last-child{border-bottom:0}.ranking-row strong{align-items:center;gap:8px;min-width:0;display:flex}.ranking-score{color:var(--green);font-weight:800}.ranking-valid{color:var(--muted);white-space:nowrap;font-size:.86rem;font-weight:700}.ranking-row-selected{background:var(--panel-strong);border-bottom-color:#0000;border-radius:8px}.selected-badge{background:var(--panel);min-height:24px;color:var(--green);white-space:nowrap;border:1px solid #237a573d;border-radius:999px;align-items:center;padding:0 8px;font-size:.75rem;font-weight:800;display:inline-flex}.ranking-notes{margin-top:14px}.rank{background:var(--panel-strong);width:28px;height:28px;color:var(--green);border-radius:999px;place-items:center;font-weight:800;display:inline-grid}.date-range{color:var(--muted);font-weight:700}.source-footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;margin-top:18px;padding-top:16px}.source-footer.credits-only{justify-content:stretch}.source-footer p{width:100%;margin-bottom:0}.site-credit{border-top:1px solid var(--line);width:100%;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:4px;padding-top:12px;font-size:.84rem;display:flex}.site-credit.standalone{border-top:0;margin-top:0;padding-top:0}.site-credit-owner{color:var(--ink);font-weight:800}.site-credit-primary{flex-wrap:wrap;align-items:center;gap:8px 16px;display:inline-flex}.site-credit a{font-weight:800}.error-text{color:var(--red);background:#fff0ef;border:1px solid #b24c454d;border-radius:8px;padding:12px}.app-loading-screen{background:linear-gradient(180deg, #e7f1f8d1, #f4f6f2f0), var(--bg);place-items:center;min-height:100svh;padding:24px;display:grid}.app-loading-panel{border:1px solid var(--line);width:min(520px,100%);box-shadow:var(--shadow);background:#fffffff0;border-radius:8px;gap:12px;padding:26px;display:grid}.app-loading-panel h1{font-size:clamp(1.8rem,5vw,2.7rem);line-height:1.12}.app-loading-panel p:last-of-type{color:var(--muted);margin-bottom:6px;line-height:1.7}.app-loading-mark{align-items:end;gap:6px;width:max-content;min-height:34px;display:inline-flex}.app-loading-mark span{background:var(--green);border-radius:999px;width:9px;height:18px;animation:.9s ease-in-out infinite loadingBars;display:block}.app-loading-mark span:nth-child(2){background:var(--blue);height:28px;animation-delay:.12s}.app-loading-mark span:nth-child(3){background:var(--yellow);height:22px;animation-delay:.24s}.app-loading-progress{background:#e4e9e7;border-radius:999px;width:100%;height:8px;overflow:hidden}.app-loading-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--blue), var(--green));width:42%;height:100%;animation:1.35s ease-in-out infinite loadingProgress;display:block}.skeleton .forecast-tile{color:#0000;background:linear-gradient(90deg,#eef1ef,#fafafa,#eef1ef)}@keyframes loadingBars{0%,to{opacity:.62;transform:scaleY(.72)}50%{opacity:1;transform:scaleY(1)}}@keyframes loadingProgress{0%{transform:translate(-110%)}to{transform:translate(250%)}}.rain-map-shell{width:min(1280px,100% - 32px);margin:0 auto;padding:24px 0 36px}.rain-map-status,.rain-map-toolbar,.rain-map-lower{justify-content:space-between;align-items:center;gap:14px;display:flex}.rain-map-header{flex-wrap:wrap;grid-template-columns:minmax(0,1fr) minmax(380px,max-content);align-items:end;gap:14px;padding:12px 0 18px;display:grid}.rain-map-header>div:first-child{min-width:0}.compact-picker{min-width:min(100%,240px)}.rain-map-status{align-items:stretch;margin-bottom:12px}.rain-map-status>div{border:1px solid var(--line);background:var(--panel);border-radius:8px;flex:1;min-width:0;padding:12px 14px}.rain-map-status strong,.rain-map-status span{display:block}.rain-map-workspace{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.rain-map-toolbar{border-bottom:1px solid var(--line);background:#f9fbfa;align-items:stretch;padding:12px}.map-mode-switch{border:1px solid var(--line);background:var(--panel);border-radius:8px;align-items:stretch;min-width:184px;display:inline-flex;overflow:hidden}.map-mode-switch button{border:0;border-right:1px solid var(--line);min-height:42px;color:var(--muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:6px;padding:0 13px;font-weight:800;display:inline-flex}.map-mode-switch button:last-child{border-right:0}.map-mode-switch button.active{color:var(--blue);background:#e7f1f8}.map-mode-switch button.active.typhoon{color:var(--red);background:#fff0ef}.playback-controls{flex-wrap:wrap;gap:8px;display:flex}.playback-controls button{border:1px solid var(--line);background:var(--panel);min-width:88px;min-height:42px;color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-weight:800;display:inline-flex}.playback-controls button:disabled{cursor:not-allowed;opacity:.48}.rain-time-control{flex:1;gap:6px;min-width:min(100%,360px);display:grid}.rain-time-control input[type=range]{width:100%;accent-color:var(--blue)}.time-axis{color:var(--muted);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;font-size:.85rem;display:grid}.time-axis strong{color:var(--ink);white-space:nowrap}.time-axis span:last-child{text-align:right}.rain-period-guide{flex-wrap:wrap;gap:7px;display:flex}.rain-period-guide span{border:1px solid var(--line);background:var(--panel);min-height:27px;color:var(--muted);border-radius:999px;align-items:center;padding:0 10px;font-size:.78rem;font-weight:800;display:inline-flex}.rain-period-guide span.active{color:var(--blue);background:#e7f1f8;border-color:#246b9f57}.typhoon-toolbar-status{min-height:42px;color:var(--red);background:#fffaf9;border:1px solid #b24c4538;border-radius:8px;flex:1;align-items:center;gap:9px;padding:0 12px;font-weight:800;display:flex}.typhoon-toolbar-status>span{color:var(--muted);font-size:.88rem;font-weight:700}.official-map-link{min-height:32px;color:var(--red);white-space:nowrap;background:#fff;border:1px solid #b24c4538;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-left:auto;padding:0 10px;font-size:.86rem;font-weight:800;text-decoration:none;display:inline-flex}.map-alert{color:var(--red);background:#fff0ef;border-bottom:1px solid #b24c453d;align-items:center;gap:10px;padding:10px 14px;font-weight:700;display:flex}.map-alert a{color:var(--red);margin-left:auto}.rain-map-frame{background:#dde8e4;height:min(68vh,680px);min-height:430px;position:relative;overflow:hidden}.rain-map-canvas{width:100%;height:100%;overflow:hidden}.rain-map-canvas.leaflet-container{background:#dce8e3}.map-location-badge,.map-loading{z-index:500;color:var(--ink);background:#ffffffeb;border:1px solid #1f2a2e29;border-radius:8px;align-items:center;gap:7px;font-weight:800;display:inline-flex;position:absolute;box-shadow:0 10px 24px #1c2b2b24}.map-location-badge{min-height:38px;padding:0 11px;top:12px;left:12px}.map-loading{min-height:42px;padding:0 14px;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.typhoon-no-active-marker{color:var(--ink);text-align:center;background:#fffffff0;border:1px solid #1f2a2e29;border-radius:8px;place-items:center;font-size:1rem;font-weight:800;line-height:1.55;display:grid;box-shadow:0 10px 24px #1c2b2b24}.typhoon-time-label{pointer-events:none;width:104px;height:42px;color:var(--ink);white-space:nowrap;background:#fffffff0;border:1px solid #b24c4552;border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-start;gap:3px;padding:0 8px;font-weight:800;line-height:1;display:inline-flex;box-shadow:0 8px 18px #1c2b2b29}.typhoon-time-label span,.typhoon-time-label small{display:block}.typhoon-time-label span{font-size:.78rem}.typhoon-time-label small{color:var(--red);font-size:.68rem;font-weight:900}.rain-map-lower{border-top:1px solid var(--line);background:#f9fbfa;align-items:stretch;padding:12px}.rain-legend{flex-wrap:wrap;align-content:center;gap:8px;min-width:min(100%,430px);display:flex}.rain-legend span{border:1px solid var(--line);background:var(--panel);min-height:30px;color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:.85rem;font-weight:700;display:inline-flex}.rain-legend i{border:1px solid #1f2a2e2e;border-radius:4px;width:14px;height:14px;display:inline-block}.map-source-note{max-width:560px;color:var(--muted);gap:4px;font-size:.85rem;display:grid}.map-source-note strong{color:var(--ink)}.map-source-links{flex-wrap:wrap;gap:10px;display:flex}.typhoon-source-note{width:100%;max-width:none}.annual-calendar-shell{width:min(1440px,100% - 32px);margin:0 auto;padding:24px 0 36px}.annual-calendar-header h1{font-size:clamp(2rem,4vw,3.4rem)}.annual-layer-panel,.annual-calendar-controls,.annual-detail-panel,.annual-month{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px}.annual-layer-panel,.annual-calendar-controls{margin-top:14px;padding:14px}.annual-calendar-add-panel{background:#eef6fb;border:1px solid #246b9f47;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:flex}.annual-calendar-add-panel strong,.annual-calendar-add-panel span{display:block}.annual-export-settings,.annual-custom-panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px;margin-top:10px;padding:14px}.annual-export-settings>p,.annual-insight-note{color:var(--muted);margin:0 0 10px;font-size:.82rem;line-height:1.5}.annual-layer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.annual-layer-card{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:7px 10px;min-height:116px;padding:12px;display:grid}.annual-layer-card.live{border-color:#237a573d}.annual-layer-card.sample,.annual-layer-card.unavailable{border-color:#d49d2852}.annual-layer-card strong,.annual-layer-card small,.annual-layer-card p{grid-column:2;min-width:0}.annual-layer-card small,.annual-layer-card p{color:var(--muted);font-size:.82rem}.annual-layer-card p{margin-bottom:0;line-height:1.45}.annual-source-dot{background:var(--muted);border-radius:999px;width:11px;height:11px;margin-top:3px;display:inline-block}.annual-source-dot.openMeteo30,.calendar-forecast-chip.openMeteo30,.annual-forecast-detail.openMeteo30{border-color:#246b9f47}.annual-source-dot.openMeteo30{background:var(--blue)}.annual-source-dot.openWeather5{background:var(--green)}.annual-source-dot.jmaWeekly{background:var(--yellow)}.annual-source-dot.jmaAmedasDaily{background:var(--red)}.annual-source-dot.climate{background:#9b6b2f}.annual-source-dot.marine{background:#267e91}.annual-source-dot.wave{background:#315c9b}.annual-calendar-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.annual-month-nav{align-items:center;gap:10px;display:inline-flex}.annual-month-nav>strong{text-align:center;min-width:112px;font-size:1rem}.annual-month-nav button{border:1px solid var(--line);background:var(--panel);min-height:38px;color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-weight:800;display:inline-flex}.annual-month-nav button:hover,.annual-month-nav button:focus-visible{border-color:#246b9f5c;outline:0}.annual-calendar-export-actions{align-items:center;gap:8px;display:inline-flex}.calendar-action-link{border:1px solid var(--line);background:var(--panel);min-height:38px;color:var(--ink);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 11px;font-size:.86rem;font-weight:800;text-decoration:none;display:inline-flex}.calendar-action-link:hover,.calendar-action-link:focus-visible{border-color:#246b9f5c;outline:0}.google-calendar-link{color:var(--blue);background:#e7f1f8;border-color:#246b9f47}.annual-calendar-controls .error-text{flex:1;margin:0}.annual-toggle-list{flex-wrap:wrap;gap:8px;display:flex}.annual-toggle{border:1px solid var(--line);min-height:34px;color:var(--ink);cursor:pointer;background:#f9fbfa;border-radius:999px;align-items:center;gap:7px;padding:0 11px;font-size:.84rem;font-weight:800;display:inline-flex}.annual-toggle input{width:15px;height:15px;accent-color:var(--green)}.annual-view-tabs{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.annual-view-tab,.annual-custom-settings-button{border:1px solid var(--line);min-height:36px;color:var(--ink);cursor:pointer;background:#f9fbfa;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 13px;font-size:.84rem;font-weight:800;display:inline-flex}.annual-view-tab.selected{border-color:var(--blue);background:var(--blue);color:#fff}.annual-custom-settings-button{color:var(--blue);border-color:#246b9f47}.annual-custom-panel{grid-template-columns:minmax(240px,.8fr) minmax(0,2fr);gap:16px;display:grid}.annual-custom-summary{min-width:0}.annual-custom-summary strong,.annual-custom-summary .label{display:block}.annual-custom-summary ol{gap:5px;margin:10px 0 0;padding-left:24px;display:grid}.annual-custom-summary li{border-bottom:1px solid #edf0ee;min-width:0;padding:4px 0}.annual-custom-summary li,.annual-layer-order-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.annual-layer-order-actions{flex:none}.annual-layer-order-actions button{border:1px solid var(--line);width:28px;height:28px;color:var(--ink);cursor:pointer;background:#fff;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.annual-layer-order-actions button:disabled{opacity:.35;cursor:default}.annual-custom-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.annual-custom-groups fieldset{border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-content:flex-start;gap:6px;min-width:0;padding:10px;display:flex}.annual-custom-groups legend{color:var(--muted);padding:0 5px;font-size:.78rem;font-weight:800}.annual-layer-choice{min-height:30px;color:var(--ink);cursor:pointer;background:#f9fbfa;border:1px solid #dfe6e2;border-radius:999px;align-items:center;gap:4px;padding:0 9px;font-size:.75rem;font-weight:700;display:inline-flex}.annual-layer-choice.selected{color:var(--green);background:#e6f5ee;border-color:#237a5759}.annual-calendar-layout{grid-template-columns:minmax(0,1fr) minmax(320px,360px);align-items:start;gap:14px;margin-top:14px;display:grid}.annual-months{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:14px;display:grid}.annual-month{padding:10px}.annual-month header{justify-content:space-between;align-items:center;min-height:30px;display:flex}.annual-month h2{font-size:1rem}.annual-weekdays,.annual-day-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.annual-weekdays{color:var(--muted);text-align:center;gap:4px;margin:6px 0;font-size:.72rem;font-weight:800}.annual-day-grid{gap:4px}.annual-day-blank,.annual-day{border-radius:7px;min-width:0;min-height:116px}.annual-day{color:var(--ink);text-align:left;cursor:pointer;background:#fbfcfc;border:1px solid #e3e9e5;grid-template-rows:18px minmax(0,1fr);gap:3px;padding:4px;display:grid;overflow:hidden}.annual-day:hover,.annual-day:focus-visible{border-color:#246b9f59;outline:0}.annual-day.selected{border-color:var(--blue);box-shadow:0 0 0 2px #246b9f29}.annual-day.today{background:#eef6fb}.annual-day-number{border-radius:999px;justify-content:center;align-items:center;width:22px;height:18px;font-size:.76rem;font-weight:800;display:inline-flex}.annual-day.today .annual-day-number{background:var(--blue);color:#fff}.annual-day-number.has-actual:after{background:var(--red);content:"";border-radius:999px;width:5px;height:5px;transform:translate(2px,-5px)}.annual-day-content{flex-direction:column;gap:2px;min-height:0;display:flex;overflow:hidden}.annual-cell-item{display:contents}.annual-cell-more{min-height:17px;color:var(--muted);background:#eef2f0;border-radius:5px;justify-content:center;align-items:center;font-size:.62rem;font-weight:900;display:inline-flex}.calendar-forecast-chip,.calendar-actual-chip,.calendar-annotation-tag{border:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;border-radius:5px;align-items:center;width:100%;min-height:17px;font-size:.62rem;font-weight:800;display:inline-grid;overflow:hidden}.calendar-insight-chip{color:#704b1e;white-space:nowrap;text-overflow:ellipsis;background:#f7f1e8;border:1px solid #9b6b2f38;border-radius:5px;justify-content:center;align-items:center;width:100%;min-height:17px;padding:1px 3px;font-size:.58rem;font-weight:800;display:inline-flex;overflow:hidden}.calendar-insight-chip.climate.recent{color:var(--green);background:#eaf5ef;border-color:#237a5738}.calendar-insight-chip.climate.delta{color:var(--red);background:#fff1ef;border-color:#b24c4533}.calendar-insight-chip.solar{color:#76520d;background:#fff7df;border-color:#d49d284d}.calendar-insight-chip.marine{color:#246b7a;background:#e9f5f7;border-color:#267e9140}.calendar-insight-chip.marine.wave{color:#315c9b;background:#edf3fb;border-color:#315c9b47}.calendar-insight-chip.risk.elevated{color:#76520d;background:#fff3ce;border-color:#d49d2859}.calendar-insight-chip.risk.high{color:var(--red);background:#fff0ef;border-color:#b24c4552}.calendar-forecast-chip,.calendar-actual-chip{color:var(--ink);background:#f7faf8;grid-template-columns:22px minmax(0,1fr)}.calendar-forecast-chip strong,.calendar-actual-chip strong{color:#fff;justify-content:center;align-self:stretch;align-items:center;min-width:0;padding:0 2px;font-size:.56rem;display:inline-flex}.calendar-forecast-chip span,.calendar-actual-chip span{text-overflow:ellipsis;min-width:0;padding:0 3px;overflow:hidden}.calendar-forecast-chip.openMeteo30 strong{background:var(--blue)}.calendar-forecast-chip.openWeather5{border-color:#237a5747}.calendar-forecast-chip.openWeather5 strong{background:var(--green)}.calendar-forecast-chip.jmaWeekly{border-color:#d49d285c}.calendar-forecast-chip.jmaWeekly strong{background:var(--yellow)}.calendar-actual-chip{background:#fff7f6;border-color:#b24c4547}.calendar-actual-chip strong{background:var(--red)}.calendar-annotation-tag{color:#76520d;text-align:center;background:#fff7df;justify-content:center;align-items:center;padding:1px 0;font-size:.54rem;line-height:1.2;display:inline-flex}.calendar-annotation-tag>span{transform:translateY(1px)}.calendar-annotation-tag.solarTerm{color:var(--red);background:#fff0ef;border-color:#b24c4538}.calendar-annotation-tag.microSeason{color:#2f6f58;background:#eaf5ef;border-color:#4180684d}.calendar-annotation-tag.zassetsu{color:var(--green);background:#e6f5ee;border-color:#237a573d}.calendar-annotation-tag.setsubun,.calendar-annotation-tag.higan,.calendar-annotation-tag.shanichi{color:#1f6b4c;background:#edf7f1}.calendar-annotation-tag.nyubai,.calendar-annotation-tag.hangesho{color:#246b7a;background:#e8f4f6}.calendar-annotation-tag.hachijuhachiya,.calendar-annotation-tag.nihyakutoka,.calendar-annotation-tag.nihyakuhatsuka{color:#687014;background:#f3f5df}.calendar-annotation-tag.earthPeriod{color:var(--ink);background:#f1f4f2;border-color:#1f2a2e29}.calendar-annotation-tag.moonPhase{color:#384172;background:#eef2ff;border-color:#38417238}.calendar-annotation-tag.largeTsuchi{color:#6e5120;background:#f4ecdd}.calendar-annotation-tag.smallTsuchi{color:#1f6b4c;background:#eaf2ed}.calendar-annotation-tag.middleTsuchi{color:var(--muted);background:#eef1f4}.calendar-annotation-tag.newMoon{color:#252b33;background:#edf0f2}.calendar-annotation-tag.fullMoon{color:#6b5613;background:#fff8d8}.annual-detail-panel{gap:12px;padding:14px;display:grid;position:sticky;top:12px}.annual-detail-backdrop,.annual-detail-close{display:none}.annual-detail-heading{align-items:center;gap:10px;display:flex}.annual-detail-heading h2{font-size:1.15rem}.annual-annotation-detail{gap:7px;display:grid}.annual-annotation-detail>div{color:var(--muted);grid-template-columns:82px minmax(0,1fr);align-items:center;gap:8px;font-size:.86rem;display:grid}.annual-detail-section{gap:8px;display:grid}.annual-detail-section>h3{color:var(--muted);font-size:.84rem}.annual-forecast-detail-grid{gap:9px;display:grid}.annual-forecast-detail,.annual-actual-detail{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:5px 9px;padding:11px;display:grid}.annual-actual-detail{background:#fffaf9;border-color:#b24c4547}.annual-forecast-detail.openWeather5{border-color:#237a5747}.annual-forecast-detail.jmaWeekly{border-color:#d49d285c}.annual-forecast-detail h4,.annual-actual-detail strong,.annual-actual-detail dl,.annual-forecast-detail strong,.annual-forecast-detail dl,.annual-forecast-detail p{grid-column:2}.annual-forecast-detail h4{color:var(--muted);font-size:.84rem}.annual-forecast-detail strong,.annual-actual-detail strong{line-height:1.3}.annual-forecast-detail dl,.annual-actual-detail dl{gap:6px;font-size:.86rem}.annual-empty-detail{border:1px dashed var(--line);border-radius:8px;margin-bottom:0;padding:10px}.annual-climate-card{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;gap:9px;padding:11px;display:grid}.annual-climate-card>header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.annual-climate-card>header span{color:var(--muted);text-align:right;font-size:.72rem}.annual-climate-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.annual-climate-columns>div{background:#f2f5f3;border-radius:6px;align-content:start;gap:3px;min-width:0;padding:8px;font-size:.72rem;display:grid}.annual-climate-columns>div strong{min-height:2.5em;color:var(--muted);line-height:1.25}.annual-risk-list{flex-wrap:wrap;gap:6px;display:flex}.annual-risk-list>strong,.annual-risk-list>small{width:100%}.annual-risk-list>small{color:var(--muted)}.annual-risk-badge{color:var(--muted);background:#eef2f0;border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:800}.annual-risk-badge.elevated{color:#76520d;background:#fff3ce}.annual-risk-badge.high{color:var(--red);background:#fff0ef}.annual-insight-disclosure{border:1px solid var(--line);background:#fbfcfc;border-radius:8px;padding:9px 10px}.annual-insight-disclosure summary,.annual-data-status>summary{cursor:pointer;font-weight:800}.annual-insight-disclosure dl,.annual-simple-metrics{gap:6px;margin-top:9px;font-size:.82rem;display:grid}.annual-insight-disclosure dl>div,.annual-simple-metrics>div,.annual-accuracy-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.annual-insight-disclosure dt,.annual-simple-metrics dt{color:var(--muted)}.annual-tide-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.annual-tide-grid article{background:#edf7f8;border:1px solid #267e9138;border-radius:8px;gap:5px;padding:10px;display:grid}.annual-tide-grid article span{justify-content:space-between;display:flex}.annual-wave-summary{grid-template-columns:1fr 1fr;gap:8px;margin:0;display:grid}.annual-wave-summary>div{background:#f1f5fb;border:1px solid #315c9b33;border-radius:8px;gap:4px;padding:9px 10px;display:grid}.annual-wave-summary dt{color:var(--muted);font-size:.7rem}.annual-wave-summary dd{color:#315c9b;margin:0;font-size:.9rem;font-weight:800}.annual-wave-timeline{grid-template-columns:repeat(4,minmax(72px,1fr));gap:6px;padding-bottom:3px;display:grid;overflow-x:auto}.annual-wave-timeline>div{border-left:3px solid #315c9b4d;gap:2px;min-width:72px;padding:4px 6px;display:grid}.annual-wave-timeline span,.annual-wave-timeline small{color:var(--muted);font-size:.68rem}.annual-wave-timeline strong{color:#315c9b;font-size:.84rem}.annual-accuracy-row{border-top:1px solid var(--line);flex-wrap:wrap;margin-top:8px;padding-top:8px}.annual-accuracy-row small{width:100%;color:var(--muted)}.annual-accuracy-provider-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:9px;margin-top:10px;display:grid}.annual-accuracy-provider{border:1px solid var(--line);background:#fff;border-radius:8px;gap:7px;padding:10px;display:grid}.annual-accuracy-provider-heading{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.annual-accuracy-provider-heading span{color:var(--blue);font-weight:800}.annual-accuracy-provider>small,.annual-accuracy-lead-grid small{color:var(--muted)}.annual-accuracy-lead-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.annual-accuracy-lead-grid>div{text-align:center;background:#f2f6f7;border-radius:6px;gap:2px;padding:6px 3px;display:grid}.annual-accuracy-lead-grid span{font-size:.78rem;font-weight:800}.annual-data-status>summary{list-style:none}.annual-data-status>summary::-webkit-details-marker{display:none}.annual-data-status[open]>summary{margin-bottom:12px}.about-page{width:min(1120px,100% - 32px)}.about-hero{box-shadow:var(--shadow);background:radial-gradient(circle at 92% 10%,#246b9f24,#0000 34%),linear-gradient(135deg,#fff,#edf7f2);border:1px solid #246b9f29;border-radius:18px;justify-content:space-between;align-items:flex-start;gap:28px;padding:clamp(24px,4vw,44px);display:flex}.about-hero>div{max-width:760px}.about-hero h1{letter-spacing:-.04em;margin:3px 0 12px;font-size:clamp(2rem,5vw,3.7rem);line-height:1.08}.about-hero p:not(.eyebrow){max-width:680px;color:var(--muted);margin:0;font-size:clamp(.95rem,1.6vw,1.08rem);line-height:1.85}.about-hero .text-icon-link{flex:none}.about-anchor-nav{gap:8px;margin:16px 0 0;padding:4px 0;display:flex;overflow-x:auto}.about-anchor-nav a{border:1px solid var(--line);color:var(--ink);background:#ffffffc7;border-radius:999px;flex:none;padding:8px 14px;font-size:.82rem;font-weight:800;text-decoration:none}.about-anchor-nav a:hover,.about-anchor-nav a:focus-visible{color:var(--blue);border-color:#246b9f6b}.about-section{border:1px solid var(--line);background:var(--panel);border-radius:14px;margin-top:24px;padding:clamp(18px,3vw,28px);scroll-margin-top:20px;box-shadow:0 8px 24px #1c2b2b0f}.about-section .section-heading{margin-bottom:18px}.about-section h2,.about-notice h2,.about-panel h2{margin:0}.about-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.about-feature-card{border:1px solid var(--line);min-width:0;min-height:230px;color:var(--muted);background:linear-gradient(#fff,#f7faf8);border-radius:12px;flex-direction:column;align-items:flex-start;gap:9px;padding:18px;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.about-feature-card:hover,.about-feature-card:focus-visible{border-color:#246b9f59;transform:translateY(-2px);box-shadow:0 10px 24px #1c2b2b17}.about-feature-card strong{color:var(--ink);font-size:1.08rem}.about-feature-card>span:not(.about-feature-icon,.eyebrow,.about-feature-action){line-height:1.7}.about-feature-icon{width:42px;height:42px;color:var(--blue);background:#e7f1f8;border-radius:10px;place-items:center;display:inline-grid}.about-feature-action{color:var(--blue);align-items:center;gap:3px;margin-top:auto;font-weight:800;display:inline-flex}.about-reading-grid{box-shadow:none;background:0 0;border:0;grid-template-columns:1fr 1fr;gap:14px;padding:0;display:grid}.about-panel{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:clamp(18px,3vw,26px);box-shadow:0 8px 24px #1c2b2b0f}.about-panel-heading{color:var(--green);align-items:center;gap:9px;margin-bottom:10px;display:flex}.about-panel>p{color:var(--muted);line-height:1.75}.about-definition-list,.about-source-list{gap:0;margin:16px 0 0;display:grid}.about-definition-list>div,.about-source-list>div{border-top:1px solid var(--line);grid-template-columns:minmax(90px,.32fr) 1fr;gap:12px;padding:11px 0;display:grid}.about-definition-list dt,.about-source-list dt{color:var(--ink);font-weight:800}.about-definition-list dd,.about-source-list dd{color:var(--muted);margin:0;line-height:1.65}.about-small-note{margin-bottom:0;font-size:.8rem}.about-faq-groups{gap:26px;display:grid}.about-faq-group{gap:11px;display:grid}.about-faq-group-heading{gap:3px;display:grid}.about-faq-group-heading h3,.about-faq-group-heading p{margin:0}.about-faq-group-heading h3{font-size:1.05rem}.about-faq-group-heading p{color:var(--muted);font-size:.82rem}.about-faq-list{gap:9px;display:grid}.about-faq-list details{border:1px solid var(--line);background:#fbfcfb;border-radius:10px;overflow:clip}.about-faq-list details[open]{background:#f4faf7;border-color:#237a5747}.about-faq-list summary{cursor:pointer;color:var(--ink);padding:15px 48px 15px 16px;font-weight:800;line-height:1.55;list-style:none;position:relative}.about-faq-list summary::-webkit-details-marker{display:none}.about-faq-list summary:after{content:"+";color:var(--green);font-size:1.25rem;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.about-faq-list details[open] summary:after{content:"−"}.about-faq-list summary:focus-visible{outline-offset:-2px;outline:2px solid #246b9f73}.about-faq-list p{color:var(--muted);border-top:1px solid #237a5729;margin:0;padding:14px 16px 17px;line-height:1.85}.about-notice{color:var(--red);background:#fff4f2;border:1px solid #b24c4542;border-radius:14px;align-items:flex-start;gap:14px;margin-top:24px;padding:clamp(18px,3vw,26px);scroll-margin-top:20px;display:flex}.about-notice>svg{flex:none;margin-top:2px}.about-notice p{color:#704b48;margin:8px 0 0;line-height:1.8}@media (max-width:780px){.app-shell{width:min(100% - 20px,1180px);padding-top:14px}.about-hero{border-radius:14px;flex-direction:column;gap:18px}.about-hero .text-icon-link{align-self:stretch}.about-feature-grid,.about-reading-grid{grid-template-columns:1fr}.about-feature-card{min-height:0}.about-definition-list>div,.about-source-list>div{grid-template-columns:1fr;gap:4px}.about-notice{gap:10px}.rain-map-shell,.annual-calendar-shell{width:min(100% - 20px,1280px);padding-top:14px}.top-bar,.section-heading,.status-strip,.rain-map-header,.rain-map-status,.rain-map-toolbar,.rain-map-lower,.annual-calendar-add-panel,.annual-calendar-controls,.annual-calendar-layout,.annual-custom-panel{flex-direction:column;align-items:stretch;display:flex}.top-actions,.rain-map-header-actions,.status-strip,.rain-map-status{gap:10px}.top-actions,.rain-map-header-actions{grid-template-columns:1fr;align-items:stretch;width:100%;min-width:0;display:grid}.top-actions>.municipality-picker,.rain-map-header-actions>*,.compact-picker{width:100%;min-width:0;max-width:100%}.rain-map-link,.text-icon-link{width:100%}.day-tabs,.source-tabs,.jma-grid,.accuracy-grid,.annual-layer-grid,.annual-months{grid-template-columns:1fr}.annual-day-blank,.annual-day{min-height:94px}.annual-view-tabs{grid-template-columns:repeat(5,minmax(0,1fr));width:100%;display:grid}.annual-view-tab{min-width:0;padding:0 5px}.annual-custom-settings-button{width:100%}.annual-custom-groups{grid-template-columns:1fr}.annual-month-nav{justify-content:space-between;width:100%}.annual-calendar-export-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;display:grid}.calendar-action-link{text-align:center;white-space:normal;width:100%;min-width:0;padding:0 6px}.calendar-forecast-chip,.calendar-actual-chip{grid-template-columns:1fr}.calendar-forecast-chip strong,.calendar-actual-chip strong{padding:0}.calendar-forecast-chip span,.calendar-actual-chip span{display:none}.annual-detail-backdrop{z-index:70;opacity:0;pointer-events:none;background:#141b1e6b;border:0;transition:opacity .16s;display:block;position:fixed;inset:0}.annual-detail-backdrop.open{opacity:1;pointer-events:auto}.annual-detail-panel{z-index:80;border-radius:16px 16px 0 0;max-height:min(82dvh,720px);transition:transform .18s;position:fixed;inset:auto 0 0;overflow-y:auto;transform:translateY(105%)}.annual-detail-panel.mobile-open{transform:translateY(0)}.annual-detail-close{border:1px solid var(--line);width:36px;height:36px;color:var(--ink);background:#fff;border-radius:999px;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.annual-climate-columns{grid-template-columns:1fr}.timeline{grid-auto-columns:minmax(136px,72%)}.rain-map-frame{height:58vh;min-height:390px}.time-axis{grid-template-columns:1fr;gap:4px}.time-axis span:last-child{text-align:left}.rain-period-guide span{flex:1;justify-content:center;min-width:min(100%,150px)}.map-mode-switch{width:100%}.map-mode-switch button{flex:1}.playback-controls button{flex:1;min-width:120px}.typhoon-toolbar-status{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 12px}.official-map-link{align-self:stretch;margin-left:0}.ranking-row{grid-template-columns:28px 1fr auto;display:grid}.ranking-row .meter{grid-column:2/4;width:100%}.ranking-valid{grid-column:2/4}}@media (prefers-reduced-motion:reduce){.app-loading-mark span,.app-loading-progress span{animation:none}.app-loading-progress span{width:100%;transform:none}.about-feature-card,.annual-detail-backdrop,.annual-detail-panel{transition:none}.about-feature-card:hover,.about-feature-card:focus-visible{transform:none}}