:root{--ink: #3b2a1e;--text: #3b2a1e;--muted: #84694f;--paper: #fffbef;--line: #ead9b6;--sun: #ffc93c;--persimmon: #ff7a45;--leaf: #6cc24a;--sky: #5ec4f2;--pink: #ff8fb1;--temp-line: #ff7a45;--rain: #2f97e6;--hi: #ff6b4a;--lo: #3a8be0;--sky1: #4fb8ef;--sky2: #c9f0ff;font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,Hiragino Sans,system-ui,sans-serif;font-weight:500;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:#cdeb9c}button{font:inherit;color:inherit}a{color:#c2541f;font-weight:700}.app.cloudy,.app.fog{--sky1: #8fbcd8;--sky2: #e6f1f5}.app.rain{--sky1: #7890a8;--sky2: #c7d5e0}.app.snow{--sky1: #a9c2db;--sky2: #f1f6fb}.app.storm{--sky1: #4b5a70;--sky2: #929fb3}.app.night{--sky1: #17224f;--sky2: #46579a}.app{min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.35) 0 2px,transparent 3px) 0 0 / 34px 34px,repeating-linear-gradient(172deg,#cdeb9c 0,#cdeb9c 30px,#c3e48f 30px,#c3e48f 60px)}.container{max-width:1080px;margin:0 auto;padding:0 16px}.hero{position:relative;overflow:hidden;border-bottom:4px solid var(--ink)}.scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-inner{position:relative;padding-top:20px}.sky-top{stop-color:var(--sky1);transition:stop-color 1s}.sky-bottom{stop-color:var(--sky2);transition:stop-color 1s}.star{fill:#fff6c8;font-size:18px;animation:twinkle 2.4s ease-in-out infinite}@keyframes twinkle{50%{opacity:.3}}.sun circle:first-of-type{fill:var(--sun);stroke:var(--ink);stroke-width:4}.sun .face{fill:var(--ink);stroke:none}.sun .cheek{fill:#ff9b7a;opacity:.7}.sun .smile{fill:none;stroke:var(--ink);stroke-width:3.5;stroke-linecap:round}.sun-rays{animation:spin 24s linear infinite}.sun-rays line{stroke:#ffb21f;stroke-width:7;stroke-linecap:round}.moon path{fill:#ffe98a;stroke:var(--ink);stroke-width:4}.cloud{fill:#fff;stroke:var(--ink);stroke-width:3.5;stroke-linejoin:round}.cloud.grey{fill:#dfe5ec}.cloud-wrap{animation:drift linear infinite alternate}@keyframes drift{0%{transform:translate(-60px)}to{transform:translate(60px)}}.land path,.land rect,.land circle{stroke:var(--ink);stroke-width:3.5;stroke-linejoin:round}.night .land{filter:brightness(.62) saturate(.85)}.mountain{fill:#8ea3d9}.mountain-line{fill:none}.snowcap{fill:#fff;stroke:none!important}.hill{fill:#7fcc55}.hill.snowy,.tree.snowy,.roof.snowy{fill:#f4f8ff}.wire{fill:none;stroke-width:2!important}.pole{fill:#a8774a}.house-wall{fill:#fff3d6}.roof{fill:#e2553a}.window{fill:#ffe27a}.door{fill:#a8774a}.trunk{fill:#8a5a33}.tree{fill:#4fae38}.field-row{fill:none;stroke-width:3!important}.path{fill:none;stroke:#d8b47a!important;stroke-width:18!important;stroke-linecap:round}.rain line{stroke:#e9f4ff;stroke-width:3;stroke-linecap:round;opacity:.85;animation:fall .8s linear infinite}.snow circle{fill:#fff;stroke:var(--ink);stroke-width:1.5;animation:fall 6s linear infinite}@keyframes fall{0%{transform:translateY(-40px)}to{transform:translateY(140px)}}.header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.sign{background:#c98b4f;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.06) 0 3px,transparent 3px 11px);border:4px solid var(--ink);border-radius:18px;padding:10px 20px 8px;box-shadow:5px 5px 0 var(--ink);transform:rotate(-2deg)}h1{margin:0;font-size:1.9rem;font-weight:900;color:#fff;letter-spacing:.06em;text-shadow:3px 3px 0 var(--ink),-1px -1px 0 var(--ink),1px -1px 0 var(--ink),-1px 1px 0 var(--ink)}.sub{margin:2px 0 0;color:#fff8e6;font-weight:700;font-size:.95rem}.note{font-size:.85em}.refresh{display:flex;align-items:center;gap:8px;cursor:pointer;background:#fff;border:3px solid var(--ink);border-radius:999px;padding:6px 14px;box-shadow:3px 3px 0 var(--ink);font-weight:700}.refresh:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.refresh:disabled{opacity:.8}.refresh .spin{display:inline-block;animation:spin 1s linear infinite}.updated{font-size:.8rem}@keyframes spin{to{transform:rotate(360deg)}}.places{display:flex;gap:8px;overflow-x:auto;padding:18px 4px 10px;scrollbar-width:none}.places::-webkit-scrollbar{display:none}.chip{flex:none;padding:6px 14px;border-radius:999px;cursor:pointer;font-weight:700;font-size:.9rem;background:#fff;border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);transition:transform .1s}.chip:hover{transform:translateY(-2px)}.chip.active{background:var(--sun);transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.hero-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:16px;align-items:end;min-height:400px;padding-top:8px}.card{background:var(--paper);border:3.5px solid var(--ink);border-radius:26px;padding:18px 20px;box-shadow:6px 6px 0 var(--ink);min-width:0}.card h2{display:inline-block;margin:0 0 14px;padding:4px 16px;font-size:1rem;font-weight:900;background:var(--sun);border:3px solid var(--ink);border-radius:999px;box-shadow:3px 3px 0 var(--ink);transform:rotate(-1.5deg)}.error{margin-top:20px;background:#ffe0d6}.loading{align-self:center;font-weight:700}.grid{display:grid;grid-template-columns:1fr;gap:22px;margin-top:26px}.current{margin-bottom:28px;background:#fffbeff2}.current-main{display:flex;align-items:center;gap:14px}.big-icon{font-size:5rem;line-height:1;animation:bob 3s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-6px) rotate(-3deg)}}.temp{font-size:4.6rem;font-weight:900;line-height:1;text-shadow:4px 4px 0 var(--sun)}.unit{font-size:1.6rem;margin-left:4px;vertical-align:top}.desc{font-size:1.25rem;font-weight:900;margin-top:6px}.current-sub{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:14px;font-weight:700;font-size:.95rem;color:var(--muted)}.hi{color:var(--hi)}.lo{color:var(--lo)}.tip{margin:14px 0 0;padding:10px 14px;border-radius:16px;font-weight:700;font-size:.92rem;background:#e4f6d4;border:2.5px dashed var(--leaf)}.navigator{position:relative;display:flex;align-items:flex-end;justify-content:flex-end;background:none;border:none;padding:0;cursor:pointer;text-align:left;min-height:400px}.chara{width:300px;max-width:62%;height:auto;display:block;margin-bottom:-4px;filter:drop-shadow(0 0 0 #fff) drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 -3px 0 #fff) drop-shadow(4px 4px 0 rgba(59,42,30,.35));animation:sway 4s ease-in-out infinite;transform-origin:bottom center}.navigator:active .chara{animation:hop .35s ease}@keyframes sway{50%{transform:rotate(1.2deg) translateY(-3px)}}@keyframes hop{40%{transform:translateY(-14px)}}.bubble{position:absolute;left:0;top:10px;width:min(54%,300px);background:#fff;border:3.5px solid var(--ink);border-radius:24px;padding:14px 16px 10px;box-shadow:5px 5px 0 var(--ink);animation:pop .35s cubic-bezier(.2,1.6,.4,1)}.bubble:after{content:"";position:absolute;right:-20px;top:40px;width:24px;height:20px;background:#fff;border:3.5px solid var(--ink);border-left:none;border-bottom:none;transform:skewY(25deg);border-radius:0 6px 0 0}.bubble p{margin:0;font-weight:700;line-height:1.6;font-size:.98rem}.bubble-hint{display:block;margin-top:6px;font-size:.72rem;color:var(--muted);text-align:right}@keyframes pop{0%{transform:scale(.6);opacity:0}}.nametag{position:absolute;right:8px;bottom:16px;background:var(--pink);color:#fff;font-weight:900;border:3px solid var(--ink);border-radius:999px;padding:2px 12px;box-shadow:3px 3px 0 var(--ink)}@media (max-width: 760px){.hero-stage{grid-template-columns:1fr;min-height:0;gap:0}.current{margin-bottom:0}.navigator{min-height:330px;margin-top:8px}.chara{width:220px}.bubble{width:56%;top:20px}.bubble p{font-size:.9rem}h1{font-size:1.5rem}.temp{font-size:3.8rem}.big-icon{font-size:4rem}}.detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.detail{border:2.5px solid var(--ink);border-radius:18px;padding:10px 12px}.detail:nth-child(4n+1){background:#fff0b8}.detail:nth-child(4n+2){background:#daf3c6}.detail:nth-child(4n+3){background:#d3efff}.detail:nth-child(4n+4){background:#ffdfe7}.detail-label{font-size:.78rem;font-weight:700;color:var(--muted)}.detail-value{font-size:1.15rem;font-weight:900;margin-top:4px;display:flex;align-items:center;gap:6px}.detail-sub{font-size:.75rem;color:var(--muted);margin-top:2px;font-weight:700}.arrow{display:inline-block;transition:transform .4s;color:var(--persimmon)}.hourly-scroll{overflow-x:auto;margin:0 -8px;padding:0 8px 4px}.hourly svg{display:block}.hourly text{fill:var(--ink);text-anchor:middle;font-family:inherit}.hour-label{font-size:12px;font-weight:700;fill:var(--muted)!important}.hour-icon{font-size:22px}.hour-temp{font-size:14px;font-weight:900}.temp-dot{fill:#fff;stroke:var(--temp-line);stroke-width:3}.prob-bar{fill:var(--rain);stroke:var(--ink);stroke-width:1.5}.prob-label{font-size:11px;fill:var(--rain)!important;font-weight:900}.mm-label{font-size:10px;fill:var(--muted)!important;font-weight:700}.midnight{stroke:var(--ink);opacity:.35;stroke-width:2;stroke-dasharray:4 5}.date-mark{font-size:11px;text-anchor:start!important;font-weight:900}.legend{margin:8px 0 0;font-size:.78rem;font-weight:700;color:var(--muted);display:flex;align-items:center;flex-wrap:wrap;gap:4px}.lg-line{display:inline-block;width:16px;height:4px;background:var(--temp-line);border-radius:2px}.lg-bar{display:inline-block;width:10px;height:10px;background:var(--rain);border:1.5px solid var(--ink);border-radius:2px}.daily-list{list-style:none;margin:0;padding:0}.day-row{display:grid;grid-template-columns:84px 48px 1fr 64px minmax(160px,1.4fr);grid-template-areas:"name icon desc prob range" "name icon extra extra extra";align-items:center;column-gap:12px;row-gap:2px;padding:12px 0;border-top:2.5px dashed var(--line)}.day-row:first-child{border-top:none}.day-name{grid-area:name;display:flex;flex-direction:column;font-weight:900}.day-name small{color:var(--muted);font-size:.75rem;font-weight:700}.dow-0 strong{color:#e5484d}.dow-6 strong{color:#2f7fd6}.day-icon{grid-area:icon;font-size:2rem;text-align:center}.day-desc{grid-area:desc;font-size:.95rem;font-weight:700}.day-prob{grid-area:prob;color:var(--rain);font-weight:900;font-size:.9rem}.day-range{grid-area:range;display:flex;align-items:center;gap:8px}.day-range span{width:32px;text-align:center;font-weight:900}.range-track{flex:1;height:10px;border-radius:6px;background:#f1e6cd;border:2px solid var(--ink);position:relative;overflow:hidden}.range-fill{position:absolute;top:0;bottom:0;background:linear-gradient(90deg,#6fb5ff,#ffd25a,#ff7a45);min-width:6px}.day-extra{grid-area:extra;display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.76rem;color:var(--muted);font-weight:700}.wear{color:var(--ink);background:#fff0b8;border-radius:999px;padding:0 8px}@media (max-width: 560px){.day-row{grid-template-columns:64px 38px 1fr 56px;grid-template-areas:"name icon desc prob" "name icon range range" "extra extra extra extra"}}.cl-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.cl-head h2{margin-bottom:0}.cl-tabs{display:flex;gap:4px;background:#f1e6cd;padding:3px;border-radius:999px;border:2.5px solid var(--ink)}.cl-tab{border:none;background:none;padding:4px 14px;border-radius:999px;cursor:pointer;font-size:.85rem;font-weight:700}.cl-tab.active{background:var(--persimmon);color:#fff}.cl-summary{margin:14px 0;font-size:1.1rem;font-weight:900}.cl-blocks{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 560px){.cl-blocks{grid-template-columns:1fr}}.cl-block{border:2.5px solid var(--ink);border-radius:20px;padding:14px 16px;background:#fff0b8}.cl-block+.cl-block{background:#d3e6ff}.cl-when{font-size:.8rem;font-weight:700;color:var(--muted);display:flex;justify-content:space-between;gap:8px}.cl-feel{color:var(--ink);font-weight:900}.cl-main{display:flex;align-items:center;gap:10px;margin:8px 0}.cl-emoji{font-size:2.8rem;line-height:1}.cl-label{font-size:1.3rem;font-weight:900}.cl-items{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}.cl-items li{font-size:.82rem;font-weight:700;padding:3px 10px;border-radius:999px;background:#fff;border:2px solid var(--ink)}.cl-scale{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;margin-top:16px}.cl-step{display:flex;flex-direction:column;align-items:center;padding:6px 0 4px;border-radius:12px;opacity:.35;border:2px solid transparent}.cl-step.on{opacity:1;background:var(--sun);border-color:var(--ink)}.cl-step-emoji{font-size:1.3rem}.cl-step-tag{font-size:.65rem;height:1em;margin-top:2px;font-weight:900}.cl-scale-ends{display:flex;justify-content:space-between;font-size:.7rem;font-weight:700;color:var(--muted);margin-top:2px}.cl-extras{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:8px}.cl-extras li{display:flex;gap:8px;align-items:center;font-size:.88rem;font-weight:700;padding:8px 12px;border-radius:14px;background:#e4f6d4;border:2px dashed var(--leaf)}.footer{margin-top:28px;padding-bottom:40px;font-size:.75rem;font-weight:700;color:#4d6b2e;line-height:1.8}h1,.updated{white-space:nowrap}@media (max-width: 420px){h1{font-size:1.3rem}.sign{padding:8px 14px 6px}.refresh{padding:5px 10px}}svg.chara{width:270px}@media (max-width: 760px){svg.chara{width:210px}}.eyes{transform-box:fill-box;transform-origin:center;animation:blink 4.5s infinite}@keyframes blink{0%,94%,to{transform:scaleY(1)}97%{transform:scaleY(.1)}}