:root{--umiesz: #0b7f99;--umiesz-jasny: #e3f5f9;--blad: #A31419;--blad-jasny: #fdecec}html,body{height:100%}body{display:grid;place-items:start center;min-height:100dvh;font-size:17px;line-height:1.45}button{font:inherit;color:inherit;cursor:pointer}[hidden]{display:none!important}.karta{width:min(100vw,560px);min-height:100dvh;background:var(--karta);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"gora" "kroki" "tresc" "dol"}.gora{grid-area:gora}.kroki{grid-area:kroki}.scena{grid-area:scena}.tresc{grid-area:tresc}.dol{grid-area:dol}@media(min-width:600px){body{place-items:center}.karta{min-height:0;height:min(880px,94dvh);border:1px solid var(--linia);border-radius:28px;overflow:hidden}}.gora{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 20px 6px;min-height:52px}.gora .solioc-wydzial{display:block}.gora .tyt{font:600 1.05rem Chakra Petch,sans-serif;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spis{flex:none;height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--linia);background:var(--karta);font-size:.82rem}.spis:hover{border-color:var(--tekst-2)}.kroki{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:4px 20px 6px}.kroki button{border:0;background:none;padding:0;text-align:left;font-size:.72rem;color:var(--tekst-2);cursor:default;white-space:nowrap}.kroki button:before{content:"";display:block;height:4px;border-radius:2px;background:var(--linia);margin-bottom:4px}.kroki button.byl{cursor:pointer;color:var(--tekst)}.kroki button.byl:before{background:var(--tekst-2)}.kroki button.tu{color:var(--signal-2);font-weight:600}.kroki button.tu:before{background:var(--signal)}.kroki:empty{display:none}.tresc{padding:10px 20px 20px;overflow:auto;display:flex;flex-direction:column;gap:14px;min-width:0}.tresc h2{font:700 2rem/1 Chakra Petch,sans-serif;margin:6px 0 0;letter-spacing:-.01em}.tresc h2 small{font:500 .9rem IBM Plex Sans,sans-serif;color:var(--tekst-2);margin-left:8px;letter-spacing:0}.tresc h3{font:600 1.05rem Chakra Petch,sans-serif;margin:6px 0 -4px}.tresc p{margin:0}.cicho{color:var(--tekst-2);font-size:.9rem}.lp{font:500 .8rem IBM Plex Mono,ui-monospace,monospace;color:var(--tekst-2)}.nazwa{font:700 clamp(44px,15vw,80px)/.95 "Chakra Petch",sans-serif;letter-spacing:-.02em;margin:0;white-space:nowrap}.nazwa.lamana{white-space:normal;text-wrap:balance}.lacina{font:500 .9rem IBM Plex Mono,ui-monospace,monospace;color:var(--tekst-2)}.haslo{font-size:1.35rem;line-height:1.28;max-width:26ch;font-weight:500}.e1{display:flex;flex-direction:column;gap:12px;padding-top:14px}.e1 .robocza{align-self:flex-start}.metryka{margin:6px 0 0;padding:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:0;border-top:1px solid var(--linia)}.metryka dt,.metryka dd{margin:0;padding:11px 0;border-bottom:1px solid var(--linia)}.metryka dt{color:var(--tekst-2);font-size:.9rem;padding-right:18px}.plan{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.plan li{padding:10px 12px;border-radius:12px;background:var(--tlo);font-size:.9rem;color:var(--tekst-2)}.plan li b{display:block;color:var(--tekst);font:600 1rem Chakra Petch,sans-serif}.sytuacje{list-style:none;margin:0;padding:0;display:grid;gap:10px}.sytuacje li{padding:13px 16px;border-radius:14px;border:1px solid var(--linia);font-weight:500}.sytuacje li small{display:block;color:var(--tekst-2);font-weight:400;font-size:.9rem;margin-top:2px}.nie{list-style:none;margin:0;padding:0;display:grid;gap:0}.nie li{padding:9px 0 9px 22px;border-bottom:1px solid var(--linia);position:relative;font-size:.97rem}.nie li:before{content:"";position:absolute;left:2px;top:1.05em;width:11px;height:3px;border-radius:2px;background:var(--signal)}.zastrzezenie{font-size:.76rem;line-height:1.36;color:var(--tekst-2);border-left:3px solid var(--linia);padding-left:10px}.dawka{display:grid}.dawka .wiersz{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:baseline;gap:2px 14px;padding:11px 0;border-bottom:1px solid var(--linia)}.dawka .kto{font-weight:600}.dawka .gdzie{grid-column:1 / -1}.dawka b{font:700 1.35rem/1.1 Chakra Petch,sans-serif;text-align:right;max-width:11.5ch}.dawka b.dlugie{font-size:1.05rem;max-width:15ch}.dawka b.cale{grid-column:1 / -1;grid-row:2;text-align:left;max-width:none}.dawka small.spor{display:grid;gap:1px;padding:6px 10px;border-radius:10px;background:#fff4d6;color:#5a3d00}.dawka small.spor i{font-style:normal}.dawka small.spor em{font-style:normal;font-size:.78rem;opacity:.85}.dawka small{grid-column:1 / -1;color:var(--tekst-2);font-size:.86rem}.cwiczenie{border-radius:16px;padding:14px 16px 16px;background:var(--tlo);display:grid;gap:10px}.cwiczenie h3{margin:0}.odp{display:grid;gap:10px}.odp button{text-align:left;padding:13px 16px;border-radius:14px;border:1px solid var(--linia);background:var(--karta);font-size:1rem;min-height:50px}.odp button:not(:disabled):hover{border-color:var(--tekst-2)}.odp button:disabled{cursor:default;color:var(--tekst);opacity:1}.odp button.dobrze{border-color:var(--umiesz);background:var(--umiesz-jasny);font-weight:600}.odp button.dobrze:after{content:" ✓";color:var(--umiesz)}.odp button.zle{border-color:var(--blad);background:var(--blad-jasny)}.odp button.zle:after{content:" ✕";color:var(--blad)}.dlaczego{font-size:.95rem}.dlaczego b{font-weight:600}.pytanie{font-size:1.25rem;line-height:1.32;font-weight:500}.kolejne{list-style:none;margin:0;padding:0;display:grid;gap:8px}.kolejne li{padding:11px 16px;border-radius:14px;border:1px dashed var(--linia);color:var(--tekst-2);font-size:.95rem}.kolejne li b{color:var(--tekst);font-weight:600}.zrodla{font-size:.8rem;color:var(--tekst-2);margin-top:auto;padding-top:4px}.zrodla summary{cursor:pointer}.zrodla ul{margin:6px 0 0;padding-left:18px;display:grid;gap:4px}.zrodla a{color:var(--accent);overflow-wrap:anywhere}.karta[data-ekran="4"][data-widok=lekcja]{width:100vw;max-width:none;height:auto;min-height:100dvh;border:0;border-radius:0;background:var(--tlo);grid-template-rows:auto auto auto 1fr auto;grid-template-areas:"gora" "kroki" "scena" "tresc" "dol";overflow:visible}.karta[data-ekran="4"][data-widok=lekcja] .dol{position:sticky;bottom:0}.scena{position:relative;min-height:0;display:grid;grid-template-rows:auto auto auto;padding:0 12px;background:radial-gradient(ellipse at 30% 45%,#fff 0%,#eef0f0 62%,var(--tlo) 100%)}.scena svg{width:100%;height:auto;max-height:66dvh;aspect-ratio:360 / 372;display:block}.scena .nad{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 4px}.scena .stan{display:inline-flex;border-radius:999px;background:#ffffffd9;border:1px solid var(--linia);padding:2px}.scena .stan button{border:0;background:none;height:28px;padding:0 12px;border-radius:999px;font-size:.8rem;color:var(--tekst-2)}.scena .stan button[aria-pressed=true]{background:var(--tekst);color:#fff}.scena .nota{font:500 .62rem/1.3 IBM Plex Mono,monospace;color:var(--tekst-2)}.objawy{list-style:none;margin:0;padding:6px 4px 10px;display:flex;flex-wrap:wrap;gap:6px 8px;font-size:.86rem}.objawy li{padding:5px 10px;border-radius:999px;background:#ffffffd9;border:1px solid var(--linia);transition:color .6s,border-color .6s}.objawy li i{font-style:normal;color:var(--umiesz);font-weight:600;opacity:0;transition:opacity .6s}.scena[data-stan=po] .objawy li{color:var(--tekst-2)}.scena[data-stan=po] .objawy li i{opacity:1}.karta[data-ekran="4"][data-widok=lekcja] .tresc{background:#fffffff2;border-radius:22px 22px 0 0;border-top:1px solid var(--linia);padding:14px 20px 12px;gap:8px;overflow:visible}.karta[data-ekran="4"][data-widok=lekcja] .tresc h2{font-size:1.5rem;margin:0}.karta[data-ekran="4"][data-widok=lekcja] .dol{background:var(--karta)}@media(min-width:900px){.karta[data-ekran="4"][data-widok=lekcja]{grid-template-columns:minmax(0,1fr) 440px;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"gora gora" "kroki kroki" "scena tresc" "dol dol";height:100dvh;overflow:hidden}.scena{grid-template-rows:auto minmax(0,1fr) auto}.scena svg{height:100%;max-height:none;aspect-ratio:auto}.karta[data-ekran="4"] .gora{padding-inline:32px}.karta[data-ekran="4"] .kroki{padding-inline:32px;max-width:760px}.karta[data-ekran="4"] .scena{padding:8px 32px 0}.karta[data-ekran="4"][data-widok=lekcja] .tresc{align-self:start;margin:8px 32px 0 0;border:1px solid var(--linia);border-radius:22px;max-height:none;padding:22px 24px;font-size:1.1rem;gap:12px}.karta[data-ekran="4"][data-widok=lekcja] .tresc h2{font-size:2rem}.karta[data-ekran="4"][data-widok=lekcja] .dol{padding-inline:32px;background:none;position:static}.objawy{font-size:1rem;padding-bottom:16px}.gora .solioc-znak img{height:2.125rem}}.schemat .tulow{fill:#e9ecec;stroke:#d3d8d8;stroke-width:1.5}.schemat .pluca path{fill:#d5e0e6;stroke:#a9bbc5;stroke-width:1.5;transition:fill .9s}.schemat.pluca-wiecej .pluca path{fill:#a9dcea}.schemat .mozg{fill:#e3d3da;stroke:#b79aa6;stroke-width:1.5;transition:fill .9s,opacity .9s}.schemat.mozg-wiecej .mozg{fill:#e58fa8}.schemat.mozg-mniej .mozg{fill:#c9c4c6;opacity:.6}.schemat .nerki path{fill:#d9b9a5;stroke:#a8826b;stroke-width:1.5;transition:fill .9s,opacity .9s}.schemat.nerki-wiecej .nerki path{fill:#e39a63}.schemat.nerki-mniej .nerki path{fill:#cfc8c2;opacity:.6}.schemat .brzuch{fill:none;stroke:#c9a08a;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round;transition:stroke-width .9s,stroke .9s}.schemat.brzuch-luz .brzuch{stroke-width:11px;stroke:#e0b49a}.schemat.brzuch-skurcz .brzuch{stroke-width:4px;stroke:#a8725a}.schemat .tkanka circle{fill:#f0b9a8;stroke:#d98a72;stroke-width:1.5;transition:fill .9s,opacity .9s}.schemat .tkanka .aura{fill:none;stroke-dasharray:3 4;opacity:.7}.schemat:not(.tkanka-mniej):not(.tkanka-wiecej) .tkanka:not(.cel){display:none}.schemat .tkanka.cel circle{fill:#ef8a6d}.schemat.tkanka-mniej .tkanka circle{fill:#f3ddd6}.schemat.tkanka-mniej .tkanka .aura{opacity:0}.schemat.tkanka-wiecej .tkanka circle{fill:#e2553a}.schemat .oskrzela path{fill:none;stroke:#7f96a2;stroke-linecap:round;stroke-linejoin:round;stroke-width:calc(var(--oskrzela, 5) * 1px);transition:stroke-width .9s}.schemat .oskrzela .tchawica{stroke-width:9px}.schemat .naczynie .sciana{stroke:#e8b9bb;stroke-width:22px;stroke-linecap:round;fill:none}.schemat .naczynie .swiatlo{stroke:#a8262b;stroke-width:calc(var(--naczynia, 9) * 1px);stroke-linecap:round;fill:none;stroke-dasharray:var(--wypelnienie, 1) 1;transition:stroke-width .9s,stroke-dasharray 1.4s,stroke .9s}.schemat.krew-wiecej .naczynie .swiatlo{stroke:#e31d23}.schemat .serce-ruch{transform-origin:86px 156px;animation:bicie var(--okres, 1s) ease-in-out infinite}@keyframes bicie{0%,55%,to{transform:scale(1)}18%{transform:scale(var(--sila, 1.045))}}.schemat .miesien{fill:#e9969a;stroke:#b6161b;stroke-width:2}.schemat .wiencowa{fill:none;stroke:#8f1216;stroke-linecap:round;stroke-width:calc(var(--wiencowe, 2.6) * 1px);transition:stroke-width .9s}.schemat .przewodzenie{fill:none;stroke:#17150f;stroke-width:2;stroke-linecap:round;stroke-dasharray:5 60;animation:impuls var(--przewodzenie, 1s) linear infinite}.schemat .przewodzenie.dalej{animation-delay:calc(var(--przewodzenie, 1s) * .35);transition:opacity .5s}@keyframes impuls{0%{stroke-dashoffset:30}to{stroke-dashoffset:-35}}.schemat .wezel{fill:#fff;stroke:#17150f;stroke-width:2}.schemat .blok-znak{stroke:var(--signal);stroke-width:3;stroke-linecap:round;fill:none;opacity:0;transition:opacity .5s}.schemat.blok .blok-znak{opacity:1}.schemat.blok .przewodzenie.dalej{opacity:0}.schemat .cel.wezel{fill:var(--umiesz);stroke:#fff}.schemat .podpis path{fill:none;stroke:var(--umiesz);stroke-width:1.2}.schemat .podpis circle{fill:none;stroke:var(--umiesz);stroke-width:2}.schemat .podpis text{font:600 13.5px IBM Plex Sans,sans-serif;fill:var(--tekst)}.schemat .podpis .skutek{fill:var(--umiesz);opacity:.28;transition:opacity .7s}.schemat[data-stan=po] .podpis .skutek{opacity:1}.wynik{display:flex;flex-direction:column;gap:14px;padding-top:22px}.wynik .wielkie{font:700 clamp(38px,12.4vw,68px)/.95 "Chakra Petch",sans-serif;letter-spacing:-.02em;color:var(--umiesz);margin:0}.wynik .wielkie.czerwone{color:var(--tekst)}.wynik p{font-size:1.1rem;max-width:30ch}.akcja.cicha{background:var(--karta);color:var(--tekst);border:1px solid var(--linia);box-shadow:none;align-self:flex-start}.oceny{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.oceny button{min-height:54px;border-radius:14px;border:1px solid var(--linia);background:var(--karta);font:600 .98rem Chakra Petch,sans-serif}.oceny button[data-ocena=umiem]{background:var(--umiesz);border-color:var(--umiesz);color:#fff}.oceny button[data-ocena=nie-wiem]{color:var(--blad)}.odslona .nazwa{font-size:clamp(36px,11vw,56px)}.grupa{margin:0;padding:0;list-style:none}.grupa li{display:grid;grid-template-columns:3.2ch minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--linia)}.grupa li button{border:0;background:none;padding:0;text-align:left;font-weight:600;text-decoration:underline;text-decoration-color:var(--linia);text-underline-offset:3px}.grupa .stanleku{font-size:.8rem;color:var(--tekst-2);white-space:nowrap}.grupa .stanleku .umie{color:var(--umiesz);font-weight:600}.grupa .stanleku{white-space:normal;text-align:right;max-width:15ch}.grupa .wprzyg{color:var(--tekst-2)}.narzedzia{display:flex;flex-wrap:wrap;gap:8px}.zakres ol{margin:0;padding-left:22px;display:grid;gap:10px}.dol{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px;padding:10px 20px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--linia)}.umiesz{border:0;background:none;padding:0;text-align:left;color:var(--umiesz);font-weight:600;font-size:.98rem}.akcja{display:inline-flex;align-items:center;justify-content:center;height:48px;padding:0 24px;border-radius:999px;border:0;background:var(--signal);color:#fff;font:600 1rem Chakra Petch,sans-serif;box-shadow:0 4px 14px #e31d2326}.akcja:hover{background:var(--signal-2)}.akcja:disabled{background:var(--linia);color:var(--tekst-2);box-shadow:none;cursor:default}.stopka{grid-column:1 / -1;margin:0;font-size:.7rem;line-height:1.32;color:var(--tekst-2)}.stopka a{color:inherit;text-decoration-color:var(--linia);text-underline-offset:2px}.stopka a[href^=https]{color:var(--accent);white-space:nowrap}.pomiar{position:fixed;left:8px;top:8px;z-index:9;padding:4px 8px;border-radius:8px;background:#17150fd9;color:#fff;font:500 12px IBM Plex Mono,monospace}@media(prefers-reduced-motion:reduce){.schemat .serce-ruch,.schemat .przewodzenie{animation:none}}.zatrzymane .schemat .serce-ruch,.zatrzymane .schemat .przewodzenie{animation-play-state:paused}.zatrzymane .schemat *,.zatrzymane .objawy *{transition:none!important}.skrot{margin:6px 0 0;padding:14px 16px;border-radius:16px;background:var(--tlo);display:grid;gap:8px;font-size:.97rem}.skrot b{font-weight:600}.skrot ul{margin:0;padding-left:18px}.rozklad{list-style:none;margin:0;padding:0;border-top:1px solid var(--linia)}.rozklad li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--linia)}.rozklad li span{color:var(--tekst-2)}.warunek{padding:10px 14px;border-radius:12px;background:#fff4d6;color:#5a3d00;font-size:.95rem}
