.dzis-siatka{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:980px){.dzis-siatka{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.dzis-siatka{grid-template-columns:1fr}}.kafelek{background:var(--surface,#fcfcfb);border:1px solid var(--hairline,#0b0b0b17);min-height:196px;box-shadow:var(--cien-kafelka);border-radius:22px;flex-direction:column;padding:22px 24px 20px;transition:transform .28s cubic-bezier(.2,.7,.3,1),box-shadow .28s,border-color .28s,background .3s;display:flex;position:relative;overflow:hidden}.kafelek:hover{box-shadow:var(--cien-kafelka-hover);transform:translateY(-5px)}.dzis-siatka.wchodzi .kafelek{opacity:0;animation:.55s cubic-bezier(.2,.7,.3,1) forwards kafelek-wejscie;transform:translateY(14px)}.dzis-siatka.wchodzi .kafelek:first-child{animation-delay:20ms}.dzis-siatka.wchodzi .kafelek:nth-child(2){animation-delay:90ms}.dzis-siatka.wchodzi .kafelek:nth-child(3){animation-delay:.16s}.dzis-siatka.wchodzi .kafelek:nth-child(4){animation-delay:.23s}.dzis-siatka.wchodzi .kafelek:nth-child(5){animation-delay:.3s}.dzis-siatka.wchodzi .kafelek:nth-child(6){animation-delay:.37s}@keyframes kafelek-wejscie{to{opacity:1;transform:translateY(0)}}.kafelek:before{content:"";pointer-events:none;background:radial-gradient(120% 90% at 100% 0%, var(--wash) 0%, transparent 55%);opacity:.9;transition:opacity .3s;position:absolute;inset:0}.kafelek:hover:before{opacity:1}.k-sky{--accent:var(--c-sky);--wash:var(--w-sky)}.k-peak{--accent:var(--c-peak);--wash:var(--w-peak)}.k-river{--accent:var(--c-river);--wash:var(--w-river)}.k-open{--accent:var(--c-open);--wash:var(--w-open)}.k-dawn{--accent:var(--c-dawn);--wash:var(--w-dawn)}.k-uv{--accent:var(--c-uv);--wash:var(--w-uv)}.kafelek.alert{border-color:color-mix(in srgb, var(--uv-border) 55%, transparent)}.k-glowa{z-index:2;align-items:center;gap:10px;display:flex;position:relative}.k-ikona{background:color-mix(in srgb, var(--accent) 14%, transparent);width:34px;height:34px;color:var(--accent);border-radius:11px;flex:none;place-items:center;display:grid}.k-ikona svg{width:18px;height:18px}.k-etykieta{color:var(--color-kamien-700);letter-spacing:.1px;font-size:13.5px;font-weight:600}.k-wartosc{z-index:2;letter-spacing:-1px;color:var(--color-kamien-900);margin:14px 0 4px;font-size:44px;font-weight:650;line-height:1;position:relative}.k-wartosc small{letter-spacing:0;color:var(--color-kamien-700);font-size:22px;font-weight:550}.k-wartosc.godzina,.k-odliczanie{font-variant-numeric:tabular-nums}.k-pod{z-index:2;color:var(--color-kamien-700);font-size:13.5px;line-height:1.45;position:relative}.k-pod .sep{color:var(--color-kamien-500);margin:0 3px}.k-chip{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--color-kamien-700);z-index:2;border-radius:999px;align-items:center;gap:5px;margin-left:auto;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex;position:relative}.k-chip:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px}.k-miejsce{min-height:34px;margin-top:auto}.chmury{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.chmura{fill:color-mix(in srgb, var(--c-sky) 16%, transparent);position:absolute}.chmura.c1{width:96px;top:14px;right:-10px}.chmura.c2{width:64px;fill:color-mix(in srgb, var(--c-sky) 10%, transparent);top:58px;right:66px}.w-ruchu .chmura.c1{animation:14s ease-in-out infinite alternate dryf}.w-ruchu .chmura.c2{animation:18s ease-in-out infinite alternate-reverse dryf}@keyframes dryf{0%{transform:translate(0)}to{transform:translate(-16px)}}.grzbiety{z-index:1;pointer-events:none;height:74px;position:absolute;bottom:0;left:0;right:0}.grzbiety svg{width:100%;height:100%;transition:transform .5s cubic-bezier(.2,.7,.3,1);position:absolute;inset:0}.g-tyl{fill:color-mix(in srgb, var(--c-peak) 12%, transparent)}.g-srodek{fill:color-mix(in srgb, var(--c-peak) 20%, transparent)}.g-przod{fill:color-mix(in srgb, var(--c-peak) 30%, transparent)}.k-peak:hover .g-tyl{transform:translate(6px)}.k-peak:hover .g-przod{transform:translate(-7px)translateY(1px)}.smugi{z-index:1;position:absolute;top:24px;right:22px}.smugi path{stroke:color-mix(in srgb, var(--c-peak) 45%, transparent);stroke-width:1.6px;fill:none;stroke-linecap:round;stroke-dasharray:26}.w-ruchu .smugi path{animation:2.6s linear infinite smuga}.w-ruchu .smugi path:nth-child(2){animation-delay:.9s}@keyframes smuga{0%{stroke-dashoffset:52px;opacity:0}25%{opacity:1}80%{opacity:1}to{stroke-dashoffset:0;opacity:0}}.fale{z-index:1;pointer-events:none;height:46px;position:absolute;bottom:-2px;left:0;right:0;overflow:hidden}.fala{width:200%;height:100%;position:absolute;bottom:0;left:0}.fala path{fill:color-mix(in srgb, var(--c-river) 14%, transparent)}.fala.f2{bottom:6px}.fala.f2 path{fill:color-mix(in srgb, var(--c-river) 9%, transparent)}.w-ruchu .fala.f1{animation:9s linear infinite plyn}.w-ruchu .fala.f2{animation:14s linear infinite reverse plyn}@keyframes plyn{0%{transform:translate(0)}to{transform:translate(-50%)}}.sparkline{z-index:2;margin-top:6px;position:relative}.sparkline polyline{fill:none;stroke:color-mix(in srgb, var(--c-river) 38%, transparent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.sparkline .teraz{fill:var(--c-river);stroke:var(--surface,#fcfcfb);stroke-width:2px}.kropki{z-index:2;gap:8px;margin-top:12px;display:flex;position:relative}.kropka{border:2px solid color-mix(in srgb, var(--c-open) 45%, transparent);background:0 0;border-radius:50%;width:14px;height:14px}.kropka.otwarty{background:var(--c-open);border-color:var(--c-open)}.kropka.nastepny{border-color:var(--c-open)}.w-ruchu .kropka.nastepny{animation:2s ease-in-out infinite nastepny}@keyframes nastepny{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--c-open) 35%, transparent)}55%{box-shadow:0 0 0 6px #0000}}.luk{z-index:2;margin-top:10px;display:block;position:relative}.luk .tor{fill:none;stroke:var(--hairline,#0b0b0b17);stroke-width:1.5px}.luk .horyzont{stroke:var(--hairline,#0b0b0b17);stroke-width:1.5px}.luk .slonce{fill:#eda100}.luk .poswiata{fill:#eda100;opacity:.25}.w-ruchu .luk .poswiata{animation:3s ease-in-out infinite poswiata}@keyframes poswiata{0%,to{opacity:.18}50%{opacity:.38}}.gwiazdy{z-index:1;pointer-events:none;position:absolute;inset:0}.gwiazda{background:var(--c-dawn);opacity:.5;border-radius:50%;width:3px;height:3px;position:absolute}.w-ruchu .gwiazda{animation:3.4s ease-in-out infinite migotanie}.w-ruchu .gwiazda.g2{animation-delay:1.2s}.w-ruchu .gwiazda.g3{animation-delay:2.1s}@keyframes migotanie{0%,to{opacity:.18;transform:scale(.8)}50%{opacity:.75;transform:scale(1.15)}}.uv-slonce{z-index:1;color:color-mix(in srgb, var(--c-uv) 55%, transparent);transform-origin:50%;position:absolute;top:18px;right:20px}.w-ruchu .uv-slonce{animation:26s linear infinite obrot}@keyframes obrot{to{transform:rotate(360deg)}}.miernik{z-index:2;margin-top:12px;position:relative}.miernik-tor{background:color-mix(in srgb, var(--uv-border) 18%, transparent);border-radius:999px;height:8px;overflow:hidden}.miernik-wypelnienie{height:100%;width:var(--uv-poziom,0%);background:linear-gradient(90deg,#0ca30c,#eda100 60%,#eb6834) 0 0/183% 100%;border-radius:999px}.miernik.animuj .miernik-wypelnienie{width:0;animation:1.1s cubic-bezier(.2,.7,.3,1) .15s forwards miernik}@keyframes miernik{to{width:var(--uv-poziom,0%)}}.miernik-skala{height:15px;color:var(--color-kamien-500);margin-top:5px;font-size:10.5px;position:relative}.miernik-skala span{position:absolute;transform:translate(-50%)}.miernik-skala span:first-child{transform:none}.miernik-skala span:last-child{transform:translate(-100%)}@media (prefers-reduced-motion:reduce){.kafelek,.kafelek:before,.grzbiety svg{transition-duration:.01ms!important}.dzis-siatka.wchodzi .kafelek{opacity:1;transform:none;animation:none!important}.chmura,.smugi path,.fala,.kropka,.gwiazda,.luk .poswiata,.uv-slonce,.zywa-kropka{animation:none!important}.miernik.animuj .miernik-wypelnienie{width:var(--uv-poziom,0%);animation:none!important}}