:root{--serif:"Nanum Myeongjo", Georgia, "Times New Roman", "Apple SD Gothic Neo", serif;--sans:"Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--bg:#f2ede1;--card:#fbf8f0;--border:#ded4bf;--border-strong:#c7ba9e;--text:#221d16;--muted:#6d6454;--faint:#948a76;--chip:#efe8d9;--shadow:0 1px 2px #3c301c0f;--brand:#2f6b45;--brand-strong:#24583a;--error:#9b2f2f;--fs-2xs:.8125rem;--fs-xs:.875rem;--fs-sm:.9375rem;--fs-base:1rem;--fs-md:1.0625rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:1.75rem;--fs-display:3.75rem}:root[data-theme=dark]{--bg:#16130d;--card:#1e1a12;--border:#342e21;--border-strong:#4a4230;--text:#eee6d4;--muted:#a99f89;--faint:#7d7562;--chip:#241f16;--shadow:0 1px 2px #0006;--brand:#6fae82;--brand-strong:#5b9a6e;--error:#d18585}*{box-sizing:border-box}html{font-size:18px}html,body,#root{min-height:100%;margin:0;padding:0}body{color:var(--text);background:var(--bg);font-family:var(--sans);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;line-height:1.5}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.wrap{max-width:720px;padding:max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 48px max(20px, env(safe-area-inset-left));margin:0 auto}.header{border-bottom:2px solid var(--text);flex-direction:column;gap:12px;margin-bottom:18px;padding-bottom:14px;display:flex}.headerToolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.timeMeta{min-width:0;color:var(--brand-strong);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;flex-direction:column;gap:2px;line-height:1.4;display:flex}.headerRight{align-items:center;gap:8px;display:inline-flex}.brand{align-items:center;gap:13px;min-width:0;display:flex}.brandLogo{border:1px solid var(--border);background:var(--card);width:40px;height:40px;color:var(--brand);border-radius:6px;flex-shrink:0;place-items:center;display:grid}.title{font-family:var(--serif);font-size:var(--fs-3xl);letter-spacing:-.02em;margin:0;font-weight:800}.subtitle{color:var(--muted);font-size:var(--fs-md);margin:4px 0 0}.tabNav{border:1px solid var(--border);background:var(--card);-webkit-overflow-scrolling:touch;border-radius:10px;gap:6px;margin-bottom:16px;padding:4px;display:flex;overflow-x:auto}.tabBtn{min-width:3.8rem;color:var(--muted);font-size:var(--fs-sm);white-space:nowrap;background:0 0;border:0;border-radius:7px;flex:1 0 auto;padding:11px 8px;font-weight:600}.tabBtn[aria-current=page]{background:var(--chip);color:var(--brand-strong);box-shadow:var(--shadow)}.themeSeg{border:1px solid var(--border);background:var(--card);border-radius:8px;display:inline-flex;overflow:hidden}.themeSeg button{color:var(--muted);background:0 0;border:0;place-items:center;width:38px;height:38px;display:grid}.themeSeg button[aria-pressed=true]{background:var(--chip);color:var(--brand-strong)}.btn,.iconBtn{border:1px solid var(--border);background:var(--card);color:var(--text);box-shadow:var(--shadow);border-radius:8px}.btn{font-size:var(--fs-base);white-space:nowrap;padding:9px 14px}.btn:disabled{opacity:.6;cursor:wait}.iconBtn{place-items:center;width:40px;height:40px;padding:0;display:grid}.stack{gap:14px;display:grid}.card{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);border-radius:10px;position:relative;overflow:hidden}.cardRail{background:var(--brand);width:4px;position:absolute;top:0;bottom:0;left:0}.cardBody{padding:20px 20px 20px 24px}.cardTop{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.eyebrow{font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);margin:0}.condition{font-family:var(--serif);font-size:var(--fs-2xl);margin:6px 0 0;font-weight:700}.sectionTitle{font-family:var(--serif);font-size:var(--fs-xl);margin:0;font-weight:700}.badge{background:var(--chip);color:var(--muted);font-size:var(--fs-xs);white-space:nowrap;border-radius:999px;align-items:center;padding:5px 10px;display:inline-flex}.tempHero{font-family:var(--serif);font-size:var(--fs-display);letter-spacing:-.04em;margin:4px 0 16px;font-weight:800;line-height:1}.statGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.stat{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 88%, var(--bg));border-radius:8px;padding:10px 12px}.stat dt{font-size:var(--fs-xs);color:var(--faint);margin:0}.stat dd{font-size:var(--fs-lg);margin:4px 0 0;font-weight:600}.meta{font-size:var(--fs-sm);color:var(--faint);margin:14px 0 0}.emptyText{color:var(--muted);font-size:var(--fs-md);margin:8px 0 0;line-height:1.55}.typhoonLoc{color:var(--text);font-size:var(--fs-md);margin:0 0 14px;line-height:1.55}.typhoonRemark{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 90%, var(--bg));color:var(--muted);font-size:var(--fs-base);border-radius:8px;margin:12px 0 0;padding:10px 12px;line-height:1.55}.typhoonImg{border:1px solid var(--border);background:var(--card);border-radius:8px;width:100%;height:auto;margin-bottom:12px;display:block}.subSectionTitle{font-family:var(--serif);font-size:var(--fs-lg);margin:16px 0 10px;font-weight:700}.typhoonFcstItem{grid-template-columns:72px 1fr 56px 52px}.locationPicker{-webkit-overflow-scrolling:touch;gap:6px;margin-bottom:16px;display:flex;overflow-x:auto}.locationPickerBtn{border:1px solid var(--border);background:var(--card);min-width:3.6rem;color:var(--muted);font-size:var(--fs-sm);text-align:center;white-space:nowrap;box-shadow:var(--shadow);border-radius:10px;flex:1 0 0;padding:10px 8px;font-weight:600}.locationPickerBtn[aria-selected=true]{border-color:var(--brand);background:color-mix(in srgb, var(--brand) 8%, var(--card));color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--brand) 25%, var(--border))}.locationPickerBtn:disabled{opacity:.7;cursor:wait}.warningHero--calm .warningHeroTitle{color:var(--brand-strong)}.warningHeroTitle{font-family:var(--serif);font-size:var(--fs-2xl);margin:6px 0 12px;font-weight:700;line-height:1.3}.warningStatRow{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.warningStat{font-size:var(--fs-xs);border:1px solid #0000;border-radius:999px;align-items:center;padding:5px 11px;font-weight:700;display:inline-flex}.warningStat--critical{color:#7a2e22;background:color-mix(in srgb, #c45c4a 18%, var(--card));border-color:color-mix(in srgb, #c45c4a 35%, var(--border))}.warningStat--alert{color:#8a4a12;background:color-mix(in srgb, #d4882a 18%, var(--card));border-color:color-mix(in srgb, #d4882a 35%, var(--border))}.warningStat--watch{color:#6d5a18;background:color-mix(in srgb, #c9a227 16%, var(--card));border-color:color-mix(in srgb, #c9a227 32%, var(--border))}.warningStat--prelim{color:var(--muted);background:var(--chip);border-color:var(--border)}.warningHeroHint{color:var(--muted);font-size:var(--fs-base);margin:0 0 4px;line-height:1.5}.warningRail--calm{background:var(--brand)}.warningRail--active{background:#b45309}.warningRail--prelim{background:#9a7b2f}.warningGroups{gap:12px;margin-top:12px;display:grid}.warningGroup{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 92%, var(--bg));border-radius:8px;overflow:hidden}.warningGroupHead{width:100%;color:var(--text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.warningGroupLabel{font-family:var(--serif);font-size:var(--fs-lg);font-weight:700}.warningEntryList{gap:8px;margin:0;padding:0 10px 10px;list-style:none;display:grid}.warningEntry{border:1px solid var(--border);background:var(--card);border-left-width:3px;border-radius:8px;padding:10px 12px}.warningEntry--critical{border-left-color:#c45c4a}.warningEntry--alert{border-left-color:#d4882a}.warningEntry--watch{border-left-color:#c9a227}.warningEntry--other{border-left-color:var(--brand)}.warningEntryHead{align-items:center;gap:8px;margin-bottom:8px;display:flex}.severityBadge{font-size:var(--fs-2xs);white-space:nowrap;border-radius:999px;align-items:center;padding:3px 9px;font-weight:700;display:inline-flex}.severityBadge--critical{color:#7a2e22;background:color-mix(in srgb, #c45c4a 16%, var(--card))}.severityBadge--alert{color:#8a4a12;background:color-mix(in srgb, #d4882a 16%, var(--card))}.severityBadge--watch{color:#6d5a18;background:color-mix(in srgb, #c9a227 14%, var(--card))}.severityBadge--other{color:var(--muted);background:var(--chip)}.warningEntryType{font-weight:700;font-size:var(--fs-md);color:var(--text)}.warningChips{flex-wrap:wrap;gap:6px;display:flex}.warningChip{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 88%, var(--bg));max-width:100%;color:var(--muted);font-size:var(--fs-xs);border-radius:6px;align-items:center;padding:5px 9px;line-height:1.4;display:inline-flex}.warningChip--more{color:var(--brand-strong);cursor:pointer;background:0 0;border-style:dashed;font-weight:600}.warningBlock{color:var(--muted);font-size:var(--fs-base);white-space:pre-wrap;margin:0;line-height:1.6}.warningSection+.warningSection{margin-top:12px}.warningCollapseHead{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:flex-start;gap:12px;padding:0;display:flex}.warningCollapseText{min-width:0}.warningCollapseBody{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.warningTimeline{border-top:1px solid var(--border);gap:14px;margin-top:12px;padding-top:12px;display:grid}.warningTimelineLabel{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin:0 0 8px}.warningTimelineList{border-left:2px solid var(--border);gap:10px;margin:0;padding:0 0 0 10px;list-style:none;display:grid}.warningTimelineItem{gap:3px;display:grid}.warningRecentTime{font-size:var(--fs-xs);color:var(--faint);font-variant-numeric:tabular-nums}.warningRecentTitle{font-size:var(--fs-base);color:var(--text);line-height:1.5}.tempChart{margin-top:4px}.tempChartLegend{gap:14px;margin-bottom:8px;display:flex}.tempChartLegendItem{font-size:var(--fs-xs);color:var(--muted);align-items:center;gap:6px;display:inline-flex}.tempChartLegendItem:before{content:"";border-radius:999px;width:14px;height:3px}.tempChartLegendItem--temp:before{background:var(--brand)}.tempChartLegendItem--pop:before{background:color-mix(in srgb, #4a7fa5 35%, var(--card));border:1px solid color-mix(in srgb, #4a7fa5 55%, var(--border));border-radius:3px;width:12px;height:12px}.tempChartSvg{width:100%;height:auto;display:block}.tempChartGrid{stroke:var(--border);stroke-width:1px;stroke-dasharray:4 4}.tempChartYLabel{fill:var(--faint);font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:13px}.tempChartYLabel--pop{fill:color-mix(in srgb, #4a7fa5 80%, var(--muted));font-size:12px}.tempChartPopBar{fill:color-mix(in srgb, #4a7fa5 28%, var(--card));stroke:color-mix(in srgb, #4a7fa5 45%, var(--border));stroke-width:1px}.tempChartPopLabel{fill:color-mix(in srgb, #4a7fa5 85%, var(--text));font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.tempChartTempLabel{fill:var(--muted);font-size:12px;font-weight:600}.tempChartXLabel{fill:var(--faint);font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:13px}.tempChartArea{fill:color-mix(in srgb, var(--brand) 14%, transparent)}.tempChartLine{fill:none;stroke:var(--brand);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.tempChartDot{fill:var(--card);stroke:var(--brand-strong);stroke-width:2px}.hourlyList{gap:8px;margin:0;padding:0;list-style:none;display:grid}.hourlyItem{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 90%, var(--bg));font-size:var(--fs-md);border-radius:8px;grid-template-columns:72px 1fr 58px 48px;align-items:center;gap:10px;padding:12px 14px;display:grid}.hourlyTime{font-variant-numeric:tabular-nums;color:var(--muted)}.hourlySky{color:var(--text)}.hourlyTemp{text-align:right;font-weight:700}.hourlyPop{text-align:right;color:var(--brand-strong);font-size:var(--fs-sm)}.status{border:1px solid var(--border);background:var(--card);color:var(--muted);font-size:var(--fs-md);border-radius:8px;margin:0 0 12px;padding:14px 16px}.status.error{color:var(--error);border-color:color-mix(in srgb, var(--error) 35%, var(--border))}.footer{border-top:1px solid var(--border);margin-top:28px;padding-top:14px}.footer p{font-size:var(--fs-xs);color:var(--faint);margin:0}@media (width<=560px){html{font-size:17px}.headerToolbar{align-items:center;gap:10px}.headerRight{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end}.tempHero{font-size:3.25rem}.hourlyItem{grid-template-columns:68px 1fr 54px 46px}}