:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:#05060a;color:#e8eef7;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif}.brand{position:fixed;top:12px;left:16px;z-index:9;font-weight:700;letter-spacing:.12em;font-size:12px;color:#9fb4cc;text-decoration:none}.cw{max-width:900px;margin:0 auto;padding:56px 16px 80px}h1{font-size:clamp(1.3rem,3.4vw,1.9rem);font-weight:600;letter-spacing:.04em;margin:8px 0 6px}.lead{color:#9fb4cc;font-size:.92rem;line-height:1.8;margin:0 0 14px}#map{width:100%;height:min(58vh,460px);border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#05060a}.panel{margin-top:14px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px}.q{margin-bottom:12px}.ql{font-size:.76rem;letter-spacing:.1em;color:#8fa6c0;margin-bottom:6px}.qb{display:flex;flex-wrap:wrap;gap:6px}.opt{background:#ffffff0d;border:1px solid rgba(255,255,255,.14);color:#cfe0f2;border-radius:999px;padding:.5rem 1rem;font-size:.86rem;cursor:pointer;transition:background .18s,border-color .18s,color .18s}.opt:hover{background:#ffffff1a}.opt.on{background:#5cc8ff29;border-color:#5cc8ff8c;color:#bfe6ff}.qh{font-size:.74rem;color:#7f93aa;margin-top:5px;min-height:1em}.finder{margin:0 0 10px}.fbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.fbar select,.fbar input{background:#ffffff0d;border:1px solid rgba(255,255,255,.14);color:#cfe0f2;border-radius:9px;padding:.55rem .7rem;font-size:.86rem}.fbar select{max-width:12rem}.fbar input{width:9rem}#when{background:#ffffff0d;border:1px solid rgba(255,255,255,.14);color:#cfe0f2;border-radius:9px;padding:.5rem .7rem;font-size:.86rem}.tiles{display:grid;gap:8px;margin:.4rem 0 .9rem;grid-template-columns:repeat(auto-fit,minmax(84px,1fr))}.tile{background:#ffffff0b;border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:.6rem .5rem;text-align:center}.tile .ti{font-size:.95rem;line-height:1.2;height:1.3em;display:flex;align-items:center;justify-content:center;gap:.3em}.tile .tv{font-size:1.22rem;font-weight:650;letter-spacing:.01em;color:#fff;margin:.18rem 0 .1rem}.tile .tl{font-size:.68rem;color:#8fa6c0;line-height:1.35}.tile.t-rain{background:#5cc8ff1f;border-color:#5cc8ff52}.tile.t-warn{background:#ffb45a1f;border-color:#ffb45a57}.tile .dot{width:11px;height:11px;border-radius:50%;display:inline-block}.tile .pct{font-size:.62rem;color:#8fa6c0;letter-spacing:.04em}.rings .tv{font-size:1.14rem}.out .tip{background:#ffffff09;border-left:2px solid rgba(92,200,255,.45);border-radius:0 8px 8px 0;padding:.6rem .8rem;margin:.5rem 0;font-size:.86rem;line-height:1.75}.out .tip a{color:#5cc8ff}.out .note{background:#ffffff0d;border:1px dashed rgba(255,255,255,.16);border-radius:9px;padding:.6rem .8rem;margin:.5rem 0;font-size:.84rem;color:#9fb4cc}.out details.why{margin:.9rem 0 0;border-top:1px solid rgba(255,255,255,.08);padding-top:.7rem}.out details.why summary{cursor:pointer;font-size:.8rem;color:#8fa6c0;letter-spacing:.04em;list-style:none}.out details.why summary::-webkit-details-marker{display:none}.out details.why summary:before{content:"＋ ";color:#5cc8ff}.out details.why[open] summary:before{content:"− "}.out details.why p{font-size:.83rem;line-height:1.8;color:#a9bdd2}.fbar input::placeholder{color:#6f8399}.here{border-color:#5cc8ff73;color:#bfe6ff}.acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.go{background:#5cc8ff;color:#04121c;border:none;border-radius:999px;padding:.7rem 1.6rem;font-size:.9rem;font-weight:700;cursor:pointer}.go:hover{background:#7ad4ff}.sec{background:transparent;border:1px solid rgba(255,255,255,.2);color:#cfe0f2;border-radius:999px;padding:.7rem 1.2rem;font-size:.86rem;cursor:pointer}.sec:hover{border-color:#ffffff61}.out{margin-top:14px;font-size:.88rem;line-height:1.9;color:#cfe0f2}.out b{color:#fff}.out .k{display:inline-block;width:.9em;height:.9em;border-radius:50%;vertical-align:-.06em;margin-right:.45em}.out .src{display:block;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.08);font-size:.78rem;color:#7f93aa;line-height:1.8}.out .src a{color:#5cc8ff}.out .alert{background:#ff78781a;border-left:3px solid #ff7a7a;border-radius:0 8px 8px 0;padding:.7rem .9rem;margin:.7rem 0}.warn{color:#ffd479}.maplibregl-ctrl-attrib{font-size:10px}