.pogoda{padding-bottom:32px}.pogoda-ikona{width:32px;height:32px;flex-shrink:0;color:var(--color-text-muted)}.pogoda-ikona--slonce,.pogoda-ikona--slonce-chmury{color:oklch(72% .17 70)}.pogoda-ikona--ksiezyc,.pogoda-ikona--ksiezyc-chmury{color:#7384b7}.pogoda-ikona--deszcz,.pogoda-ikona--deszcz-snieg{color:var(--color-link)}.pogoda-ikona--snieg{color:var(--color-info)}.pogoda-ikona--burza{color:var(--color-action)}.pogoda-ikona--duza{width:88px;height:88px}.pogoda-ostrzezenie{border:1px solid var(--color-border);border-left-width:5px;border-radius:8px;padding:12px 16px;margin:0 0 16px;background:var(--color-warning-bg);border-left-color:var(--color-warning)}.pogoda-ostrzezenie--2{border-left-color:var(--color-action)}.pogoda-ostrzezenie--3{background:var(--color-danger-bg);border-left-color:var(--color-danger)}.pogoda-ostrzezenie-naglowek{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;color:var(--color-text);font-size:17px}.pogoda-ostrzezenie-ikona{width:22px;height:22px;color:var(--color-action)}.pogoda-ostrzezenie-stopien{font-size:14px;color:var(--color-text-muted)}.pogoda-ostrzezenie-czas,.pogoda-ostrzezenie-tresc{margin:6px 0 0;font-size:15px;color:var(--color-text)}.pogoda-ostrzezenie-czas{color:var(--color-text-muted)}.pogoda-teraz{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:24px;align-items:center;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:12px;padding:20px 24px;margin-bottom:28px}.pogoda-teraz-glowne{display:flex;align-items:center;gap:16px}.pogoda-teraz-temp{font-size:48px;font-weight:700;line-height:1;color:var(--color-text)}.pogoda-teraz-opis{margin-top:6px;font-size:18px;color:var(--color-text)}.pogoda-teraz-odczuwalna{margin-top:2px;font-size:15px;color:var(--color-text-muted)}.pogoda-teraz-szczegoly{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 20px;margin:0}.pogoda-teraz-szczegoly dt{font-size:13px;font-weight:400;color:var(--color-text-muted)}.pogoda-teraz-szczegoly dd{margin:2px 0 0;font-size:16px;font-weight:600;color:var(--color-text)}.pogoda-sekcja{margin-bottom:28px}.pogoda-sekcja h2{font-size:20px;margin:0 0 12px;color:var(--color-text)}.pogoda-godziny{display:flex;gap:8px;list-style:none;margin:0;padding:0 0 8px;overflow-x:auto;scroll-snap-type:x proximity}.pogoda-godzina{flex:0 0 72px;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-0);scroll-snap-align:start}.pogoda-godzina-czas{font-size:13px;color:var(--color-text-muted)}.pogoda-godzina-temp{font-size:17px;font-weight:700;color:var(--color-text)}.pogoda-godzina-opad{font-size:12px;color:var(--color-link);white-space:nowrap}.pogoda-dni{list-style:none;margin:0;padding:0;border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.pogoda-dzien{display:grid;grid-template-columns:130px 36px minmax(0,1fr) 90px 150px;align-items:center;gap:12px;padding:12px 16px;background:var(--color-surface-0)}.pogoda-dzien+.pogoda-dzien{border-top:1px solid var(--color-border)}.pogoda-dzien-nazwa{display:flex;flex-direction:column;color:var(--color-text)}.pogoda-dzien-nazwa span,.pogoda-dzien-dodatki{font-size:13px;color:var(--color-text-muted)}.pogoda-dzien-opis{color:var(--color-text)}.pogoda-dzien-temp{display:flex;gap:8px;align-items:baseline;justify-content:flex-end}.pogoda-dzien-temp strong{font-size:18px;color:var(--color-text)}.pogoda-dzien-temp span{color:var(--color-text-muted)}.pogoda-dzien-dodatki{display:flex;flex-direction:column;align-items:flex-end}.pogoda-ukryte{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pogoda-zrodla{font-size:13px;color:var(--color-text-muted)}.pogoda-zrodla a{color:var(--color-link)}@media(max-width:768px){.pogoda-teraz{grid-template-columns:1fr;padding:16px;gap:16px}.pogoda-ikona--duza{width:72px;height:72px}.pogoda-teraz-temp{font-size:40px}.pogoda-dzien{grid-template-columns:112px 32px minmax(0,1fr);grid-template-areas:"nazwa ikona temp" ". opis opis" ". dodatki dodatki";gap:4px 10px;padding:10px 12px}.pogoda-dzien-nazwa{grid-area:nazwa}.pogoda-dzien>.pogoda-ikona{grid-area:ikona}.pogoda-dzien-temp{grid-area:temp}.pogoda-dzien-opis{grid-area:opis;font-size:14px}.pogoda-dzien-dodatki{grid-area:dodatki;flex-direction:row;justify-content:flex-start;gap:12px}}