:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f9f9f7;--surface-1:#fcfcfb;--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#898781;--grid:#e1e0d9;--axis:#c3c2b7;--border:#0b0b0b1a;--series-1:#2a78d6;--radius:14px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#0d0d0d;--surface-1:#1a1a19;--text-primary:#fff;--text-secondary:#c3c2b7;--text-muted:#898781;--grid:#2c2c2a;--axis:#383835;--border:#ffffff1a;--series-1:#3987e5}}*{box-sizing:border-box}body{background:var(--page);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;padding:24px 16px 48px;font-family:system-ui,-apple-system,Segoe UI,Noto Sans TC,sans-serif;line-height:1.5}#app{flex-direction:column;gap:16px;max-width:720px;margin:0 auto;display:flex}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card__title{margin:0;font-size:1rem;font-weight:600}.card__subtitle{color:var(--text-muted);margin:4px 0 12px;font-size:.8125rem}.current__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.current__place{margin:0;font-size:1.125rem;font-weight:600}.current__condition{color:var(--text-secondary);margin:0;font-size:.9375rem}.current__temp{letter-spacing:-.02em;margin:4px 0 16px;font-size:4rem;font-weight:600;line-height:1.05}.current__stats{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:12px;margin:0;padding-top:16px;display:grid}.stat__label{color:var(--text-muted);font-size:.75rem}.stat__value{margin:2px 0 0;font-size:1.0625rem;font-weight:600}.current__observed{color:var(--text-muted);margin:12px 0 0;font-size:.75rem}.chart{border-radius:8px;position:relative}.chart:focus-visible{outline:2px solid var(--series-1);outline-offset:4px}.chart__grid{stroke:var(--grid);stroke-width:1px}.chart__tick{fill:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.chart__area{fill:var(--series-1);opacity:.1}.chart__line{fill:none;stroke:var(--series-1);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.chart__dot,.chart__focus{fill:var(--series-1);stroke:var(--surface-1);stroke-width:2px}.chart__label{fill:var(--text-secondary);font-size:12px;font-weight:600}.chart__crosshair{stroke:var(--axis);stroke-width:1px}.chart__hit{fill:#0000}.chart__tooltip{z-index:1;border:1px solid var(--border);background:var(--surface-1);pointer-events:none;white-space:nowrap;border-radius:8px;flex-direction:column;padding:6px 10px;display:flex;position:absolute;transform:translate(-50%,calc(-100% - 14px));box-shadow:0 4px 16px #0000001f}.chart__tooltip[hidden]{display:none}.chart__tooltip strong{color:var(--text-primary);font-size:1rem}.chart__tooltip span{color:var(--text-secondary);font-size:.75rem}.table-view{margin-top:12px}.table-view__toggle{color:var(--text-secondary);cursor:pointer;font-size:.8125rem}.table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:8px;font-size:.8125rem}.table th,.table td{border-bottom:1px solid var(--border);text-align:right;padding:6px 8px}.table th[scope=row],.table th[scope=col]:first-child{text-align:left;color:var(--text-secondary);font-weight:400}.table thead th{color:var(--text-muted);font-weight:400}.days{margin:8px 0 0;padding:0;list-style:none}.day{border-top:1px solid var(--border);grid-template-columns:3rem 1.5rem 1fr auto 4.5rem;align-items:center;gap:8px;padding:10px 0;font-size:.875rem;display:grid}.day:first-child{border-top:none}.day__name{color:var(--text-primary);font-weight:600}.day__label{min-width:0;color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.day__pop,.day__range{color:var(--text-secondary);font-variant-numeric:tabular-nums;text-align:right}.day__range{color:var(--text-primary);font-weight:600}.state{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);color:var(--text-secondary);text-align:center;padding:32px 20px}.state__title{color:var(--text-primary);margin:0 0 4px;font-weight:600}.state__detail{margin:0 0 16px;font-size:.875rem}.state__retry{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;font:inherit;background:0 0;border-radius:8px;padding:8px 20px;font-size:.875rem}.state__retry:hover{border-color:var(--series-1);color:var(--series-1)}.credit{color:var(--text-muted);text-align:center;font-size:.75rem}@media (width<=480px){.current__stats{grid-template-columns:repeat(2,1fr)}.current__temp{font-size:3.25rem}.day{grid-template-columns:2.75rem 1.5rem 1fr auto 4rem;font-size:.8125rem}}