:root{font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;color:#263444;background:#f3f5f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit}.app-shell{max-width:560px;margin:auto;padding:calc(30px + env(safe-area-inset-top)) 20px calc(35px + env(safe-area-inset-bottom));min-height:100svh}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.eyebrow{font-size:11px;letter-spacing:.22em;color:#7b8da1;font-weight:700;margin-bottom:5px}h1,h2,p{margin:0}h1{font-size:32px;letter-spacing:-.05em}.location-suffix{font-size:17px;font-weight:500;color:#718094;letter-spacing:0}.refresh{width:44px;height:44px;border:1px solid #dfe5ec;border-radius:50%;background:#fff;color:#607a93;font-size:28px;line-height:1;cursor:pointer}.refresh:disabled{opacity:.5}.hero{border-radius:30px;padding:27px;background:linear-gradient(135deg,#e0edfb,#f8fafc 68%);box-shadow:0 12px 35px #647d9c12}.hero-head,.section-heading{display:flex;justify-content:space-between;align-items:center}.hero-head{color:#607a93;font-size:13px;font-weight:600}.hero-main{display:flex;align-items:center;justify-content:center;gap:18px;min-height:175px}.hero-weather{font-size:37px;font-weight:700;letter-spacing:-.05em}.hero-temp{display:flex;gap:15px;margin-top:7px;font-size:14px;color:#50647a}.detail-weather{font-size:13px;line-height:1.6;color:#66788b;border-top:1px solid #ffffffaa;padding-top:15px}.panel{background:#fff;border:1px solid #e9edf2;border-radius:24px;padding:21px;margin-top:17px;box-shadow:0 5px 22px #52677b08}.section-heading{gap:8px;margin-bottom:17px}h2{font-size:16px;letter-spacing:-.03em}.subtle{font-size:11px;color:#8b99aa;text-align:right}.rain-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.rain-slot{display:flex;flex-direction:column;align-items:center;gap:10px;padding:13px 3px;border-radius:15px;background:#f4f8fc;color:#8090a1;font-size:11px}.rain-slot strong{color:#4283bf;font-size:20px}.rain-slot small{font-size:11px}.next-days{margin-top:29px}.next-days .section-heading{padding:0 3px}.day-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.day-card{min-width:0;background:#fff;border:1px solid #e9edf2;border-radius:21px;padding:17px 6px;display:flex;align-items:center;flex-direction:column;gap:7px;text-align:center}.day-label{font-size:13px;color:#76889a}.day-card strong{font-size:14px}.day-temps{font-size:15px;font-weight:700;white-space:nowrap}.muted{color:#98a5b2;font-weight:400}.rain-small{font-size:11px;color:#5e9cca}.week{margin-top:24px}.week-list{border-top:1px solid #eef1f4}.week-row{display:grid;grid-template-columns:65px 33px minmax(35px,1fr) 62px 77px;align-items:center;gap:4px;min-height:57px;border-bottom:1px solid #eef1f4;font-size:13px}.week-row:last-child{border-bottom:0}.week-date{font-weight:600}.week-weather{color:#5b6d7e}.week-rain{color:#5f9bc7;font-size:12px}.week-temps{text-align:right;white-space:nowrap;font-weight:650}.notice{background:#fff0d9;color:#755322;border-radius:14px;padding:13px 15px;margin-bottom:16px;font-size:13px;line-height:1.5}.notice button{border:0;background:transparent;text-decoration:underline;color:inherit;margin-left:8px;cursor:pointer}.loading,.empty{color:#8795a4;font-size:13px;padding:16px 0}footer{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#91a0af;font-size:11px;margin:27px 2px 0}footer a{color:inherit}@media(max-width:370px){.app-shell{padding-left:14px;padding-right:14px}.week-row{grid-template-columns:57px 30px minmax(28px,1fr) 55px 70px;font-size:12px}.week-rain{font-size:11px}}@media(prefers-color-scheme:dark){:root{background:#101923;color:#e7eef5}.refresh,.panel,.day-card{background:#1c2936;border-color:#2b3a49;color:#e7eef5}.hero{background:linear-gradient(135deg,#263f58,#202d3b 70%);box-shadow:none}.hero-head,.hero-temp,.detail-weather{color:#adbed0}.detail-weather{border-color:#ffffff1c}.rain-slot{background:#263848}.week-list,.week-row{border-color:#2d3a47}.week-weather{color:#b3c2d0}.muted{color:#8c9ca9}.notice{background:#493c29;color:#f4d9a9}}@media(prefers-reduced-motion:no-preference){.refresh:hover{transform:rotate(25deg);transition:transform .2s}}.topbar>div{min-width:0}.topbar h1{overflow-wrap:anywhere}.location-panel{margin:-9px 0 18px;background:#fff;border:1px solid #e9edf2;border-radius:18px;color:#607a93}.location-panel summary{padding:13px 17px;cursor:pointer;font-size:13px;font-weight:650;list-style:none;min-height:44px}.location-panel summary::-webkit-details-marker{display:none}.location-panel summary span{float:right}.location-fields{display:grid;gap:12px;padding:2px 16px 12px}.location-fields label{display:grid;gap:5px;font-size:12px;color:#708398}.location-fields select{width:100%;min-height:44px;border-radius:11px;border:1px solid #dce4ed;background:#f8fafc;color:#263444;padding:0 10px;font:inherit;font-size:15px}.location-help{font-size:11px;line-height:1.5;color:#8b99aa;padding:0 16px 15px}.hero-point{text-align:right;color:#8b9aaa;font-size:11px;margin:-6px 0 12px}.missing-weather{text-align:center;color:#9aa8b5}@media(max-width:370px){.topbar h1{font-size:27px}.location-suffix{font-size:14px}}@media(prefers-color-scheme:dark){.location-panel{background:#1c2936;border-color:#2b3a49;color:#adbed0}.location-fields select{background:#263848;border-color:#3a4d60;color:#e7eef5}.hero-point{color:#a7b8c8}}