:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f2f3f5;--surface-1:#fff;--surface-2:#f5f6f8;--text-primary:#222;--text-secondary:#555;--text-muted:#777;--line:#dcdfe4;--line-strong:#c3c8d0;--grid:#e6e8ec;--axis:#c3c2b7;--border:#dcdfe4;--brand:#2a6ec6;--brand-dark:#1d559f;--brand-wash:#eaf2fc;--accent:#2a6ec6;--today:#fff6e5;--now:#fff8d1;--high:#e0301e;--low:#1f62c9;--series-1:#2a78d6;--series-2:#eb6834;--critical:#d03b3b;--wi-sun:#f08c00;--wi-moon:#e0a800;--wi-cloud:#8b939e;--wi-rain:#2a78d6;--wi-snow:#4fb0e3;--wi-thunder:#e5a400;--rain-1:#e3efff;--rain-2:#b9d6fb;--rain-3:#6da7ec;--rain-4:#1c5cab;color:var(--text-primary);background:var(--page);-webkit-font-smoothing:antialiased;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,system-ui,sans-serif;font-size:15px;line-height:1.6}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0f1012;--surface-1:#1a1b1e;--surface-2:#232428;--text-primary:#eee;--text-secondary:#c3c3c3;--text-muted:#9a9a9a;--line:#33353a;--line-strong:#44474d;--grid:#2c2d31;--axis:#44474d;--border:#33353a;--brand:#1f4f8f;--brand-dark:#173c6d;--brand-wash:#1d2a3d;--accent:#6aa5f0;--today:#2e2618;--now:#39331a;--high:#ff6b5c;--low:#6aa5f0;--series-1:#3987e5;--series-2:#d95926;--critical:#e66767;--rain-1:#1d2d45;--rain-2:#1f4170;--rain-3:#2a63ad;--rain-4:#5598e7}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0f1012;--surface-1:#1a1b1e;--surface-2:#232428;--text-primary:#eee;--text-secondary:#c3c3c3;--text-muted:#9a9a9a;--line:#33353a;--line-strong:#44474d;--grid:#2c2d31;--axis:#44474d;--border:#33353a;--brand:#1f4f8f;--brand-dark:#173c6d;--brand-wash:#1d2a3d;--accent:#6aa5f0;--today:#2e2618;--now:#39331a;--high:#ff6b5c;--low:#6aa5f0;--series-1:#3987e5;--series-2:#d95926;--critical:#e66767;--rain-1:#1d2d45;--rain-2:#1f4170;--rain-3:#2a63ad;--rain-4:#5598e7}*{box-sizing:border-box}body{background:var(--page);margin:0}a{color:var(--accent)}.masthead{background:var(--brand);color:#fff;border-bottom:3px solid var(--brand-dark)}.masthead-inner{justify-content:space-between;align-items:center;max-width:960px;margin:0 auto;padding:10px 16px;display:flex}.site-name{letter-spacing:.04em;margin:0;font-size:1.25rem;font-weight:700}.btn-refresh{color:#fff;font:inherit;cursor:pointer;background:0 0;border:1px solid #fff9;border-radius:4px;align-items:center;gap:5px;padding:5px 12px;font-size:.8125rem;display:inline-flex}.btn-refresh:hover:not(:disabled){background:#ffffff26}.btn-refresh:disabled{opacity:.7}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page{flex-direction:column;gap:16px;max-width:960px;margin:0 auto;padding:8px 16px 40px;display:flex}.crumbs{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:2px;font-size:.8125rem;display:flex}.crumbs b{color:var(--text-primary);font-weight:600}.title-row{border-bottom:2px solid var(--brand);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 16px;margin-top:-4px;padding-bottom:6px;display:flex}h1{margin:0;font-size:1.5rem;font-weight:700}.updated{color:var(--text-muted);margin:0;font-size:.8125rem}.loading{color:var(--text-muted)}.error{color:var(--critical);align-items:center;gap:6px;margin:0;font-size:.875rem;display:flex}.wicon{flex-shrink:0;justify-content:flex-start;align-items:flex-start;display:inline-flex;position:relative}.wicon-sub{background:var(--surface-1);border-radius:50%;padding:1px;display:inline-flex;position:absolute;bottom:-2px;right:-2px}.wi-sun{color:var(--wi-sun);fill:color-mix(in srgb, var(--wi-sun) 25%, transparent)}.wi-moon{color:var(--wi-moon);fill:color-mix(in srgb, var(--wi-moon) 20%, transparent)}.wi-cloud{color:var(--wi-cloud);fill:color-mix(in srgb, var(--wi-cloud) 18%, transparent)}.wi-fog{color:var(--wi-cloud)}.wi-rain,.wi-drizzle{color:var(--wi-rain)}.wi-snow{color:var(--wi-snow)}.wi-thunder{color:var(--wi-thunder)}.advice{background:var(--surface-1);border:1px solid var(--line);border-top:4px solid var(--brand);border-radius:6px;padding:12px 14px 14px}.advice-head{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 10px;font-size:1.125rem;font-weight:700;display:flex}.advice-head small{color:var(--text-secondary);font-size:.8125rem;font-weight:600}.advice-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.advice-card{border:1px solid var(--line);background:var(--surface-2);border-radius:6px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.advice-card p{margin:0}.advice-icon{background:var(--surface-1);width:56px;height:56px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.advice-kind{color:var(--text-muted);letter-spacing:.08em;font-size:.75rem;font-weight:700}.advice-title{font-size:1.25rem;font-weight:700;line-height:1.4}.advice-detail{color:var(--text-secondary);margin-top:2px;font-size:.875rem}.advice-notes{color:var(--text-secondary);margin:6px 0 0;padding-left:1.1em;font-size:.8125rem}.umbrella-need{background:var(--rain-1);border-color:var(--rain-2)}.umbrella-need .advice-icon{background:var(--wi-rain);color:#fff}.umbrella-need .advice-title{color:var(--low)}.umbrella-maybe .advice-icon{color:var(--wi-rain)}.umbrella-none .advice-icon{color:var(--wi-sun)}.clothes .advice-icon{color:var(--high)}.today-row{grid-template-columns:1fr 1fr;align-items:start;gap:16px;display:grid}.day-card{background:var(--surface-1);border:1px solid var(--line);border-radius:6px;flex-direction:column;padding-bottom:14px;display:flex;overflow:hidden}.day-card-head{background:var(--surface-2);border-bottom:1px solid var(--line);align-items:baseline;gap:10px;margin:0;padding:8px 14px;font-size:1rem;display:flex}.is-today .day-card-head{background:var(--today)}.day-name{font-size:1.125rem;font-weight:700}.day-date{color:var(--text-secondary);font-weight:600}.day-card-body{flex:1;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px 12px;display:flex}.day-weather{align-items:center;gap:14px;min-width:0;display:flex}.day-weather-text{margin:0;font-size:1.0625rem;font-weight:700;line-height:1.4}.day-temps{flex-direction:column;flex-shrink:0;gap:2px;margin:0;display:flex}.day-temps>div{align-items:baseline;gap:8px;display:flex}.day-temps dt{color:var(--text-secondary);font-size:.8125rem}.day-temps dd{white-space:nowrap;margin:0}.day-temps b{font-size:1.75rem;font-weight:700;line-height:1.2}.t-high b,.c-high{color:var(--high)}.t-low b,.c-low{color:var(--low)}.diff{color:var(--text-secondary);margin-left:2px;font-size:.8125rem}.pop-table{border-collapse:collapse;text-align:center;width:calc(100% - 28px);margin:0 14px;font-size:.8125rem}.pop-table th,.pop-table td{border:1px solid var(--line);padding:4px 2px}.pop-table thead th{background:var(--surface-2);color:var(--text-secondary);font-weight:600}.pop-table tbody th{background:var(--surface-2);color:var(--text-secondary);white-space:nowrap;padding:4px 8px;font-weight:600}.pop-table td{font-size:.9375rem;font-weight:700}.pop-table td.pop-high{color:var(--low)}.box{background:var(--surface-1);border:1px solid var(--line);border-radius:6px;min-width:0;padding:0 0 14px}.box-title{background:var(--surface-2);border-bottom:1px solid var(--line);border-left:4px solid var(--brand);border-radius:6px 6px 0 0;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 12px;padding:8px 14px;font-size:1rem;font-weight:700;display:flex}.box-title small{color:var(--text-muted);font-size:.75rem;font-weight:400}.box>:not(.box-title){margin-left:14px;margin-right:14px}.overview{white-space:pre-line;margin-top:0;margin-bottom:0;font-size:.9375rem}.now-main{align-items:center;gap:14px;margin-bottom:8px;display:flex}.now-temp{font-size:2.5rem;font-weight:700;line-height:1.1}.now-temp span{color:var(--text-secondary);margin-left:2px;font-size:1.125rem;font-weight:600}.now-label{color:var(--text-secondary);font-size:.875rem}.now-list{margin-top:0;margin-bottom:0}.now-list>div{border-bottom:1px dotted var(--line-strong);justify-content:space-between;gap:8px;padding:5px 0;font-size:.875rem;display:flex}.now-list dt{color:var(--text-secondary)}.now-list dd{text-align:right;margin:0;font-weight:600}.hourly-scroll{border:1px solid var(--line-strong);scrollbar-width:thin;overflow-x:auto}.hourly{border-collapse:collapse;text-align:center;font-variant-numeric:tabular-nums;font-size:.875rem}.hourly th,.hourly td{border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-width:50px;padding:5px 2px}.hourly th[scope=row]{z-index:1;background:var(--surface-2);text-align:left;white-space:nowrap;border-right:1px solid var(--line-strong);min-width:84px;padding:5px 8px;font-size:.8125rem;font-weight:600;position:sticky;left:0}.hourly th[scope=row] small{color:var(--text-muted);font-size:.6875rem;font-weight:400}.hourly thead th{background:var(--brand-wash);font-weight:700}.hourly tr:last-child td,.hourly tr:last-child th{border-bottom:none}.hourly .is-now{background:var(--now)}.hourly thead th.is-now{background:var(--brand);color:#fff}.hourly .is-past{color:var(--text-muted)}.hourly .is-past .wicon{opacity:.45}.hw{white-space:nowrap;flex-direction:column;align-items:center;gap:2px;font-size:.6875rem;line-height:1.2;display:flex}.hourly td.rain-1{background:var(--rain-1)}.hourly td.rain-2{background:var(--rain-2)}.hourly td.rain-3{background:var(--rain-3);color:#fff}.hourly td.rain-4{background:var(--rain-4);color:#fff}.footer{color:var(--text-muted);font-size:.75rem}.footer p{margin:2px 0}@media (width<=720px){.today-row,.advice-grid{grid-template-columns:1fr}.day-temps b{font-size:1.5rem}}.advice-body{flex:1;min-width:0}.advice-when{flex-wrap:wrap;align-items:center;gap:4px;font-size:.9375rem;display:flex;margin-top:4px!important}.advice-when b{color:var(--low);font-size:1.0625rem}.rain-timeline{margin-top:10px}.rain-bars{gap:2px;display:flex}.rain-bar{background:var(--grid);border-radius:2px;flex:1;height:10px}.rain-bar.rb-maybe{background:var(--rain-2)}.rain-bar.rb-need{background:var(--wi-rain)}.rain-labels{color:var(--text-muted);font-variant-numeric:tabular-nums;gap:2px;font-size:.6875rem;display:flex}.rain-labels span{white-space:nowrap;flex:1;min-width:0;overflow:visible}.outfit{background:var(--surface-1);border:1px solid var(--line);border-radius:6px;margin-top:10px;padding:8px 10px}.outfit-head{color:var(--text-muted);font-size:.75rem;font-weight:700;margin-bottom:4px!important}.outfit ul{margin:0;padding:0;list-style:none}.outfit li{border-top:1px dotted var(--line-strong);grid-template-columns:7.5em 1fr;gap:8px;padding:3px 0;font-size:.875rem;display:grid}.outfit li:first-child{border-top:none}.outfit-cat{color:var(--text-secondary);font-size:.8125rem}.outfit small{color:var(--text-muted);margin-left:4px}.outfit-missing{color:var(--text-muted);font-size:.8125rem}.outfit-hint{color:var(--text-secondary);font-size:.8125rem;margin-top:8px!important}.closet-form{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:14px;display:flex}.closet-field{color:var(--text-secondary);flex-direction:column;flex:200px;gap:3px;min-width:0;font-size:.8125rem;display:flex}.closet-field input,.closet-field select{font:inherit;border:1px solid var(--line-strong);background:var(--surface-1);color:var(--text-primary);border-radius:4px;width:100%;padding:7px 9px;font-size:.9375rem}.closet-field input:focus,.closet-field select:focus{outline:2px solid var(--brand);outline-offset:-1px}.btn-add{font:inherit;background:var(--brand);color:#fff;cursor:pointer;border:none;border-radius:4px;align-items:center;gap:4px;padding:8px 16px;font-weight:700;display:inline-flex}.btn-add:disabled{opacity:.5;cursor:default}.closet-empty,.closet-none{color:var(--text-muted);margin:0;font-size:.875rem}.closet-groups{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.closet-group h3{border-bottom:1px solid var(--line);justify-content:space-between;margin:0 0 6px;padding-bottom:4px;font-size:.875rem;display:flex}.closet-group h3 small{color:var(--text-muted);font-weight:400}.closet-group ul{margin:0;padding:0;list-style:none}.closet-group li{align-items:center;gap:6px;padding:4px 0;font-size:.875rem;display:flex}.closet-name{overflow-wrap:anywhere;flex:1;min-width:0}.closet-type{color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--line);white-space:nowrap;border-radius:3px;padding:0 5px;font-size:.6875rem}.closet-del{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;display:inline-grid}.closet-del:hover{background:var(--surface-2);color:var(--critical)}@media (width<=720px){.closet-groups{grid-template-columns:1fr}}