:root{--bg:#f5f8f9;--surface:#ffffff;--surface-sub:#f1f5f7;--ink:#1b2a33;--ink-2:#34495a;--ink-3:#4d6675;--line:#e6ecef;--line-2:#e4eaee;--accent:#1f6f96;--accent-ink:#175a7b;--accent-soft:#eef4f7;--warn:#c98a2e;--warn-bg:#fbf7ef;--warn-line:#f0e3cd;--warn-ink:#7a5418;--good:#2f7d5c;--good-bg:#e4f0e9;--good-ink:#226349;--alert:#b4522f;--alert-bg:#fbeeea;--alert-ink:#8a3a1e;--radius-card:20px;--radius-sm:14px;--shadow-card:0 0 0 1px var(--line);--font:"Zen Kaku Gothic New",system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;--font-num:"IBM Plex Sans",system-ui,-apple-system,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,monospace}*,:after,:before{box-sizing:border-box}html{font-size:100%;-webkit-text-size-adjust:100%}body{margin:0;background:#e6e9ea;font-family:var(--font);color:var(--ink);line-height:1.7;overflow-x:clip}a{color:var(--accent)}a:hover{color:var(--accent-ink)}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}img,pre,table{max-width:100%}.app{max-width:430px;margin:0 auto;min-height:100dvh;background:var(--bg)}.app,.appbar{display:flex;flex-direction:column}.appbar{background:var(--surface);border-bottom:1px solid var(--line-2);padding:14px 16px 16px;gap:4px;position:-webkit-sticky;position:sticky;top:0;z-index:5}.appbar__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.appbar__title{font-size:20px;font-weight:700;letter-spacing:.02em;margin:0;line-height:1.35}.appbar__meta{font-size:13px;color:var(--ink-3);margin:0;line-height:1.5}.appbar__badge{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);white-space:nowrap}.screen{padding:16px;flex-direction:column;flex:1 1}.card,.screen{display:flex;gap:14px}.card{background:var(--surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:18px;flex-direction:column}.card--flush{padding:0;overflow:hidden;gap:0}.card--flush .card__head{padding:14px 18px 16px}.card__head{display:flex;align-items:baseline;justify-content:space-between;gap:4px 10px;flex-wrap:wrap}.card__title{font-size:14px;font-weight:700;margin:0;line-height:1.5}.card__note{font-size:12px;color:var(--ink-3);white-space:nowrap}.hr{height:1px;background:var(--line);border:0;margin:0}.card>p{margin:0;font-size:15px;line-height:1.7}.notice{border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:4px;background:var(--accent-soft);border-left:4px solid var(--accent);margin:0}.notice--caution{background:#fbf3e6;border-left-color:var(--warn)}.notice--alert{background:#fbeeea;border-left-color:var(--alert)}.notice__label{font-size:13px;font-weight:700;color:var(--accent-ink);margin:0}.notice--caution .notice__label{color:var(--warn-ink)}.notice--alert .notice__label{color:var(--alert-ink)}.notice__body{font-size:15px;line-height:1.65;margin:0}.camera{position:relative;aspect-ratio:16/9;background:#cfdde5}.camera img{width:100%;height:100%;object-fit:cover;display:block}.camera__tag{position:absolute;left:12px;top:12px;background:rgba(255,255,255,.92);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700;color:var(--ink)}.camera__empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;font-size:15px;color:#2f4c5c}.cloud{display:flex;border-top:1px solid #eef2f4;margin:0}.cloud__item{flex:1 1;min-width:0;padding:12px 8px;display:flex;flex-direction:column-reverse;align-items:center;gap:3px}.cloud__item+.cloud__item{border-left:1px solid #eef2f4}.cloud__value{margin:0;text-align:center;line-height:1.4;overflow-wrap:anywhere}.cloud__label{font-size:12px;color:var(--ink-3);margin:0}.cloud__form{font-size:17px;font-weight:700}.cloud__none{font-size:14px;font-weight:500;color:var(--ink-2)}.cloud__undetermined{font-size:14px;font-weight:400;font-style:italic;color:var(--ink-3)}.cloud__cover{display:flex;flex-direction:column;gap:10px;margin:0;padding:14px 18px 18px}.lead{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap}.lead__value{font-family:var(--font-num);font-size:64px;font-weight:600;line-height:.9;letter-spacing:-.02em;color:var(--accent);margin:0}.lead__unit{font-size:26px;font-weight:500}.lead__side{display:flex;flex-direction:column;gap:2px;padding-bottom:6px}.lead__label{font-size:13px;color:var(--ink-3)}.lead__value .measure__unavailable{font-size:24px}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px;margin:0}.metrics--single{grid-template-columns:1fr}.metric,.metrics .measure{background:var(--surface-sub);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column-reverse;gap:2px;min-width:0}.metric__value,.metrics .measure__value{font-family:var(--font-num);font-size:22px;font-weight:600;margin:0;line-height:1.25;overflow-wrap:anywhere}.metric__value span,.metrics .measure__unit{font-size:13px;font-weight:500;margin-left:.1em}.metric__label,.metrics .measure__label{font-size:12px;color:var(--ink-3);margin:0;line-height:1.4}.measure__unavailable{font-size:15px;font-weight:500;color:var(--ink-3)}.observed-at{font-size:12px;color:var(--ink-3);margin:0}.observed-at--stale{color:var(--warn-ink);background:var(--warn-bg);font-weight:700;padding:.3em .7em;border-radius:999px;display:inline-block;align-self:flex-start}.forecast{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;list-style:none;margin:0;padding:0;max-width:100%}.forecast::-webkit-scrollbar{display:none}.forecast:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:var(--radius-sm)}.forecast__hour,.hour{flex:0 0 auto;min-width:74px;background:var(--surface-sub);border-radius:var(--radius-sm);padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:4px}.hour--sunny{background:var(--warn-bg)}.forecast__time,.hour__time{font-family:var(--font-mono);font-size:12px;color:var(--ink-3)}.forecast__values{display:flex;flex-direction:column;align-items:center;gap:2px;margin:0}.forecast__values .measure{display:flex;flex-direction:column-reverse;align-items:center}.forecast__values .measure__label{font-size:11px;color:var(--ink-3);margin:0}.forecast__values .measure__value{font-family:var(--font-num);font-size:16px;font-weight:600;margin:0}.forecast__values .measure__unit{font-size:11px}.forecast__values .measure+.measure .measure__value{color:var(--accent);font-size:14px}.forecast__noicon{display:block}.forecast__symbol{display:block;margin:0 auto;color:var(--accent-ink)}.hour--sunny .forecast__symbol{color:#a8781f}.search{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}.search__fields{display:flex;gap:8px;width:100%}.field,.search__field{flex:1 1;min-width:0;border:1px solid #d7e0e6;border-radius:var(--radius-sm);padding:8px 10px;background:var(--surface);display:flex;flex-direction:column;gap:2px}.field--wide{flex:1.25 1}.field__label,.search__field label{font-size:11px;color:var(--ink-3)}.field input,.search__field input{border:0;padding:0;background:transparent;width:100%;min-width:0;font-family:var(--font-num);font-size:15px;font-weight:600;color:var(--ink)}.field input:focus-visible,.search__field input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.btn,.search__submit{border:0;border-radius:var(--radius-sm);background:var(--accent);color:#fff;font-family:var(--font);font-size:15px;font-weight:700;min-height:48px;padding:0 18px;cursor:pointer;width:100%}.btn:hover,.search__submit:hover{background:var(--accent-ink)}.btn:disabled,.search__submit:disabled{background:var(--ink-3);cursor:not-allowed}.btn--ghost{background:var(--surface);color:var(--accent);border:1px solid #d7e0e6}.btn--ghost:hover{background:var(--accent-soft)}.btn--light{background:#fff;color:var(--accent)}.btn--light:hover{background:var(--accent-soft)}.presets{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-top:10px;padding-bottom:2px}.presets::-webkit-scrollbar{display:none}.chip{white-space:nowrap;border:0;cursor:pointer;font-family:var(--font);background:var(--surface-sub);color:var(--ink-3);font-size:13px;border-radius:999px;padding:10px 14px;min-height:44px}.chip[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);font-weight:700}.chip:disabled{opacity:.55;cursor:not-allowed}.history__error,.search__error{width:100%;margin:0;font-size:13px;font-weight:700;color:var(--warn-ink);background:var(--warn-bg);padding:10px 12px;border-radius:var(--radius-sm)}.result-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 2px}.result-head__title{font-size:14px;font-weight:700;margin:0}.history__total{font-size:12px;color:var(--ink-3);margin:0}.entries,.history__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.entry,.history__row{background:var(--surface);border-radius:18px;box-shadow:var(--shadow-card);overflow:hidden}.entry__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;border-bottom:1px solid #f0f4f6}.entry__time{font-family:var(--font-num);font-size:16px;font-weight:600;margin:0}.entry__body{display:flex;gap:12px;padding:12px 14px;align-items:center}.entry__grid{flex:1 1;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:6px 10px;gap:6px 10px;margin:0}@media (min-width:420px){.entry__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}}.entry__grid .measure{display:flex;flex-direction:column-reverse;min-width:0}.entry__grid .measure__value{font-family:var(--font-num);font-size:17px;font-weight:600;margin:0;line-height:1.3;overflow-wrap:anywhere}.entry__grid .measure__unit{font-size:11px;font-weight:500;margin-left:.1em}.entry__grid .measure__label{font-size:12px;color:var(--ink-3);margin:0}.entry__grid .measure:first-child .measure__value{color:var(--accent)}.history__thumb{flex:none;display:block;padding:0;border:0;background:none;cursor:pointer;border-radius:12px;overflow:hidden;width:76px;height:60px}.history__thumb img{width:100%;height:100%;object-fit:cover;display:block;background:#cfdde5}.history__thumb:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.history__nophoto{flex:none;width:76px;font-size:11px;color:var(--ink-3);margin:0;line-height:1.4}.history__empty,.history__hint,.history__loading,.more{text-align:center;font-size:14px;color:var(--ink-3);margin:0;padding:8px 0}.history__capped{font-size:13px;font-weight:700;color:var(--warn-ink);background:var(--warn-bg);padding:10px 12px;border-radius:var(--radius-sm);margin:0}.modal{position:fixed;inset:0;background:rgba(12,24,31,.82);display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.modal__inner{background:var(--surface);border-radius:var(--radius-card);padding:14px;max-width:100%;max-height:100%;overflow:auto;display:flex;flex-direction:column;gap:10px}.modal__inner img{width:100%;height:auto;border-radius:12px;display:block}.modal__close{min-height:48px}.cta{background:var(--accent);border-radius:var(--radius-card);padding:20px;display:flex;flex-direction:column;gap:10px;color:#fff}.cta__title{font-size:18px;font-weight:700;margin:0}.cta__body{font-size:15px;line-height:1.7;margin:0}.cta__url{font-family:var(--font-mono);font-size:11px;color:#fff;word-break:break-all;margin:0}.cta .btn{display:flex;align-items:center;justify-content:center;text-decoration:none}.cta .pending{color:#fff}.steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;counter-reset:step}.steps li{display:flex;gap:12px;font-size:15px;line-height:1.7;color:var(--ink-2);counter-increment:step}.steps li>span{flex:1 1;min-width:0}.steps li:before{content:counter(step);width:26px;height:26px;flex:none;border-radius:9px;background:var(--accent-soft);color:var(--accent);font-family:var(--font-mono);font-size:12px;display:flex;align-items:center;justify-content:center}.steps b{color:var(--ink)}.about__list,.facts{margin:0;display:flex;flex-direction:column}.facts__row{display:flex;gap:10px;align-items:baseline;padding:10px 0}.facts__row:first-child{padding-top:0}.facts__row:last-child{padding-bottom:0}.facts__row+.facts__row{border-top:1px solid var(--line)}.about__list dt,.facts dt{width:82px;flex:none;font-size:12px;color:var(--ink-3)}.about__list dd,.facts dd{margin:0;font-size:15px;line-height:1.6}.pending{color:var(--ink-3);font-style:italic;font-size:14px}.card--caution{background:var(--warn-bg);box-shadow:0 0 0 1px var(--warn-line)}.card--caution .card__title{color:var(--warn-ink)}.card--caution li,.card--caution p{margin:0;font-size:15px;line-height:1.75;color:#4a3a22}.card--caution ul{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:10px}.card--caution .hr{background:var(--warn-line)}.contact{display:flex;flex-direction:column;gap:3px}.contact__label{font-size:12px;color:var(--warn-ink)}.contact a{font-family:var(--font-mono);font-size:13px;color:#4a3a22}.tabbar{margin-top:auto;position:-webkit-sticky;position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--line-2);padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.tab,.tabbar{display:flex;gap:4px}.tab{flex:1 1;min-height:48px;text-decoration:none;flex-direction:column;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:12px;font-weight:500;color:var(--ink-3);text-align:center;padding:4px 2px}.tab__icon{width:22px;height:22px;display:block;color:#6b8494}.tab[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:700}.tab[aria-current=page] .tab__icon{color:var(--accent)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.pill{border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;background:var(--good-bg);color:var(--good-ink);white-space:nowrap}.pill--warn{background:var(--warn-bg);color:var(--warn-ink)}.pill--alert{background:var(--alert-bg);color:var(--alert-ink)}.gauge{display:flex;flex-direction:column;gap:7px}.gauge__head{display:flex;align-items:baseline;justify-content:space-between}.gauge__label{font-size:13px;color:var(--ink-3)}.gauge__value{font-family:var(--font-num);font-size:17px;font-weight:600}.gauge__value span{font-size:13px;margin-left:1px}.gauge__track{height:8px;border-radius:999px;background:var(--surface-sub);overflow:hidden}.gauge__fill{height:100%;border-radius:999px;background:var(--accent)}[data-band=caution] .gauge__fill,[data-band=warning] .gauge__fill{background:var(--warn-ink)}[data-band=danger] .gauge__fill,[data-band=severe] .gauge__fill{background:var(--alert-ink)}.gauge__scale{display:flex;justify-content:space-between;gap:4px;font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}.wind{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.wind__value{font-family:var(--font-num);font-size:22px;font-weight:600;color:var(--ink)}.wind__value span{font-size:13px;margin-left:1px}.wind__dir{font-family:inherit;font-size:22px;margin-right:6px}.wind__note{font-size:13px;color:var(--ink-3)}