@font-face{font-family:"Overused Grotesk";src:url("../fonts/overused-grotesk.woff2") format("woff2");font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--accent:#ffe066;--muted:#aaa;--line:#2c2c2c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070707;color:#f4f4f4;font-family:"Overused Grotesk",sans-serif}body *{font-family:inherit}a{color:inherit}button,input{font:inherit}button{padding:.65rem .85rem;color:inherit;background:#171717;border:1px solid #393939;border-radius:.6rem;cursor:pointer}button:hover{background:#222}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden],.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.topbar{position:relative;z-index:20;display:flex;align-items:center;min-height:4.25rem;gap:1.4rem;padding:0 1.25rem;border-bottom:1px solid rgb(255 255 255 / 13%);background:#070707}.brand{display:flex;align-items:center;text-decoration:none}.brand img{width:1.75rem;height:1.75rem;object-fit:contain}.brand span{display:none}.topbar nav{display:flex;align-self:stretch;gap:.2rem}.topbar nav a{display:flex;flex:0 0 7.15rem;align-items:center;justify-content:center;padding:0 .8rem;border-bottom:3px solid transparent;text-decoration:none;white-space:nowrap;font-size:.85rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.topbar nav a:hover{background:#171717}.topbar nav a.active{border-bottom-color:var(--accent)}.topbar time{margin-left:auto;color:#aaa;font-variant-numeric:tabular-nums}
main{width:min(1280px,100%);margin:auto;padding:1.75rem 1.25rem 2.5rem}h1,h2,p,dl{margin:0}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(20rem,28rem);gap:1.5rem;align-items:center;margin-bottom:1.25rem}.place-heading{display:flex;align-items:center;gap:.55rem}.hero h1{font-size:clamp(1.25rem,2.5vw,1.85rem);line-height:1.2;font-weight:750;letter-spacing:-.025em}.hero #updated{margin:.45rem 0 0 2.8rem;color:#aaa;font-size:.8rem}.favorite-toggle{display:grid;place-items:center;flex:0 0 auto;width:2.25rem;height:2.25rem;padding:0;border:0;background:transparent;color:var(--accent);font-size:1.8rem}.favorite-toggle:hover{background:#ffe06614}.device-location-pin{display:grid;place-items:center;flex-shrink:0}.device-location-pin svg,.location-icon-button svg{width:1.3rem;height:1.3rem}
.location-controls{display:grid;grid-template-columns:minmax(0,1fr) 2.85rem;gap:.4rem}.city-field{position:relative;min-width:0}.location-controls input{width:100%;height:2.85rem;padding:.7rem 3rem .7rem .8rem;border:1px solid #393939;border-radius:.6rem;background:#111;color:#fff}.location-controls>button{display:grid;place-items:center;padding:0}.location-controls>button svg{width:1.2rem;height:1.2rem}.location-icon-button{position:absolute;top:.3rem;right:.3rem;display:grid;place-items:center;width:2.25rem;height:2.25rem;padding:0;border:0;background:transparent;color:#aaa}.city-suggestions{position:absolute;z-index:30;top:calc(100% + .35rem);right:0;left:0;max-height:20rem;overflow:auto;padding:.3rem;border:1px solid #393939;border-radius:.7rem;background:#111;box-shadow:0 1rem 2rem #0009}.city-suggestion{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;min-height:2.8rem;padding:.6rem;border:0;background:transparent;text-align:left}.city-suggestion:hover{background:#252525}.city-suggestion small{flex-shrink:0;color:#aaa}
.weather-overview{display:grid;grid-template-columns:minmax(0,3fr) repeat(2,minmax(8rem,.85fr));gap:.65rem}.now,.next-day{padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:.85rem;background:#111}.now-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;color:#aaa;font-size:.8rem}.now-heading>span:first-child{color:#fff;font-weight:650}.current-body{display:flex;align-items:center;gap:1.5rem;min-height:7.5rem}.condition{display:flex;align-items:center;gap:.9rem;flex-shrink:0}.condition #icon{font-size:3.3rem;line-height:1}.condition strong{font-size:clamp(2.8rem,4.8vw,4.4rem);font-weight:600;line-height:1;letter-spacing:-.06em}.current-copy{flex:1;min-width:0}.current-copy #summary{margin:0 0 .8rem;font-weight:650}.current-copy dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}dt{color:#aaa;font-size:.66rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em}dd{margin:.28rem 0 0;font-weight:650;font-size:.94rem;white-space:nowrap}.next-day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;text-align:center}.next-day h2{width:100%;text-align:left;font-size:.88rem;font-weight:650}.preview-icon{font-size:2.5rem;line-height:1.2}.next-day strong{font-size:1.9rem;line-height:1.1;font-weight:650}.preview-low{font-size:.78rem;color:#aaa}.forecast-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:.65rem 0 1.5rem}.forecast-shortcuts a{display:flex;justify-content:space-between;align-items:center;gap:.75rem;min-height:3.15rem;padding:.75rem 1rem;border:1px solid var(--line);border-radius:.65rem;background:#141414;font-size:.83rem;font-weight:750;text-decoration:none}.forecast-shortcuts a:hover{border-color:#68614b;background:#1b1a16}.forecast-shortcuts span{color:var(--accent)}
.favorites-section{margin-bottom:1.5rem!important}.favorite-chip button{border:0;background:transparent}.favorite-chip{border:1px solid #393939;border-radius:.75rem;background:#111}.favorite-chip.dragging{opacity:.45}.favorite-chip.drag-over{border-color:var(--accent)}
.weather-columns{display:grid;grid-template-columns:minmax(0,2.6fr) minmax(16rem,1fr);gap:1.5rem;align-items:start}.weather-main{min-width:0}.weather-main>section+section{margin-top:2rem}.weather-sidebar{display:grid;gap:1rem;min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.eyebrow{margin:0 0 .35rem;color:#aaa;font-size:.68rem;font-weight:800;letter-spacing:.09em}.section-heading h2,.sidebar-card h2{font-size:1.4rem;font-weight:750;line-height:1.2;letter-spacing:-.025em}.region-tabs,.daily-view-toggle{display:flex;flex-shrink:0;gap:.3rem}.region-tabs button,.daily-view-toggle button{min-height:2.5rem;padding:.5rem .7rem;background:transparent;font-size:.82rem}.region-tabs button[aria-pressed="true"],.daily-view-toggle button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#15130b;font-weight:750}
.map-day-controls{display:flex;gap:.3rem;margin-bottom:.6rem}.map-day-controls>button{flex:0 0 2rem;padding:0;font-size:1.5rem}.map-days{display:flex;gap:.3rem;flex:1;overflow:auto;min-width:0;scrollbar-width:thin}.map-days button{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 4rem;gap:.15rem;min-height:3.2rem;padding:.35rem;border-radius:.4rem;font-size:.8rem;background:#141414}.map-days button small{color:#aaa;font-size:.72rem}.map-days button[aria-pressed="true"]{border-color:var(--accent);color:var(--accent);background:#ffe0660c}.weather-map{position:relative;isolation:isolate;aspect-ratio:800/520;overflow:hidden;border:1px solid var(--line);border-radius:.85rem;background:#101311}.weather-map>img{display:block;width:100%;height:100%}.map-markers{position:absolute;inset:0}.map-marker{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:2.5rem;padding:.16rem .28rem;border:1px solid #39503d;border-radius:.25rem;background:#080d0bed;color:#fff;font-size:.66rem;line-height:1.15;white-space:nowrap;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0004}.map-marker span{font-size:.82rem;line-height:1.25;color:var(--accent);font-weight:750}.map-marker:hover,.map-marker:focus-visible{z-index:2;border-color:var(--accent);background:#171c14}.map-status{min-height:1.15rem;margin:.5rem 0 .8rem;color:#aaa;font-size:.75rem}.city-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:.75rem}.city-weather-table{width:100%;border-collapse:collapse;text-align:left;font-size:.88rem}.city-weather-table caption{padding:.8rem;background:#141414;text-align:left;font-weight:750}.city-weather-table th{padding:.55rem .8rem;color:#aaa;font-size:.68rem;text-transform:uppercase;letter-spacing:.035em}.city-weather-table td{padding:.55rem .8rem;border-top:1px solid #242424}.city-weather-table td:not(:first-child){white-space:nowrap}.city-weather-table tr:hover td{background:#141414}.city-weather-table button{padding:.1rem 0;border:0;background:transparent;text-align:left;font-size:inherit}.city-weather-table button:hover{color:var(--accent)}.city-weather-table .city-icon{display:inline-block;width:1.65rem}.city-weather-table .city-low{color:#aaa}
.sidebar-card{padding:1.15rem;border:1px solid var(--line);border-radius:.85rem;background:#111}.sidebar-card h2{margin-bottom:1rem;font-size:1.2rem}.sidebar-card dl{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.sidebar-card dd{font-size:1rem}.weekend-day{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.4rem;padding:.8rem 0;border-top:1px solid var(--line)}.weekend-day h3{margin:0;font-size:.9rem}.weekend-day p{grid-column:1/-1;font-size:.78rem;color:#aaa}.weekend-day strong{color:var(--accent)}.sun-times-detail{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-top:1px solid var(--line)}.sun-times-detail span,.sun-duration{font-size:.8rem;color:#aaa}.sun-times-detail strong{display:block;margin-top:.35rem;color:#fff;font-size:1.25rem}
.hourly,.daily.chart-mode{display:block;overflow:hidden}.hourly-chart{overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.hourly-chart svg{display:block;width:100%;min-width:44rem;height:auto;overflow:visible}.daily-chart svg{min-width:57.5rem}.chart-grid{stroke:#292929;stroke-width:1}.chart-area{fill:url(#hourly-area);opacity:.35}.chart-line{fill:none;stroke:var(--accent);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-line-low{stroke:#999;stroke-width:2}.chart-dot{fill:var(--accent);stroke:#070707;stroke-width:2}.chart-dot-low{fill:#aaa}.chart-rain{fill:#2997bd;opacity:.7}.hourly-chart text{fill:currentColor;text-anchor:middle;font-size:13px;font-weight:600}.hourly-chart .chart-icon{font-size:19px}.hourly-chart .chart-precip{fill:#2997bd;font-weight:750}.hourly-chart .chart-low-label{fill:#aaa;font-weight:500}.daily{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.day{padding:.95rem;border:1px solid var(--line);border-radius:.75rem;background:#111}.day time{display:block;font-size:.78rem;color:#aaa}.day .weather{display:block;margin:.7rem 0;font-size:1.8rem}.day b{font-size:1.2rem}.day small{display:block;margin-top:.4rem;font-size:.78rem;color:#aaa}.source{margin-top:2rem;color:#888;font-size:.75rem}section[id]{scroll-margin-top:1rem}
.city-table-wrap{max-height:22rem;scrollbar-width:thin}.city-weather-table thead th{position:sticky;top:0;z-index:1;background:#141414}.city-weather-table td{padding:.4rem .8rem}.weather-sidebar{position:sticky;top:1rem}
@media(max-width:1050px){.hero{grid-template-columns:minmax(0,1fr) minmax(17rem,22rem)}.current-body{gap:1rem}.condition{gap:.5rem}.condition #icon{font-size:2.7rem}.condition strong{font-size:3.3rem}.current-copy dl{gap:.4rem}.weather-columns{grid-template-columns:minmax(0,1fr) 15.5rem;gap:1rem}.region-heading{align-items:flex-start;flex-direction:column}.weather-overview{grid-template-columns:minmax(0,2.8fr) repeat(2,minmax(7rem,.8fr))}.now,.next-day{padding:.9rem}.map-marker{font-size:.6rem}.map-marker span{font-size:.75rem}}
@media(max-width:800px){main{padding:1.15rem .85rem 2rem}.hero{grid-template-columns:1fr;gap:.8rem}.hero h1{font-size:1.4rem}.weather-columns{grid-template-columns:1fr}.weather-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.sun-card{grid-column:1/-1}.current-body{justify-content:space-between}.current-copy{flex:0 1 55%}.region-heading{flex-direction:row;align-items:center}.section-heading h2{font-size:1.3rem}.weather-main>section+section{margin-top:1.5rem}.forecast-shortcuts a{padding:.7rem;font-size:.75rem}.weather-overview{grid-template-columns:minmax(0,2.8fr) repeat(2,minmax(6rem,.8fr))}.current-copy dl{grid-template-columns:1fr}.current-copy #summary{font-size:.88rem}.current-copy dl div:not(:first-child){display:none}.now-heading #sun-times{font-size:.7rem}.condition strong{font-size:3rem}}
@media(max-width:560px){.topbar{gap:.35rem;padding-inline:.7rem}.topbar nav a{flex-basis:auto;min-width:5.3rem;padding-inline:.45rem;font-size:.74rem}.topbar time{font-size:.8rem}.hero h1{font-size:1.2rem}.weather-overview{grid-template-columns:1fr 1fr}.now{grid-column:1/-1;padding:.85rem 1rem}.current-body{min-height:6rem;gap:.8rem}.current-copy dl{grid-template-columns:repeat(3,minmax(0,1fr))}.current-copy{flex:1}.current-copy dl div:not(:first-child){display:block}.current-copy #summary{font-size:.9rem}.current-copy dd{font-size:.75rem}.current-copy dt{font-size:.52rem}.condition strong{font-size:3rem}.condition #icon{font-size:2.4rem}.next-day{display:grid;grid-template-columns:auto 1fr;gap:.3rem .75rem;padding:.75rem}.next-day h2{grid-column:1/-1}.preview-icon{grid-column:1;grid-row:2/4;font-size:2rem}.next-day strong,.preview-low{text-align:left}.next-day strong{font-size:1.55rem}.preview-low{font-size:.7rem}.forecast-shortcuts{gap:.4rem;margin-bottom:1rem}.forecast-shortcuts a{padding:.65rem .5rem;min-height:3rem;font-size:.7rem}.forecast-shortcuts span{display:none}.section-heading,.region-heading{align-items:flex-start;flex-direction:column;gap:.65rem}.region-tabs{width:100%}.region-tabs button{flex:1}.weather-map{overflow-x:auto;aspect-ratio:auto;height:364px}.weather-map>img,.map-markers{min-width:560px}.map-markers{right:auto;width:max(100%,560px)}.map-marker{font-size:.62rem}.map-marker span{font-size:.76rem}.city-weather-table th,.city-weather-table td{padding:.5rem .65rem}.daily{grid-template-columns:repeat(2,minmax(0,1fr))}.weather-sidebar{grid-template-columns:1fr}.sun-card{grid-column:auto}.daily-view-toggle{align-self:flex-start}.favorites{grid-template-columns:1fr!important}.favorite-chip .choose{font-size:.94rem!important}.favorite-chip .favorite-conditions{font-size:.88rem!important}.source{line-height:1.5}}
@media(max-width:800px){.weather-sidebar{position:static}}
@media(max-width:360px){.topbar nav a{min-width:4.65rem;font-size:.67rem}.topbar time{display:none}.condition strong{font-size:2.6rem}.condition #icon{font-size:2rem}.current-copy dl{grid-template-columns:1fr}.current-copy dl div:not(:first-child){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Follow-up: wide layout, visible brand and compact favorites. */
main{width:100%;max-width:1920px;padding-inline:clamp(.85rem,1.5vw,2rem)}
.brand{display:flex;flex:0 0 auto;align-items:center;gap:.48rem;white-space:nowrap;font-size:1.1rem;font-weight:800}.brand span{display:inline;font-size:inherit;font-weight:inherit}
.location-controls{grid-template-columns:minmax(0,1fr)}
.favorite-chip{min-height:2.75rem!important;padding:.2rem .55rem!important}.favorite-chip .choose{min-height:2rem!important;padding:.2rem .35rem!important}
.weather-icon{display:inline-block;width:2rem;height:2rem;object-fit:contain;vertical-align:middle;flex:none}
.condition #icon .weather-icon{width:5rem;height:5rem}.preview-icon .weather-icon{width:3.5rem;height:3.5rem}.day .weather-icon{width:3rem;height:3rem}
.favorite-conditions,.city-suggestion small{display:flex;align-items:center;gap:.15rem}.favorite-conditions .weather-icon{width:1.8rem;height:1.8rem}.map-marker .weather-icon{width:1.5rem;height:1.5rem}.map-marker span{display:flex;align-items:center;justify-content:center}.city-icon .weather-icon{width:2rem;height:2rem}
.weather-map[data-map-region="world"]{aspect-ratio:360/145}
.next-day h2{text-transform:uppercase}
@media(max-width:560px){.topbar{flex-wrap:wrap;gap:0 .35rem;padding-top:.5rem}.topbar .brand{flex:1}.brand span{font-size:.85rem}.topbar nav{order:3;width:100%;justify-content:space-between}.topbar nav a{flex:1}.topbar time{margin-left:auto}.condition #icon .weather-icon{width:3.5rem;height:3.5rem}.forecast-shortcuts span{display:inline}.weather-map[data-map-region="world"]{aspect-ratio:auto;height:225.56px}.weather-map[data-map-region="world"]>img,.weather-map[data-map-region="world"] .map-markers{height:225.56px}.favorite-chip{min-height:2.75rem!important}}

/* Equal-width day buttons grow when all days fit, scroll otherwise. */
.map-days button{flex:1 0 4rem;min-width:4rem;white-space:nowrap}
.map-marker{font-size:clamp(.75rem,.85vw,.95rem);padding:.2rem .35rem;min-height:3rem}
.map-marker span{font-size:clamp(.95rem,1vw,1.1rem)}
.map-marker .weather-icon{width:1.9rem;height:1.9rem}
.map-marker[hidden]{display:none}
h2.forecast-highlight{color:var(--accent)}

/* Fit the full forecast when the day strip itself has enough room. */
.map-day-controls{container-type:inline-size}
.map-days{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}
.map-days button{flex:1 0 4rem;min-width:4rem;white-space:nowrap}
@container(min-width:52rem){
  .map-days{overflow-x:hidden}
  .map-days button{flex:1 1 0;min-width:0;padding-inline:.2rem;font-size:clamp(.72rem,1.25cqw,.8rem)}
  .map-days button small{font-size:clamp(.66rem,1.15cqw,.72rem)}
}

.preview-rain{font-size:.78rem;color:#2997bd;line-height:1.35}.current-copy dl{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1050px){.current-copy dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.current-copy dl div:not(:first-child){display:block}.current-copy dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.preview-rain{grid-column:1/-1;text-align:left;font-size:.72rem}.topbar{flex-wrap:nowrap;padding-top:0}.topbar .brand{flex:0 0 auto}.topbar .brand span{display:none}.topbar nav{order:0;width:auto;justify-content:flex-start}.topbar nav a{flex:0 0 auto;min-width:5.3rem}.topbar time{display:none}}
@media(min-width:561px) and (max-width:620px){.topbar .brand span{display:none}.topbar{gap:.35rem;padding-inline:.7rem}.topbar nav a{flex-basis:auto;min-width:5.3rem;padding-inline:.45rem;font-size:.74rem}}

/* Line icons and a compact, single-row next-day forecast. */
.condition #icon .weather-icon{width:6rem;height:6rem}
.next-day{display:flex;flex-direction:column;gap:.65rem}
.preview-weather{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;min-width:0}
.preview-weather strong{font-size:clamp(1.2rem,1.8vw,1.9rem);white-space:nowrap}
.preview-weather .preview-low{font-size:inherit;font-weight:inherit;color:#aaa}
.preview-icon{display:flex;align-items:center}
.weekend-day h3,.weekend-weather{grid-column:1/-1}
.weekend-weather{justify-content:flex-start}
.weekend-weather strong{color:#f4f4f4}
.next-day{justify-content:flex-start}
.next-day h2,.now-heading{font-size:.8rem;line-height:1.2}
.preview-rain{color:#f4f4f4;text-align:left;width:100%;line-height:1.35}
.preview-rain dt{color:#aaa;font-size:.66rem}
.preview-rain dd{color:#f4f4f4;font-size:.94rem;font-weight:650}
.next-day .preview-rain{text-align:center}
.weekend-day .preview-rain{grid-column:1/-1}
.favorite-chip:hover,.favorite-chip:focus-within{border-color:#68614b!important;background:#1b1a16!important}
.favorite-chip .choose:hover{background:transparent}
.city-weather-table .city-icon{display:inline-flex;width:2rem;margin-right:.5rem;vertical-align:middle;align-items:center;justify-content:center}
#hourly .hourly-chart[aria-label$="cała wybrana doba"] text{font-size:16px}
@media(orientation:landscape){#hourly .hourly-chart svg{min-width:0!important;width:100%}#hourly .hourly-chart{overflow-x:hidden}}
.pinned-place{position:fixed;z-index:51;top:0;left:0;right:0;padding:calc(.55rem + env(safe-area-inset-top)) max(.8rem,env(safe-area-inset-right)) .55rem max(.8rem,env(safe-area-inset-left));background:#0d0d0df5;border-bottom:1px solid #393939;box-shadow:0 .35rem 1rem #0007;color:#f4f4f4;font-size:1rem;font-weight:750;line-height:1.3}
.pinned-place[hidden]{display:none}
.pinned-place{display:flex;align-items:center;flex-wrap:wrap;gap:.35rem .85rem}
.pinned-place-context{color:#aaa;font-size:.78rem}
.pinned-place-conditions{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}
.pinned-place-conditions strong{font-size:inherit;letter-spacing:normal}
.pinned-place-conditions .weather-icon{display:block;width:2rem;height:2rem}
.pinned-place-description{font-weight:600}
.temperature-low{color:#aaa}
.selected-day .condition strong{white-space:nowrap}
.selected-day .current-body{flex-wrap:wrap}
.selected-day .current-copy{flex:1 1 16rem}
.map-day-controls.is-pinned{position:fixed;z-index:50;top:var(--pinned-place-height,0px);left:0;right:0;width:100%;margin:0;padding:calc(.45rem + env(safe-area-inset-top)) max(.65rem,env(safe-area-inset-right)) .45rem max(.65rem,env(safe-area-inset-left));background:#0d0d0df5;border-bottom:1px solid #393939;box-shadow:0 .35rem 1rem #0007}
.pinned-place-active .map-day-controls.is-pinned{padding-top:.45rem}
section[id]{scroll-margin-top:calc(var(--pinned-days-height,0px) + 1rem)}
.weather-sidebar{top:calc(var(--pinned-days-height,0px) + 1rem)}
.map-days button:hover,.map-days button:focus-visible{border-color:#68614b;background:#1b1a16}
.map-days button[aria-pressed="true"]:hover{border-color:var(--accent)}
.weather-map[data-map-region="poland"] .map-marker .weather-icon{width:2.2rem;height:2.2rem}
.weather-map[data-map-region="world"] .map-marker .weather-icon{width:1.6rem;height:1.6rem}
@media(max-width:1050px){.preview-icon .weather-icon{width:2.6rem;height:2.6rem}.preview-weather{gap:.2rem}.preview-weather strong{font-size:1.15rem}}
@media(max-width:560px){.condition #icon .weather-icon{width:4.2rem;height:4.2rem}.next-day{gap:.5rem}.preview-weather{justify-content:flex-start}.next-day .preview-rain{width:100%;text-align:left}}