:root{--sans:"Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--bg:#eef2f7;--card:#fff;--border:#dce3ec;--border-strong:#c5d0dc;--text:#0f172a;--muted:#5b6b7c;--faint:#8a9aab;--chip:#f1f5f9;--shadow:0 1px 2px #0f172a0a, 0 8px 24px #0f172a0d;--brand:#0284c7;--brand-strong:#0369a1;--brand-soft:color-mix(in srgb, #0ea5e9 12%, var(--card));--error:#dc2626;--radius:14px;--radius-sm:10px;--surface-tint:color-mix(in srgb, var(--card) 92%, var(--bg));--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:#0b1220;--card:#141c2b;--border:#243044;--border-strong:#334155;--text:#e8eef6;--muted:#94a3b8;--faint:#64748b;--chip:#1a2436;--shadow:0 1px 2px #00000059, 0 10px 28px #00000047;--brand:#38bdf8;--brand-strong:#7dd3fc;--brand-soft:color-mix(in srgb, #38bdf8 14%, var(--card));--error:#f87171;--surface-tint:color-mix(in srgb, var(--card) 88%, #0a101c)}*{box-sizing:border-box}html{font-size:17px}html,body,#root{min-height:100%;margin:0;padding:0}body{color:var(--text);background-color:var(--bg);font-family:var(--sans);font-size:var(--fs-base);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;background-image:radial-gradient(90% 55% at 50% -18%,#0ea5e929,#0000 55%),radial-gradient(50% 40% at 100% 8%,#38bdf81a,#0000 50%),radial-gradient(45% 35% at 0 100%,#64748b1f,#0000 55%);background-attachment:fixed;line-height:1.5}:root[data-theme=dark] body{background-image:radial-gradient(90% 55% at 50% -18%,#38bdf81f,#0000 55%),radial-gradient(50% 40% at 100% 8%,#0ea5e914,#0000 50%),radial-gradient(45% 35% at 0 100%,#33415559,#0000 55%)}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.wrap{max-width:720px;padding:max(28px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 56px max(20px, env(safe-area-inset-left));margin:0 auto}.header{border-bottom:1px solid var(--border);flex-direction:column;gap:16px;margin-bottom:20px;padding-bottom:18px;display:flex}.headerToolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.timeMeta{min-width:0;color:var(--muted);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:14px;min-width:0;display:flex}.brandLogo{border:1px solid color-mix(in srgb, var(--brand) 22%, var(--border));background:linear-gradient(145deg, var(--brand-soft), var(--card));width:44px;height:44px;color:var(--brand);box-shadow:var(--shadow);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.title{font-family:var(--sans);font-size:var(--fs-3xl);letter-spacing:-.04em;margin:0;font-weight:700;line-height:1.15}.subtitle{color:var(--muted);font-size:var(--fs-sm);letter-spacing:-.01em;margin:5px 0 0}.tabNav{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 70%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;gap:4px;margin-bottom:18px;padding:4px;display:flex;overflow:hidden}.tabBtn{min-width:0;color:var(--muted);font-size:var(--fs-sm);letter-spacing:-.02em;white-space:nowrap;background:0 0;border:0;border-radius:9px;flex:1 1 0;padding:11px 2px;font-weight:600;transition:background .15s,color .15s}.tabBtn[aria-current=page]{background:var(--card);color:var(--text);box-shadow:0 1px 3px #0f172a14}:root[data-theme=dark] .tabBtn[aria-current=page]{background:var(--chip);box-shadow:0 1px 3px #00000040}.themeSeg{border:1px solid var(--border);background:var(--card);border-radius:10px;display:inline-flex;overflow:hidden}.themeSeg button{color:var(--muted);background:0 0;border:0;place-items:center;width:38px;height:38px;transition:background .15s,color .15s;display:grid}.themeSeg button[aria-pressed=true]{background:var(--brand-soft);color:var(--brand-strong)}.btn,.iconBtn{border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:10px;transition:border-color .15s,background .15s;box-shadow:0 1px 2px #0f172a0a}.btn:hover,.iconBtn:hover{border-color:var(--border-strong)}.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}.iconBtn:disabled{opacity:.7;cursor:wait}.iconBtn.isRefreshing svg{animation:.8s linear infinite refreshSpin}@keyframes refreshSpin{to{transform:rotate(-360deg)}}.stack{gap:14px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb, var(--card) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);position:relative;overflow:hidden}.cardRail{display:none}.floodRail,.warningRail{background:var(--brand);border-radius:0;width:3px;display:block;position:absolute;top:0;bottom:0;left:0}.cardBody{padding:22px}.floodRail~.cardBody,.warningRail~.cardBody{padding-left: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:.06em;text-transform:uppercase;color:var(--faint);margin:0;font-weight:600}.condition{font-family:var(--sans);font-size:var(--fs-2xl);letter-spacing:-.03em;margin:6px 0 0;font-weight:700;line-height:1.2}.sectionTitle{font-family:var(--sans);font-size:var(--fs-xl);letter-spacing:-.03em;margin:0;font-weight:700}.badge{background:var(--chip);color:var(--muted);font-size:var(--fs-xs);white-space:nowrap;border-radius:8px;align-items:center;padding:5px 10px;font-weight:600;display:inline-flex}.tempHero{font-family:var(--sans);font-size:var(--fs-display);letter-spacing:-.05em;background:linear-gradient(135deg, var(--text) 40%, color-mix(in srgb, var(--brand) 55%, var(--text)));color:#0000;-webkit-background-clip:text;background-clip:text;min-height:1.05em;margin:4px 0 18px;font-weight:700;line-height:1}.tempHero--placeholder{color:color-mix(in srgb, var(--muted) 55%, var(--text));background:0 0;-webkit-background-clip:unset;background-clip:unset}.skeletonText{color:var(--muted)}.statGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.stat{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-tint);padding:12px 14px}.stat dt{font-size:var(--fs-xs);color:var(--faint);margin:0;font-weight:600}.stat dd{font-size:var(--fs-lg);letter-spacing:-.02em;margin:5px 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);border-radius:var(--radius-sm);background:var(--surface-tint);color:var(--muted);font-size:var(--fs-base);margin:12px 0 0;padding:12px 14px;line-height:1.55}.typhoonImg{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);width:100%;height:auto;margin-bottom:12px;display:block}.subSectionTitle{font-family:var(--sans);font-size:var(--fs-lg);letter-spacing:-.02em;margin:16px 0 10px;font-weight:700}.typhoonFcstItem{grid-template-columns:72px 1fr 56px 52px}.earthquakeList{gap:14px;display:grid}.earthquakeItem{border-top:1px solid var(--border);padding-top:14px}.earthquakeItem:first-child{border-top:none;padding-top:0}.earthquakeItemTop{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.earthquakeItemTitle{font-family:var(--sans);font-size:var(--fs-2xl);letter-spacing:-.03em;margin:4px 0 0;font-weight:700;line-height:1.2}.floodHero--calm .floodHeroTitle{color:var(--brand-strong)}.floodHeroTitle{font-family:var(--sans);font-size:var(--fs-2xl);letter-spacing:-.03em;margin:6px 0 12px;font-weight:700;line-height:1.3}.floodRail--calm{background:var(--brand)}.floodRail--active,.floodRail--interest,.floodRail--watch{background:#ca8a04}.floodRail--alert{background:#ea580c}.floodRail--serious,.floodRail--plan{background:#dc2626}.floodRail--unknown{background:var(--muted)}.floodList{gap:14px;margin-top:12px;display:grid}.floodItem{border-top:1px solid var(--border);padding-top:14px}.floodItem:first-child{border-top:none;padding-top:0}.floodItemTop{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.floodItemTitle{font-family:var(--sans);font-size:var(--fs-xl);letter-spacing:-.02em;margin:4px 0 0;font-weight:700;line-height:1.25}.floodBadge--calm,.floodBadge--unknown{color:var(--muted);background:var(--chip)}.floodBadge--interest,.floodBadge--watch{color:#854d0e;background:color-mix(in srgb, #eab308 16%, var(--card))}.floodBadge--alert{color:#9a3412;background:color-mix(in srgb, #f97316 16%, var(--card))}.floodBadge--serious,.floodBadge--plan{color:#991b1b;background:color-mix(in srgb, #ef4444 16%, var(--card))}:root[data-theme=dark] .floodBadge--interest,:root[data-theme=dark] .floodBadge--watch{color:#fde68a}:root[data-theme=dark] .floodBadge--alert{color:#fdba74}:root[data-theme=dark] .floodBadge--serious,:root[data-theme=dark] .floodBadge--plan{color:#fca5a5}.floodGaugeWrap{margin:12px 0}.floodGaugeTrack{background:color-mix(in srgb, var(--border) 70%, var(--card));border-radius:999px;height:8px;overflow:hidden}.floodGaugeFill{border-radius:inherit;background:var(--brand);height:100%}.floodGaugeFill--interest,.floodGaugeFill--watch{background:#eab308}.floodGaugeFill--alert{background:#f97316}.floodGaugeFill--serious,.floodGaugeFill--plan{background:#ef4444}.floodGaugeMeta{font-size:var(--fs-sm);color:var(--muted);justify-content:space-between;gap:12px;margin-top:8px;display:flex}.floodGaugeMeta strong{color:var(--text);font-size:var(--fs-base)}.floodThresholdGrid{margin-top:4px}.locationPicker{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;margin-bottom:16px;display:flex;overflow-x:auto}.locationPicker::-webkit-scrollbar{display:none}.locationPickerBtn{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 80%, transparent);min-width:3.6rem;color:var(--muted);font-size:var(--fs-sm);text-align:center;white-space:nowrap;border-radius:12px;flex:1 0 0;padding:10px 8px;font-weight:600;transition:border-color .15s,background .15s,color .15s;box-shadow:0 1px 2px #0f172a08}.locationPickerBtn[aria-selected=true]{border-color:color-mix(in srgb, var(--brand) 45%, var(--border));background:var(--brand-soft);color:var(--brand-strong)}.locationPickerBtn:disabled{opacity:.7;cursor:wait}.typhoonPicker{-webkit-overflow-scrolling:touch;gap:8px;margin-top:8px;display:flex;overflow-x:auto}.typhoonPickerBtn{border:1px solid var(--border);background:color-mix(in srgb, var(--card) 80%, transparent);min-width:6.5rem;color:var(--muted);font-size:var(--fs-sm);text-align:center;white-space:nowrap;border-radius:12px;flex:1 0 auto;padding:10px 12px;font-weight:600;box-shadow:0 1px 2px #0f172a08}.typhoonPickerBtn[aria-selected=true]{border-color:color-mix(in srgb, var(--brand) 45%, var(--border));background:var(--brand-soft);color:var(--brand-strong)}.warningHero--calm .warningHeroTitle{color:var(--brand-strong)}.warningHeroTitle{font-family:var(--sans);font-size:var(--fs-2xl);letter-spacing:-.03em;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:8px;align-items:center;padding:5px 11px;font-weight:700;display:inline-flex}.warningStat--critical{color:#991b1b;background:color-mix(in srgb, #ef4444 16%, var(--card));border-color:color-mix(in srgb, #ef4444 28%, var(--border))}.warningStat--alert{color:#9a3412;background:color-mix(in srgb, #f97316 16%, var(--card));border-color:color-mix(in srgb, #f97316 28%, var(--border))}.warningStat--watch{color:#854d0e;background:color-mix(in srgb, #eab308 14%, var(--card));border-color:color-mix(in srgb, #eab308 26%, var(--border))}.warningStat--prelim{color:var(--muted);background:var(--chip);border-color:var(--border)}:root[data-theme=dark] .warningStat--critical{color:#fca5a5}:root[data-theme=dark] .warningStat--alert{color:#fdba74}:root[data-theme=dark] .warningStat--watch{color:#fde68a}.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:#ea580c}.warningRail--prelim{background:#ca8a04}.warningGroups{gap:12px;margin-top:12px;display:grid}.warningGroup{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-tint);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:12px 14px;display:flex}.warningGroupLabel{font-family:var(--sans);font-size:var(--fs-lg);letter-spacing:-.02em;font-weight:700}.warningEntryList{gap:8px;margin:0;padding:0 12px 12px;list-style:none;display:grid}.warningEntry{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);border-left-width:3px;padding:12px 14px}.warningEntry--critical{border-left-color:#ef4444}.warningEntry--alert{border-left-color:#f97316}.warningEntry--watch{border-left-color:#eab308}.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:7px;align-items:center;padding:3px 9px;font-weight:700;display:inline-flex}.severityBadge--critical{color:#991b1b;background:color-mix(in srgb, #ef4444 14%, var(--card))}.severityBadge--alert{color:#9a3412;background:color-mix(in srgb, #f97316 14%, var(--card))}.severityBadge--watch{color:#854d0e;background:color-mix(in srgb, #eab308 12%, var(--card))}.severityBadge--other{color:var(--muted);background:var(--chip)}:root[data-theme=dark] .severityBadge--critical{color:#fca5a5}:root[data-theme=dark] .severityBadge--alert{color:#fdba74}:root[data-theme=dark] .severityBadge--watch{color:#fde68a}.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:var(--surface-tint);max-width:100%;color:var(--muted);font-size:var(--fs-xs);border-radius:7px;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;font-weight:600}.warningTimelineList{border-left:2px solid var(--border);gap:10px;margin:0;padding:0 0 0 12px;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}.tempChartMeta{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.tempChartLegend{gap:14px;margin-bottom:8px;display:flex}.tempChartLegendItem{font-size:var(--fs-sm);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--humidity:before{background:color-mix(in srgb, #64748b 55%, var(--muted));opacity:.7}.tempChartLegendItem--pop:before{background:color-mix(in srgb, #0ea5e9 28%, var(--card));border:1px solid color-mix(in srgb, #0ea5e9 45%, var(--border));border-radius:3px;width:12px;height:12px}.tempChartLegendItem--sunrise:before{background:0 0;border-top:2px dashed #f59e0b;border-radius:0;width:14px;height:0}.tempChartLegendItem--sunset:before{background:0 0;border-top:2px dashed #818cf8;border-radius:0;width:14px;height:0}.tempChartDaylight{fill:#fde0472e}:root[data-theme=dark] .tempChartDaylight{fill:#facc151a}.tempChartSunLine{stroke-width:1.5px;stroke-dasharray:5 4}.tempChartSunLine--sunrise{stroke:#f59e0b}.tempChartSunLine--sunset{stroke:#818cf8}.tempChartSunLabel{font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.tempChartSunLabel--sunrise{fill:#d97706}.tempChartSunLabel--sunset{fill:#6366f1}.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:24px;font-weight:600}.tempChartPopBar{fill:color-mix(in srgb, #0ea5e9 22%, var(--card));stroke:color-mix(in srgb, #0ea5e9 38%, var(--border));stroke-width:1px}.tempChartTempLabel{fill:var(--muted);font-size:20px;font-weight:600}.tempChartXLabel{fill:var(--muted);font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}.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}.tempChartFeelsLine{fill:none;stroke:#f97316;stroke-width:1.35px;stroke-opacity:.85;stroke-linecap:round;stroke-linejoin:round}.tempChartHumidityLine{fill:none;stroke:color-mix(in srgb, #64748b 50%, var(--muted));stroke-width:1.4px;stroke-opacity:.45;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);border-radius:var(--radius-sm);background:var(--surface-tint);font-size:var(--fs-md);grid-template-columns:72px 1fr 58px 68px;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;letter-spacing:-.02em;font-weight:700}.hourlyPop{text-align:right;color:var(--brand-strong);font-size:var(--fs-sm);white-space:nowrap;font-weight:600}.status{border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--card) 85%, transparent);color:var(--muted);font-size:var(--fs-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin:0 0 12px;padding:14px 16px}.status.error{color:var(--error);border-color:color-mix(in srgb, var(--error) 35%, var(--border));background:color-mix(in srgb, var(--error) 6%, var(--card))}.footer{border-top:1px solid var(--border);margin-top:32px;padding-top:16px}.footer p{font-size:var(--fs-xs);color:var(--faint);margin:0}@media (width<=560px){html{font-size:16px}.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 62px}}