.weather-badge{display:flex;align-items:center;gap:.8rem;width:100%;max-width:560px;color:var(--color-text-primary);background:color-mix(in srgb,var(--color-bg-elevated) 86%,var(--color-accent) 14%);border:1px solid rgba(212,162,76,.38);border-radius:.75rem;padding:.9rem 1rem;box-shadow:0 12px 34px -18px #000000a6;backdrop-filter:blur(14px)}.weather-badge--home{width:auto;min-width:23rem;max-width:27rem;margin-top:0;padding:0;gap:1.15rem;background:transparent;border:0;box-shadow:none;backdrop-filter:none;color:var(--color-text-primary)}.weather-badge--home .weather-badge__icon{flex-basis:auto;width:6.4rem;height:6.4rem;background:transparent;border:0;line-height:.9;filter:drop-shadow(0 4px 10px rgba(0,0,0,.35))}.weather-badge--home .weather-badge__body{gap:.14rem}.weather-badge--home .weather-badge__label{justify-content:flex-end;gap:.35rem;font-size:.58rem;letter-spacing:.13em;color:color-mix(in srgb,var(--color-text-primary) 68%,transparent)}.weather-badge--home .weather-badge__main{font-size:1.55rem;font-weight:800;text-align:right;text-shadow:0 4px 14px rgba(0,0,0,.42)}.weather-badge--home .weather-badge__meta{min-height:0;font-size:.74rem;text-align:right;color:color-mix(in srgb,var(--color-text-primary) 62%,transparent)}.weather-badge__icon{display:grid;place-items:center;flex:0 0 2.4rem;width:2.4rem;height:2.4rem;border-radius:50%;background:#d4a24c24;border:1px solid rgba(212,162,76,.45);color:var(--color-accent);line-height:1}.weather-badge__icon [data-weather-symbol]{display:none;width:64%;height:64%}.weather-badge__icon [data-weather-symbol] svg{width:100%;height:100%;display:block}.weather-badge__icon [data-weather-symbol][data-active]{display:block}.weather-badge--home .weather-badge__icon [data-weather-symbol]{width:100%;height:100%}.weather-badge__body{display:grid;gap:.15rem;min-width:0}.weather-badge__label{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-family:var(--font-mono, monospace);font-size:.62rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent)}.weather-badge__source{color:var(--color-text-muted);letter-spacing:.1em;text-decoration:none}.weather-badge__source:hover{color:var(--color-accent)}.weather-badge__main{font-size:clamp(1.15rem,3vw,1.55rem);line-height:1.15;letter-spacing:0}.weather-badge__meta{min-height:1.2em;color:var(--color-text-muted);font-size:.82rem;line-height:1.35}.weather-badge__verdict{color:var(--color-accent);font-size:.86rem;font-weight:800;line-height:1.25}.weather-badge--home .weather-badge__verdict{text-align:right;text-shadow:0 3px 12px rgba(0,0,0,.42)}.weather-badge--match{max-width:none;margin-top:.95rem;gap:1.2rem;padding:1.15rem 1.35rem;color:#211712;background:#f2e5c9;border-color:#d4a24c6b;box-shadow:inset 0 1px #ffffff57,0 16px 34px -28px #261a0d73}.weather-badge--match .weather-badge__icon{flex-basis:5.4rem;width:5.4rem;height:5.4rem;background:#211712;border-color:#d4a24cc7;box-shadow:inset 0 1px #ffffff1f,0 10px 22px -16px #211712bf}.weather-badge--match .weather-badge__icon [data-weather-symbol]{width:100%;height:100%}.weather-badge--match .weather-badge__label,.weather-badge--match .weather-badge__verdict{color:#a87930}.weather-badge--match .weather-badge__source,.weather-badge--match .weather-badge__meta{color:#6f5a3d}.weather-badge--match .weather-badge__main{color:#211712}.weather-badge--mobile{max-width:none;padding:.72rem .82rem;gap:.6rem;border:1px solid rgba(212,162,76,.28);border-radius:8px;background:#08050380;box-shadow:none;backdrop-filter:blur(10px)}.weather-badge--mobile .weather-badge__icon{flex-basis:3rem;width:3rem;height:3rem;padding:.16rem;border:1px solid rgba(212,162,76,.55);background:#080503d1;box-shadow:inset 0 1px #ffffff14,0 4px 12px #0000007a;filter:drop-shadow(0 2px 5px rgba(0,0,0,.38))}.weather-badge--mobile .weather-badge__icon [data-weather-symbol]{width:100%;height:100%}.weather-badge--mobile .weather-badge__label{gap:.35rem;font-size:.52rem;letter-spacing:.12em}.weather-badge--mobile .weather-badge__main{font-size:.98rem}.weather-badge--mobile .weather-badge__verdict{display:block;font-size:.72rem;line-height:1.2;color:var(--color-accent)}.weather-badge--mobile .weather-badge__meta{display:block;min-height:0;font-size:.66rem;line-height:1.25;color:color-mix(in srgb,var(--color-text-primary) 66%,transparent)}@media(max-width:479px){.weather-badge{align-items:flex-start;padding:.85rem}.weather-badge.weather-badge--mobile{align-items:flex-start;padding:.65rem .8rem}.weather-badge__icon{flex-basis:2.15rem;width:2.15rem;height:2.15rem}.weather-badge--match .weather-badge__icon{flex-basis:4rem;width:4rem;height:4rem}}