.wx-page,.weather-pill{--wx-font: "Inter", system-ui, -apple-system, sans-serif;--wx-mono: "JetBrains Mono", ui-monospace, monospace;--wx-size-kicker: .6875rem;--wx-size-body: .8125rem;--wx-size-value: .875rem;font-family:var(--wx-font);font-size:var(--wx-size-body);line-height:1.5}.wx-kicker,.wx-stat-label,.wx-range-label{font-family:var(--wx-font);font-size:var(--wx-size-kicker);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground);line-height:1.3;margin:0}.wx-num,.wx-mono{font-family:var(--wx-mono);font-variant-numeric:tabular-nums}.wx-page{max-width:1200px;margin:0 auto;padding:0 0 1.5rem;width:100%;box-sizing:border-box;--wx-section-pad: 1rem 1.1rem;--wx-section-gap: .65rem}.wx-page .modern-card{padding:var(--wx-section-pad)!important;margin-bottom:var(--wx-section-gap);border-radius:12px}:global(.app-content:has(.wx-page)){padding:1.75rem .5rem}@media(min-width:900px){:global(.app-content:has(.wx-page)){padding-left:.75rem;padding-right:.75rem}}.wx-loading,.wx-error{text-align:center;padding:2.5rem 1rem;color:var(--muted-foreground)}.wx-error{border:1px dashed var(--border);border-radius:12px}.wx-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem 1rem;margin-bottom:.65rem;line-height:1.4}.wx-top-brand{display:flex;flex-direction:column;gap:.4rem;min-width:0}.wx-top-primary{display:flex;align-items:center;flex-wrap:wrap;gap:.45rem .55rem}.wx-top-sep{color:var(--muted-foreground);font-weight:600;line-height:1;user-select:none}.wx-callsign{margin-bottom:0!important;font-size:.75rem;line-height:1.2}.wx-phase-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.wx-phase-dot.phase-night{background:#1e3a8a}.wx-phase-dot.phase-dawn{background:#f59e0b}.wx-phase-dot.phase-day{background:#38bdf8}.wx-phase-dot.phase-dusk{background:#f97316}.wx-title{font-size:clamp(1.2rem,2.8vw,1.45rem);font-weight:800;letter-spacing:-.02em;margin:0;line-height:1.25}.wx-sub{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem 0;margin:0;font-size:var(--wx-size-body);color:var(--muted-foreground);line-height:1.45}.wx-sub span:not(:last-child):after{content:"·";margin:0 .45rem;color:var(--border);font-weight:600}@media(min-width:768px){.wx-top-brand{flex-direction:row;align-items:center;flex-wrap:wrap;gap:.5rem .85rem}.wx-top-primary,.wx-sub{flex-wrap:nowrap}}@media(min-width:1024px){.wx-top{align-items:center}.wx-top-brand{gap:.65rem 1rem}}.wx-setup{padding:.85rem 1rem!important}.wx-setup-heading{margin-bottom:.65rem}.wx-setup-grid{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:640px){.wx-setup-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem 1.1rem}}@media(min-width:1024px){.wx-setup-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem 1.25rem}}.wx-setup-item{min-width:0}.wx-setup-item .wx-kicker{display:block;margin-bottom:.2rem}.wx-setup-value{margin:0;font-size:var(--wx-size-value);font-weight:700;line-height:1.35;color:var(--foreground)}.wx-setup-detail{margin:.25rem 0 0;font-size:.72rem;line-height:1.45;color:var(--muted-foreground)}.wx-refresh-btn{background:transparent;border:1px solid var(--border);padding:8px;border-radius:8px;color:var(--muted-foreground);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.wx-refresh-btn:hover:not(:disabled){color:var(--foreground);border-color:var(--foreground)}.wx-refresh-btn:disabled,.wx-refresh-btn.cooldown{opacity:.35;cursor:not-allowed}.wx-refresh-btn.spinning{animation:wx-spin 1s linear infinite;opacity:1}@keyframes wx-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.wx-live{position:relative;overflow:hidden}.wx-live:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}.wx-live>*{position:relative;z-index:1}.wx-live.tone-comfort{background:linear-gradient(135deg,rgba(16,185,129,.06) 0%,var(--card) 50%)}.wx-live.tone-warm{background:linear-gradient(135deg,rgba(245,158,11,.08) 0%,var(--card) 50%)}.wx-live.tone-hot{background:linear-gradient(135deg,rgba(239,68,68,.06) 0%,var(--card) 50%)}.wx-live.tone-humid{background:linear-gradient(135deg,rgba(99,102,241,.06) 0%,var(--card) 50%)}.wx-live.tone-cool{background:linear-gradient(135deg,rgba(59,130,246,.06) 0%,var(--card) 50%)}.wx-live.phase-night:before{background:linear-gradient(160deg,rgba(30,58,138,.1) 0%,transparent 55%)}.wx-live.phase-dawn:before{background:linear-gradient(160deg,rgba(251,146,60,.12) 0%,transparent 50%)}.wx-live.phase-day:before{background:linear-gradient(160deg,rgba(56,189,248,.08) 0%,transparent 50%)}.wx-live.phase-dusk:before{background:linear-gradient(160deg,rgba(249,115,22,.1) 0%,transparent 55%)}.wx-live-row{display:grid;grid-template-columns:1fr;gap:.85rem}@media(min-width:768px){.wx-live-row{grid-template-columns:auto 1fr;gap:1.25rem 1.5rem;align-items:start}}.wx-temp-block{min-width:0}.wx-temp{font-size:clamp(2.75rem,9vw,3.5rem);font-weight:300;line-height:1.05;letter-spacing:-.03em;display:block}.wx-temp-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .65rem;margin-top:.45rem;line-height:1.4}.wx-comfort-label{font-size:var(--wx-size-value);font-weight:700}.wx-live.tone-comfort .wx-comfort-label{color:#059669}.wx-live.tone-warm .wx-comfort-label{color:#d97706}.wx-live.tone-hot .wx-comfort-label{color:#dc2626}.wx-live.tone-humid .wx-comfort-label{color:#6366f1}.wx-live.tone-cool .wx-comfort-label{color:#2563eb}.wx-live-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem .85rem}@media(max-width:520px){.wx-live-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.wx-stat-label{display:block;margin-bottom:.2rem;line-height:1.3}.wx-stat-value{display:flex;align-items:baseline;flex-wrap:wrap;gap:.35rem;font-size:var(--wx-size-value);font-weight:700;line-height:1.35}.wx-live-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem 1rem;margin-top:.85rem;padding-top:.75rem;border-top:1px solid var(--border)}@media(min-width:768px){.wx-live-foot{flex-wrap:nowrap;gap:.5rem 1.25rem;margin-top:.7rem;padding-top:.65rem}.wx-solar-strip{flex:1;justify-content:flex-end;min-width:0}}.wx-reading{font-size:var(--wx-size-value);font-weight:700;line-height:1.35}.wx-solar-strip{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;font-size:.75rem;color:var(--muted-foreground)}.wx-solar-status{display:inline-flex;align-items:center;gap:.35rem;font-weight:600}.wx-solar-strip.is-day .wx-solar-status{color:#b45309}.wx-solar-strip.is-night .wx-solar-status{color:#1e3a8a}.wx-solar-next{font-weight:500;color:var(--muted-foreground)}.wx-solar-times{display:inline-flex;align-items:center;gap:.75rem}.wx-solar-times span{display:inline-flex;align-items:center;gap:.3rem;opacity:.55;font-family:var(--wx-mono);font-size:.72rem;font-weight:600}.wx-solar-times span.active{opacity:1;color:var(--foreground)}.wx-delta{display:inline-flex;align-items:center;gap:2px;font-family:var(--wx-mono);font-size:.65rem;font-weight:700;color:var(--muted-foreground)}.wx-delta.up{color:#10b981}.wx-delta.down{color:#ef4444}.wx-chart-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.65rem 1rem;margin-bottom:.65rem;padding-bottom:.65rem;border-bottom:1px solid var(--border)}.wx-chart-head-text{min-width:0}.wx-section-title{font-size:var(--wx-size-kicker);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-foreground);margin:0;line-height:1.3}.wx-chart-meta{margin:.2rem 0 0;font-size:.72rem;color:var(--muted-foreground);line-height:1.35}.wx-chart-summary{margin:0 0 .55rem;font-size:.76rem;font-weight:600;color:var(--muted-foreground);line-height:1.35}.wx-chart-filters{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.wx-tab-group{display:flex;flex-wrap:wrap;gap:.15rem;border:1px solid var(--border);border-radius:8px;padding:2px;background:var(--secondary)}.wx-tab{display:inline-flex;align-items:center;gap:4px;font-family:var(--wx-mono);font-size:.65rem;font-weight:700;letter-spacing:.02em;padding:5px 9px;border:none;border-radius:6px;background:transparent;color:var(--muted-foreground);cursor:pointer;line-height:1;transition:background .12s,color .12s}.wx-tab:hover:not(:disabled){color:var(--foreground)}.wx-tab.active{background:var(--card);color:var(--foreground);box-shadow:0 1px 2px #0000000f}.wx-tab.metric-temperature.active{color:#dc2626}.wx-tab.metric-humidity.active{color:#0891b2}.wx-tab.metric-pressure.active{color:#9333ea}.wx-intro{padding:.75rem 1rem!important}.wx-intro.is-collapsed{cursor:pointer;transition:border-color .15s ease,background .15s ease}.wx-intro.is-collapsed:hover{border-color:color-mix(in srgb,var(--border) 50%,#6366f1);background:color-mix(in srgb,var(--secondary) 35%,transparent)}.wx-intro.is-collapsed:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:2px}.wx-intro-bar{display:flex;align-items:flex-start;gap:.65rem}.wx-intro-bar-text{flex:1;min-width:0}.wx-intro-toggle{flex-shrink:0;font-family:var(--wx-mono);font-size:.62rem;font-weight:700;letter-spacing:.03em;padding:.35rem .55rem;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--muted-foreground);cursor:pointer;line-height:1}.wx-intro-toggle:hover{color:var(--foreground);border-color:color-mix(in srgb,var(--border) 60%,#6366f1)}.wx-intro-toggle-hint{pointer-events:none;opacity:.85}.wx-intro.is-collapsed .wx-intro-note{display:none}.wx-intro-icon{flex-shrink:0;margin-top:.1rem;color:#6366f1;opacity:.85}.wx-chart-hover-dock{margin-bottom:.45rem;padding:.5rem .65rem;border:1px solid var(--border);border-radius:8px;background:var(--secondary);box-sizing:border-box;min-height:4.75rem}.wx-chart-hover-dock.is-active{background:var(--card);border-color:color-mix(in srgb,var(--border) 70%,#6366f1)}.wx-hover-head{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;min-height:1.15rem}.wx-hover-body{min-height:2.35rem;margin-top:.3rem}.wx-chart-hover-placeholder{font-size:.7rem;color:var(--muted-foreground);line-height:1.35}.wx-hover-time{font-size:.76rem;font-weight:700}.wx-hover-grid{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.25rem .75rem;width:100%}.wx-hover-cell{flex:1 1 5.25rem;min-width:4.75rem;max-width:100%}.wx-hover-cell dt{font-size:.58rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground);line-height:1.25}.wx-hover-cell dd{margin:0;font-size:.8rem;font-weight:700;line-height:1.35;white-space:nowrap}.wx-hover-note{margin:.3rem 0 0;font-size:.62rem;color:var(--muted-foreground);line-height:1.35}.wx-chart-plot{min-height:0;contain:layout style}.wx-chart-tooltip-wrapper{display:none!important;pointer-events:none}.wx-intro-title{margin:0 0 .25rem;font-size:.9rem;font-weight:700;line-height:1.35}.wx-intro-text{margin:0;font-size:.75rem;color:var(--muted-foreground);line-height:1.45}.wx-intro-text strong{color:var(--foreground);font-weight:600}.wx-intro-doc-link{color:var(--primary);font-weight:600;text-decoration:none}.wx-intro-doc-link:hover{text-decoration:underline}.wx-intro-note{margin:.4rem 0 0;font-size:.68rem;color:var(--muted-foreground);line-height:1.4}.wx-outlook-card{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem 1rem;margin-bottom:var(--wx-section-gap);border-radius:12px;border:1px solid var(--border);background:var(--card);line-height:1.45}.wx-outlook-card svg{flex-shrink:0;margin-top:.1rem}.wx-outlook-card strong{display:block;font-size:.88rem;margin-bottom:.2rem}.wx-outlook-card p{margin:0;font-size:.75rem;color:var(--muted-foreground);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.wx-outlook-meta{margin-top:.35rem!important;font-size:.68rem!important;font-weight:600}.wx-outlook-card.risk-high{border-color:#ef444459;background:#ef44440a}.wx-outlook-card.risk-high svg{color:#dc2626}.wx-outlook-card.risk-moderate{border-color:#f9731659;background:#f973160a}.wx-outlook-card.risk-moderate svg{color:#ea580c}.wx-outlook-card.risk-low,.wx-outlook-card.wx-outlook-pending{border-color:#10b98140;background:#10b98108}.wx-outlook-card.risk-low svg,.wx-outlook-card.wx-outlook-pending svg{color:#0891b2}.wx-live-head{margin-bottom:.65rem}.wx-live-lead,.wx-chart-lead,.wx-stat-hint,.wx-insight-lead,.wx-setup-lead{display:none}.wx-tooltip-rows{margin:.15rem 0 0;width:100%}.wx-tooltip-row{margin:.25rem 0 0}.wx-tooltip-row dt{font-size:.58rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;opacity:.75}.wx-tooltip-row dd{margin:0}.wx-tooltip-hint{display:block;font-size:.58rem;font-weight:500;opacity:.8;line-height:1.3;margin-top:1px}.wx-tab:disabled{opacity:.35;cursor:not-allowed}.wx-chart-head-compact{margin-bottom:.45rem;padding-bottom:.45rem}.wx-comfort-legend{display:flex;align-items:center;gap:.65rem;font-size:.68rem;font-weight:700}.wx-legend-temp{color:#dc2626}.wx-legend-temp:before{content:"-";margin-right:.25rem}.wx-legend-dew{color:#0d9488}.wx-legend-dew:before{content:"- -";margin-right:.25rem;letter-spacing:-.08em}.wx-recharts-wrap-sm{min-height:110px}.wx-comfort-card .wx-recharts-wrap-sm,.wx-outlook-chart .wx-recharts-wrap-sm{min-height:140px}.wx-rhythm-card .wx-recharts-wrap-sm{min-height:110px}.wx-recharts-wrap{width:100%;min-height:200px;overflow:visible}.wx-recharts-wrap .recharts-wrapper{margin:0 auto;overflow:visible!important}.wx-chart-empty{font-size:var(--wx-size-body);color:var(--muted-foreground);text-align:center;padding:2rem .5rem}.wx-recharts-wrap .recharts-surface{overflow:visible}.wx-chart-tooltip-panel{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 10px;background:var(--foreground);color:var(--background);border-radius:8px;font-size:.7rem}.wx-recharts-tooltip{pointer-events:none;box-shadow:0 4px 12px #0000001f}.wx-tooltip-time{font-weight:700}.wx-tooltip-phase{font-size:.6rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:2px 5px;border-radius:4px}.wx-tooltip-phase.phase-night{background:#1e3a8a59}.wx-tooltip-phase.phase-dawn{background:#fb923c59}.wx-tooltip-phase.phase-day{background:#38bdf859}.wx-tooltip-phase.phase-dusk{background:#f9731659}.wx-tooltip-value{font-family:var(--wx-mono);font-weight:800}.wx-insights{padding:.85rem}.wx-insights-stack{display:flex;flex-direction:column;gap:.75rem}@media(min-width:768px){.wx-insights-stack{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:.85rem;align-items:stretch}}.wx-insight-card{padding:.75rem .85rem;border:1px solid var(--border);border-radius:12px;background:var(--background);line-height:1.35}.wx-insight-card .wx-kicker{display:block;margin-bottom:.35rem}.wx-trends-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem .85rem}.wx-trend-cell{display:flex;flex-direction:column;gap:.2rem;min-width:0}.wx-trend-cell-label{font-size:.68rem;font-weight:600;color:var(--muted-foreground);line-height:1.3}.wx-trend-cell-value{display:inline-flex;align-items:center;flex-wrap:wrap;gap:.3rem .4rem;font-size:var(--wx-size-body);font-weight:700;line-height:1.35}.wx-trend-cell-value svg{opacity:.55;flex-shrink:0}.wx-trend-cell-value.up{color:#10b981}.wx-trend-cell-value.down{color:#ef4444}.wx-trend-cell-value.neutral{color:var(--foreground)}.wx-trend-pressure.tone-up{color:#10b981}.wx-trend-pressure.tone-down{color:#ef4444}.wx-trend-pressure.tone-neutral{color:var(--foreground)}.wx-trend-pressure .wx-num{font-size:.82rem;color:var(--muted-foreground)}.wx-range-grid{display:flex;flex-direction:column;gap:.4rem;margin-top:.35rem}.wx-range-row{display:grid;grid-template-columns:4.75rem 1fr;gap:.65rem;align-items:center;line-height:1.35}.wx-range-values{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.35rem;text-align:right;font-size:var(--wx-size-body);font-weight:700}.wx-range-mid{color:var(--muted-foreground)}.wx-range-hint{display:block;margin-top:.4rem;font-size:.62rem;color:var(--muted-foreground);text-align:right;line-height:1.3}.wx-footer-note{font-size:.7rem;color:var(--muted-foreground);text-align:center;line-height:1.4;margin:.25rem 0 0}.weather-pill{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:14px;text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s,transform .2s;margin-top:1.5rem;width:100%;box-sizing:border-box}.weather-pill:hover{border-color:#3b82f6;box-shadow:0 6px 20px -6px #3b82f633;transform:translateY(-1px)}.weather-pill-icon{width:42px;height:42px;border-radius:11px;background:#3b82f61a;color:#3b82f6;display:flex;align-items:center;justify-content:center;flex-shrink:0}.weather-pill-body{flex:1;min-width:0}.weather-pill-label{display:block;font-family:var(--wx-font);font-size:var(--wx-size-kicker);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:4px}.weather-pill-metrics{display:flex;flex-wrap:wrap;gap:.35rem .75rem}.weather-pill-chip{display:inline-flex;align-items:center;gap:4px;font-size:.82rem;font-weight:800;font-family:var(--wx-mono);white-space:nowrap}.weather-pill-chip svg{opacity:.55;flex-shrink:0}.weather-pill-data-text{font-size:.85rem;color:var(--muted-foreground)}.weather-pill-arrow{color:var(--muted-foreground);flex-shrink:0;opacity:.5;transition:opacity .2s,transform .2s}.weather-pill:hover .weather-pill-arrow{opacity:1;transform:translate(2px)}@media(max-width:400px){.weather-pill-metrics{flex-direction:column;align-items:flex-start;gap:.25rem}}