:root{font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;color:#203d35;background:#f3f5ef;font-synthesis:none;line-height:1.65}*{box-sizing:border-box}body{margin:0}main{max-width:1080px;margin:auto;padding:36px 26px 24px}header{position:relative;padding:20px 0 34px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:750;color:#557164;margin:0 0 8px}h1{font-size:36px;line-height:1.3;margin:0;letter-spacing:.03em}h1 span{display:block;font-size:14px;font-weight:400;letter-spacing:.02em;margin-top:14px;color:#587166}.header-icon{position:absolute;right:20px;top:8px;font-size:76px;color:#c59a37}section.selector{background:white;border:1px solid #dce4d8;padding:25px 28px;border-radius:18px;box-shadow:0 6px 24px #173f3505}fieldset{border:0;margin:0 0 21px;padding:0}legend,.select-label{font-size:13px;font-weight:700;margin-bottom:9px;display:block}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters label{position:relative;cursor:pointer}.filters input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.filters span{display:block;padding:9px 18px;border:1px solid #d5dfd6;border-radius:9px;font-size:13px}.filters input:checked+span{background:#173f35;color:white;border-color:#173f35}.filters input:focus-visible+span{outline:3px solid #a68120;outline-offset:3px}select{width:100%;min-height:52px;background:#fbfcf8;color:#203d35;border:1px solid #bccdbd;border-radius:9px;padding:10px 14px;font:inherit;font-size:16px}button{background:white;color:#244b3d;border:1px solid #bccdbd;border-radius:9px;min-height:42px;padding:8px 18px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:default}button:hover:not(:disabled){background:#e6eddf}button:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #a68120;outline-offset:3px}.forecast-section{margin-top:35px}.location-line{display:flex;justify-content:space-between;align-items:center;gap:12px}h2{font-size:25px;margin:0;line-height:1.4}#status{font-size:13px;color:#587166;min-height:23px;margin:12px 0 17px}#status.error{color:#8a3027}#status.stale{color:#805c0c}.forecast{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.day-card{background:#fff;border:1px solid #dce4d8;border-radius:14px;padding:17px 9px;text-align:center;min-width:0}.day-card:first-child{border-top:4px solid #315c46;padding-top:14px}.day-date{font-size:14px;font-weight:700;margin:0}.day-date.sunday{color:#a7433c}.day-date.saturday{color:#386da0}.day-label{font-size:10px;min-height:17px;color:#6c7c70;margin:1px 0 8px}.weather-icon{font-size:31px;line-height:1.5}.weather-name{font-size:12px;min-height:40px;margin:5px 0 12px;display:flex;align-items:center;justify-content:center}.temperatures{white-space:nowrap;font-size:17px;font-weight:750;margin:0 0 12px}.high{color:#ad4d35}.low{color:#397496}.separator{font-size:12px;color:#a2afa5;font-weight:400;margin:0 4px}.rain{font-size:12px;margin:0;color:#527161}.rain strong{font-size:14px;color:#315a6e}.rain small{display:block;font-size:10px;margin-top:4px}.updated{font-size:11px;text-align:right;color:#6a7b70;margin:12px 0 0}.notice{margin-top:30px;border-left:3px solid #a6b59e;padding:0 0 0 16px;font-size:12px;color:#53695b}.notice strong{font-size:13px}.notice p{margin:5px 0 0}footer{margin-top:28px;border-top:1px solid #d9e1d4;padding-top:17px;font-size:10px;color:#657769}footer p{margin:4px 0}a{color:#385e4d}.empty{grid-column:1/-1;padding:32px 18px;text-align:center;border:1px dashed #bacab7;border-radius:14px;font-size:14px;color:#657769}.forecast[aria-busy=true]{opacity:.6}@media(max-width:760px){main{padding:20px 18px}header{padding:16px 0 27px}h1{font-size:30px}.header-icon{font-size:55px;right:3px;top:15px}h1 span{font-size:12px}section.selector{padding:20px}.filters{gap:6px}.filters span{font-size:12px;padding:8px 11px}.forecast{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.day-card{padding:14px;display:grid;grid-template-columns:1fr 1fr;align-items:center}.day-card:first-child{padding-top:11px}.day-date,.day-label{grid-column:1}.day-label{margin:0}.weather-icon{grid-column:2;grid-row:1/3;font-size:32px}.weather-name{grid-column:1/-1;min-height:20px;margin:8px 0}.temperatures{grid-column:1/-1;margin:2px 0 7px;font-size:22px}.rain{grid-column:1/-1}.day-card:first-child{grid-column:1/-1;grid-template-columns:1fr 1fr 1fr;text-align:left;padding:16px 20px}.day-card:first-child .weather-icon{grid-column:2;grid-row:1/4;text-align:center;font-size:42px}.day-card:first-child .weather-name{grid-column:1;grid-row:3;margin:0}.day-card:first-child .temperatures{grid-column:3;grid-row:1/3;text-align:right;font-size:22px}.day-card:first-child .rain{grid-column:3;grid-row:3;text-align:right}.day-card:first-child .rain small{display:none}.forecast-section{margin-top:28px}h2{font-size:23px}}@media(max-width:350px){main{padding:14px 10px}.filters span{padding:8px;font-size:11px}.day-card:first-child{padding:14px 10px}.header-icon{font-size:42px}h1{font-size:26px}}
.install-note{font-size:12px;color:#526e5e;margin:24px 0 0}.install-note button{margin:8px 0 0 10px}button[hidden]{display:none}