@font-face{font-family:AaNemomomo;src:url(/fonts/AaNemomomo.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}:root{--sans:"AaNemomomo", "Figtree", "Pretendard", -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--display:"AaNemomomo", "Sora", "Figtree", sans-serif;--bg:#f4f6f9;--card:#fff;--border:#d8dee6;--border-strong:#b8c2ce;--text:#0f172a;--muted:#475569;--faint:#64748b;--chip:#eef2f6;--brand:#0284c7;--brand-strong:#0369a1;--brand-soft:#e0f2fe;--header-h:64px;--sticky-bar-h:5.75rem;--header-bg:#0369a1;--header-text:#fff;--header-btn-bg:#ffffff26;--header-btn-hover:#ffffff40;--error:#dc2626;--saturday:#2563eb;--saturday-soft:#eff6ff;--calendar-holiday:#e11d48;--calendar-holiday-soft:#fff1f2;--temp-warm:#c2410c;--temp-cool:#0369a1;--humidity:#0f766e;--precip:#0369a1;--wind:#4f46e5;--sun:#d97706;--cloud:#64748b;--radius:12px;--radius-sm:8px;--fs-2xs:.72rem;--fs-xs:.8rem;--fs-sm:.86rem;--fs-base:1rem;--fs-md:.98rem;--fs-lg:1.05rem;--fs-xl:1.2rem;--fs-2xl:1.45rem;--fs-3xl:clamp(1.55rem, 3vw, 1.95rem);--fs-display:3.5rem}:root[data-theme=dark]{--bg:#0c121c;--card:#151d2a;--border:#2a3648;--border-strong:#3d4d63;--text:#e8eef6;--muted:#94a3b8;--faint:#7b8fa3;--chip:#1c2636;--brand:#38bdf8;--brand-strong:#7dd3fc;--brand-soft:color-mix(in srgb, #38bdf8 16%, var(--card));--header-bg:#0c2a40;--header-text:#fff;--header-btn-bg:#ffffff14;--header-btn-hover:#ffffff24;--error:#f87171;--saturday:#60a5fa;--saturday-soft:color-mix(in srgb, #60a5fa 16%, var(--card));--calendar-holiday:#fb7185;--calendar-holiday-soft:color-mix(in srgb, #fb7185 16%, var(--card));--temp-warm:#fb923c;--temp-cool:#38bdf8;--humidity:#2dd4bf;--precip:#38bdf8;--wind:#818cf8;--sun:#fbbf24;--cloud:#94a3b8}*{box-sizing:border-box}html{font-size:17px}html,body,#root{min-height:100dvh;margin:0;padding:0}body{color:var(--text);background-color:var(--bg);overscroll-behavior-y:none;background-image:linear-gradient(180deg, color-mix(in srgb, var(--brand) 6%, var(--bg)) 0%, var(--bg) 28%);font-family:var(--sans);font-size:var(--fs-base);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;background-attachment:fixed;line-height:1.5}:root[data-theme=dark] body{background-image:linear-gradient(180deg, color-mix(in srgb, var(--brand) 8%, var(--bg)) 0%, var(--bg) 32%)}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.app{flex-direction:column;min-width:0;min-height:100dvh;display:flex;overflow-x:clip}.wrap{width:100%;min-width:0;max-width:720px;padding:8px max(18px, env(safe-area-inset-right)) max(.5rem, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));flex:1;margin:0 auto}.header{z-index:20;height:calc(var(--header-h) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) max(18px, env(safe-area-inset-right)) 0 max(18px, env(safe-area-inset-left));background:var(--header-bg);color:var(--header-text);border-bottom:1px solid #ffffff0f;align-items:center;display:flex;position:sticky;top:0;box-shadow:0 2px 12px #00000026}.headerInner{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:720px;margin:0 auto;display:flex}.brandText{min-width:0}.timeMeta{min-width:0;color:var(--muted);font-size:var(--fs-sm);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:2px 12px;margin:0 0 8px;line-height:1.35;display:flex}.headerRight{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.brand{align-items:center;gap:0;min-width:0;display:flex}.title{font-family:var(--display);letter-spacing:-.01em;color:inherit;margin:0;font-size:1.05rem;font-weight:650;line-height:1.2}.subtitle{color:inherit;opacity:.78;letter-spacing:-.01em;margin:2px 0 0;font-size:.75rem;font-weight:400}.iconBtn{background:var(--header-btn-bg);width:36px;height:36px;color:var(--header-text);border:none;border-radius:10px;place-items:center;transition:background .15s,transform .12s;display:grid}.iconBtn:hover:not(:disabled){background:var(--header-btn-hover);color:var(--header-text)}.iconBtn:active:not(:disabled){transform:scale(.94)}.iconBtn:disabled{opacity:.55;cursor:wait}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stickyBar{top:calc(var(--header-h) + env(safe-area-inset-top,0px));z-index:15;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);margin:0 -.35rem;padding:.35rem .35rem .45rem;position:sticky}.tabNav{border:1px solid var(--border);background:var(--card);-webkit-overflow-scrolling:touch;scrollbar-width:none;border-radius:9px;gap:2px;margin-bottom:0;padding:2px;display:flex;overflow-x:auto}.tabPane{min-height:calc(100dvh - var(--header-h) - env(safe-area-inset-top,0px) - var(--sticky-bar-h));padding-top:10px}.tabNav::-webkit-scrollbar{display:none}.tabBtn{min-width:0;color:var(--muted);font-size:var(--fs-xs);letter-spacing:-.02em;white-space:nowrap;background:0 0;border:0;border-radius:7px;flex:1 1 0;justify-content:center;align-items:center;gap:4px;padding:4px;font-weight:600;line-height:1.25;transition:background .12s,color .12s;display:inline-flex}.tabBtnLabel{text-overflow:ellipsis;min-width:0;overflow:hidden}.tabCount{border:1px solid color-mix(in srgb, var(--brand) 35%, var(--border));background:var(--brand-soft);min-width:1.15rem;height:1.15rem;color:var(--brand-strong);font-variant-numeric:tabular-nums;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0 4px;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.tabCount--zero{border-color:var(--border);background:var(--chip);color:var(--muted);font-weight:650}.tabBtn[aria-current=page]{background:var(--brand-soft);color:var(--brand-strong)}.tabBtn[aria-current=page] .tabCount{border-color:color-mix(in srgb, var(--brand) 50%, var(--border));background:var(--card);color:var(--brand-strong)}.tabBtn[aria-current=page] .tabCount--zero{border-color:var(--border);background:color-mix(in srgb, var(--chip) 70%, var(--card));color:var(--muted)}.btn{border:1px solid var(--border);background:var(--card);color:var(--text);font-size:var(--fs-base);white-space:nowrap;border-radius:10px;padding:9px 14px;transition:border-color .15s,background .15s}.btn:hover{border-color:var(--border-strong)}.btn:disabled{opacity:.6;cursor:wait}.stack{gap:8px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--card);position:relative;overflow:hidden}.floodRail,.warningRail{background:var(--brand);border-radius:0;width:3px;display:block;position:absolute;top:0;bottom:0;left:0}.cardBody{padding:14px}.floodRail~.cardBody,.warningRail~.cardBody{padding-left:22px}.cardTop{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.eyebrow{font-size:var(--fs-xs);letter-spacing:-.01em;color:var(--muted);margin:0;font-weight:600}.condition{font-family:var(--sans);font-size:var(--fs-2xl);letter-spacing:-.03em;color:var(--text);margin:4px 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:6px;align-items:center;padding:4px 9px;font-weight:600;display:inline-flex}.tempHeroRow{justify-content:space-between;align-items:flex-end;gap:16px;margin:0 0 10px;display:flex}.tempHero{width:max-content;min-width:0;max-width:calc(100% - 5rem);font-family:var(--sans);color:var(--text);flex-flow:row;align-items:center;gap:12px;margin:0;font-weight:700;display:flex}.tempHero .weatherIcon{flex-shrink:0;margin-top:2px}.tempHeroValue{font-size:var(--fs-display);letter-spacing:-.05em;font-variant-numeric:tabular-nums;white-space:nowrap;line-height:1}.tempCondition{font-size:var(--fs-2xl);letter-spacing:-.03em;white-space:nowrap;line-height:1.1}.humidityHero{text-align:right;flex-shrink:0;margin:0}.humidityHero dt{font-size:var(--fs-xs);color:var(--muted);margin:0;font-weight:600}.humidityHero dd{font-size:var(--fs-2xl);letter-spacing:-.03em;color:var(--humidity);font-variant-numeric:tabular-nums;margin:4px 0 0;font-weight:700;line-height:1}.yesterdayHint{color:var(--muted);font:inherit;font-size:var(--fs-sm);font-variant-numeric:tabular-nums;text-align:left;background:0 0;border:0;align-items:center;gap:4px;margin:-4px 0 8px;padding:0;font-weight:600;display:inline-flex}.yesterdayHint--warmer{color:var(--temp-warm)}.yesterdayHint--colder{color:var(--temp-cool)}.yesterdayHint:hover{color:var(--text)}.yesterdayHint--warmer:hover{color:var(--temp-warm);filter:brightness(.92)}.yesterdayHint--colder:hover{color:var(--temp-cool);filter:brightness(.92)}.yesterdayHint:focus-visible{outline:2px solid var(--brand);outline-offset:3px;border-radius:4px}.yesterdayHintChevron{opacity:.7;font-size:.72em;transition:transform .15s;display:inline-block;transform:translateY(1px)}.yesterdayHint[aria-expanded=true] .yesterdayHintChevron{transform:rotate(180deg)translateY(-1px)}.yesterdayCompare{border-top:1px solid var(--border);margin:10px 0 0;padding-top:10px}.yesterdayCompare .weatherStatRow{border-top:none}.yesterdayCompareHead{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.yesterdayCompareTime{color:var(--faint);font-size:var(--fs-xs);font-variant-numeric:tabular-nums;margin:0;font-weight:600}.yesterdayType{color:var(--muted);font-size:var(--fs-sm);margin:10px 0 0;line-height:1.45}.yesterdayType--precip{color:var(--precip);font-weight:600}.yesterdaySource{color:var(--faint);font-size:var(--fs-xs);margin:8px 0 0}.tempHero--placeholder{color:var(--faint)}.skeletonText{color:var(--muted)}@keyframes skeletonPulse{0%,to{opacity:.42}50%{opacity:.88}}.skeletonBar{background:var(--chip);border-radius:4px;height:.72rem;animation:1.2s ease-in-out infinite skeletonPulse;display:block}.skeletonBar--xs{width:2.2rem}.skeletonBar--sm{width:3.2rem}.skeletonBar--chip{width:2.6rem;height:.55rem}.skeletonBar--temp{border-radius:6px;width:4.5rem;height:2.2rem}.skeletonBar--cond{width:3.8rem;height:1rem}.weatherCard .humidityHero dd .skeletonBar,.weatherCard .stat dd .skeletonBar{margin-top:2px}.skeletonStack{gap:10px;display:grid}.skeletonRow{grid-template-columns:3.2rem minmax(0,1fr) 2.4rem;align-items:center;gap:10px;display:grid}.skeletonRow .skeletonBar:nth-child(2){width:100%}.skeletonChartLegend{flex-wrap:wrap;gap:10px 12px;margin-bottom:10px;display:flex}.skeletonChart{background:var(--chip);border-radius:8px;width:100%;height:180px;animation:1.2s ease-in-out infinite skeletonPulse}.statGrid{border-top:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;display:grid}.stat{border-bottom:1px solid var(--border);padding:8px 0}.stat:nth-child(odd){border-right:1px solid var(--border);padding-right:14px}.stat:nth-child(2n){padding-left:14px}.stat dt{font-size:var(--fs-xs);color:var(--muted);margin:0;font-weight:600}.stat dd{font-size:var(--fs-lg);letter-spacing:-.02em;color:var(--text);font-variant-numeric:tabular-nums;margin:4px 0 0;font-weight:600}.stat--precip dd{color:var(--precip)}.stat--humidity dd{color:var(--humidity)}.stat--wind dd{color:var(--wind)}.weatherStatRow{border-top:1px solid var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0;display:grid}.weatherStatRow .stat{border-bottom:none;border-right:1px solid var(--border);text-align:center;padding:8px 10px 0}.weatherStatRow .stat:nth-child(odd),.weatherStatRow .stat:nth-child(2n){border-right:1px solid var(--border);padding-left:10px;padding-right:10px}.weatherStatRow .stat:first-child{padding-left:0}.weatherStatRow .stat:last-child{border-right:none;padding-right:0}.weatherStatRow .stat dd{font-size:var(--fs-md);word-break:keep-all;line-height:1.35}.weatherCard .cardBody{padding:10px 12px}.weatherCard .cardTop{margin-bottom:2px}.weatherCard .eyebrow{font-size:var(--fs-2xs);line-height:1.2}.weatherCard .tempHeroRow{align-items:center;gap:12px;margin:0 0 6px}.weatherCard .tempHero{gap:8px}.weatherCard .tempHero .weatherIcon{margin-top:0}.weatherCard .tempHeroValue{font-size:2.75rem}.weatherCard .tempCondition{font-size:var(--fs-xl);line-height:1.1}.weatherCard .humidityHero dd{font-size:var(--fs-xl);margin:2px 0 0}.weatherCard .yesterdayHint{font-size:var(--fs-xs);margin:-2px 0 6px;line-height:1.3}.weatherCard .weatherStatRow .stat{padding:6px 8px 0}.weatherCard .weatherStatRow .stat dd{font-size:var(--fs-base);margin:2px 0 0;line-height:1.25}.weatherCard .yesterdayCompare{margin:8px 0 0;padding-top:8px}.windValue{justify-content:center;align-items:center;gap:6px;display:inline-flex}.windDir{color:var(--text);transform-origin:50%;flex-shrink:0;display:inline-flex}.windDir svg{display:block}.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-top:1px solid var(--border);color:var(--muted);font-size:var(--fs-base);margin:12px 0 0;padding:12px 0 0;line-height:1.55}.typhoonImg{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--chip);width:100%;height:auto;margin-bottom:12px;display:block}.subSectionTitle{font-family:var(--sans);font-size:var(--fs-lg);letter-spacing:-.02em;margin:12px 0 8px;font-weight:700}.typhoonFcstItem{grid-template-columns:72px 1fr 56px 52px}.earthquakeList{gap:0;display:grid}.earthquakeItem{border-top:1px solid var(--border);padding:10px 0}.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}.earthquakeItemTitle--moderate{color:var(--temp-warm)}.earthquakeItemTitle--strong{color:var(--error)}.badge--moderate{color:var(--temp-warm);background:color-mix(in srgb, var(--temp-warm) 14%, var(--card))}.badge--strong{color:var(--error);background:color-mix(in srgb, var(--error) 14%, var(--card))}.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:0;margin-top:8px;display:grid}.floodItem{border-top:1px solid var(--border);padding:10px 0}.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 18%, var(--card))}.floodBadge--alert{color:#9a3412;background:color-mix(in srgb, #f97316 18%, var(--card))}.floodBadge--serious,.floodBadge--plan{color:#991b1b;background:color-mix(in srgb, #ef4444 18%, 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:var(--chip);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:5px;margin-bottom:6px;display:flex;overflow-x:auto}.locationPicker::-webkit-scrollbar{display:none}.locationPickerBtn{border:1px solid var(--border);background:var(--card);min-width:3.5rem;color:var(--muted);font-size:var(--fs-sm);text-align:center;white-space:nowrap;border-radius:7px;flex:1 0 0;padding:7px 8px;font-weight:600;line-height:1.25;transition:border-color .12s,background .12s,color .12s}.locationPickerBtn[aria-selected=true]{border-color:color-mix(in srgb, var(--brand) 40%, var(--border));background:var(--brand-soft);color:var(--brand-strong)}.locationPickerBtn:disabled{opacity:.7;cursor:wait}.typhoonPicker{-webkit-overflow-scrolling:touch;gap:6px;margin-top:8px;display:flex;overflow-x:auto}.typhoonPickerBtn{border:1px solid var(--border);background:var(--card);min-width:6.5rem;color:var(--muted);font-size:var(--fs-sm);text-align:center;white-space:nowrap;border-radius:8px;flex:1 0 auto;padding:9px 12px;font-weight:600}.typhoonPickerBtn[aria-selected=true]{border-color:color-mix(in srgb, var(--brand) 40%, 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:6px;align-items:center;padding:5px 10px;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:10px;margin-top:12px;display:grid}.warningGroup{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);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(--chip);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:6px;align-items:center;padding:3px 8px;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(--card);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:-.01em;color:var(--muted);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:0}.tempChartCard .cardBody{padding:8px 10px 6px}.tempChartMeta{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.tempChartLegend{flex-wrap:wrap;gap:10px 12px;margin-bottom:4px;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:.85}.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 #d97706;border-radius:0;width:14px;height:0}.tempChartLegendItem--sunset:before{background:0 0;border-top:2px dashed #6366f1;border-radius:0;width:14px;height:0}.tempChartDaylight{fill:#fde04733}:root[data-theme=dark] .tempChartDaylight{fill:#facc151f}.tempChartSunLine{stroke-width:1.5px;stroke-dasharray:5 4}.tempChartSunLine--sunrise{stroke:#d97706}.tempChartSunLine--sunset{stroke:#6366f1}.tempChartSunLabel{font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:20px;font-weight:600}.tempChartSunLabel--sunrise{fill:#b45309}.tempChartSunLabel--sunset{fill:#4f46e5}:root[data-theme=dark] .tempChartSunLabel--sunrise{fill:#fbbf24}:root[data-theme=dark] .tempChartSunLabel--sunset{fill:#a5b4fc}.tempChartSvg{width:100%;height:auto;display:block}.tempChartGrid{stroke:var(--border);stroke-width:1px;stroke-dasharray:4 4}.tempChartYLabel{fill:var(--muted);font-family:var(--sans);font-variant-numeric:tabular-nums;font-size:24px;font-weight:600}.tempChartPopBar{fill:color-mix(in srgb, #0ea5e9 24%, var(--card));stroke:color-mix(in srgb, #0ea5e9 42%, 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) 12%, transparent)}.tempChartLine{fill:none;stroke:var(--brand);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.tempChartFeelsLine{fill:none;stroke:#ea580c;stroke-width:1.5px;stroke-opacity:.9;stroke-linecap:round;stroke-linejoin:round}.tempChartHumidityLine{fill:none;stroke:color-mix(in srgb, #64748b 60%, var(--muted));stroke-width:1.4px;stroke-opacity:.55;stroke-linecap:round;stroke-linejoin:round}.tempChartDot{fill:var(--card);stroke:var(--brand-strong);stroke-width:2px}.hourlyList{gap:0;margin:0;padding:0;list-style:none;display:grid}.hourlyItem{border-top:1px solid var(--border);font-size:var(--fs-md);grid-template-columns:68px 1fr 52px 64px;align-items:center;gap:10px;padding:7px 0;display:grid}.hourlyItem:first-child{border-top:none;padding-top:2px}.hourlyTime{font-variant-numeric:tabular-nums;color:var(--muted);font-weight:600}.hourlySky{color:var(--text)}.hourlyTemp{text-align:right;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:700}.hourlyPop{text-align:right;color:var(--brand-strong);font-size:var(--fs-sm);white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}.weeklyList{gap:0;margin-top:0;display:grid}.weeklyCard .cardBody{padding:10px 12px 8px}.weeklyCard .emptyText{margin:0}.weeklyItem{border-top:1px solid var(--border);grid-template-columns:3.4rem minmax(0,1fr) 4.4rem;align-items:center;gap:10px;padding:8px 0;display:grid}.weeklyHeader{grid-template-columns:3.4rem minmax(0,1fr) 4.4rem;align-items:end;gap:10px;padding:0 0 4px;display:grid}.weeklyHeader .weeklyParts{justify-content:stretch}.weeklyHeader .weeklyPartSlot{text-align:center;min-width:0;display:block}.weeklyDay{border-radius:6px;justify-items:start;gap:1px;min-width:0;padding:3px 5px;display:grid}.weeklyDay--holiday{background:var(--calendar-holiday-soft)}.weeklyDay--saturday{background:var(--saturday-soft)}.weeklyDayPrimary{letter-spacing:-.02em;color:var(--text);font-weight:700;line-height:1.2}.weeklyDayPrimary--holiday{color:var(--calendar-holiday)}.weeklyDayPrimary--saturday{color:var(--saturday)}.weeklyDaySecondary{font-size:var(--fs-xs);color:var(--faint);font-variant-numeric:tabular-nums;line-height:1.2}.weeklyDaySecondary--holiday{color:var(--calendar-holiday);font-weight:650}.weeklyDaySecondary--saturday{color:var(--saturday);font-weight:650}.weeklyParts{grid-template-columns:1fr 1fr;align-items:center;gap:14px;width:100%;min-width:0;display:grid}.weeklyPart{justify-content:center;align-items:center;gap:6px;min-width:0;display:flex}.weeklyPartText{gap:1px;min-width:0;display:grid}.weeklyPartSlot{font-size:var(--fs-2xs);color:var(--faint);font-weight:600}.weeklyPartCondition{font-size:var(--fs-sm);color:var(--text);white-space:nowrap;text-overflow:ellipsis;line-height:1.25;overflow:hidden}.weeklyPartPop{font-size:var(--fs-xs);color:var(--precip);font-variant-numeric:tabular-nums;font-weight:600}.weatherIcon{color:var(--cloud);flex-shrink:0;display:inline-flex}.weatherIcon--clear,.weatherIcon--mostlyClear{color:var(--sun)}.weatherIcon--partlyCloudy{color:color-mix(in srgb, var(--sun) 55%, var(--cloud))}.weatherIcon--cloudy,.weatherIcon--fog,.weatherIcon--unknown{color:var(--cloud)}.weatherIcon--rain,.weatherIcon--drizzle{color:var(--precip)}.weatherIcon--thunder{color:color-mix(in srgb, var(--sun) 40%, var(--precip))}.weatherIcon--snow{color:color-mix(in srgb, var(--temp-cool) 55%, var(--cloud))}:root[data-theme=dark] .weatherIcon--snow{color:color-mix(in srgb, var(--temp-cool) 70%, var(--cloud))}.weatherIcon svg{display:block}.weeklyTemps{letter-spacing:-.02em;font-variant-numeric:tabular-nums;justify-content:flex-end;gap:8px;font-weight:700;display:flex}.weeklyTempMax{color:var(--temp-warm)}.weeklyTempMin{color:var(--temp-cool)}.radarCard .cardBody{padding:10px 10px 8px}.radarToolbar{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.radarTitleBlock{min-width:0}.radarTitle{font-size:var(--fs-sm);color:var(--text);margin:0;font-weight:650}.radarMeta{font-size:var(--fs-xs);color:var(--muted);align-items:baseline;gap:8px;margin:2px 0 0;display:flex}.radarClock{font-variant-numeric:tabular-nums;color:var(--text);font-weight:600}.radarLead{color:var(--faint)}.radarControls{flex-shrink:0;align-items:center;gap:6px;display:flex}.radarPlayBtn{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--chip);width:34px;height:34px;color:var(--text);cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.radarPlayBtn:hover{border-color:var(--border-strong)}.radarPlayBtn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.radarStage{border:1px solid var(--border);border-radius:var(--radius-sm);aspect-ratio:1;background:#e8edf2;line-height:0;position:relative;overflow:hidden}.radarBase,.radarOverlay{transform-origin:50%;width:100%;height:auto;display:block;transform:scale(1.5)}.radarOverlay{object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.radarScrub{flex-direction:column;gap:4px;margin-top:8px;display:flex}.radarScrubLabel{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.radarScrub input[type=range]{width:100%;accent-color:var(--brand);cursor:pointer}.radarRangeEnds{font-size:var(--fs-2xs);font-variant-numeric:tabular-nums;color:var(--faint);justify-content:space-between;display:flex}.status{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);color:var(--muted);font-size:var(--fs-md);margin:0 0 8px;padding:10px 12px}.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:14px;padding-top:10px}.footer p{font-size:var(--fs-xs);color:var(--faint);margin:0}@media (width<=560px){html{font-size:16px}.headerInner{gap:10px}.headerRight{justify-content:flex-end}.tempHeroValue{font-size:3.1rem}.weatherCard .tempHeroValue{font-size:2.45rem}.cardBody{padding:12px}.weatherCard .cardBody{padding:8px 10px}.hourlyItem{grid-template-columns:60px 1fr 48px 58px;gap:8px}.weeklyItem,.weeklyHeader{grid-template-columns:3rem minmax(0,1fr) 4rem;gap:8px}.weeklyParts{gap:12px}.weeklyPart{gap:4px}.weeklyPartCondition{font-size:var(--fs-xs)}}
