body{background:radial-gradient(ellipse 50% 60% at 40% 46%,#ffffff,var(--tlo) 72%);background-color:var(--tlo)}:root{--perfuzja: #2e8c57;--bursztyn: #b9800f;--brak: #8b857a;--aorta: #c8392f;--przedsionek: #3f5bbf}.legenda i{width:.75rem;height:.75rem;border-radius:3px;display:inline-block}.rko-hud{position:absolute;inset:0;pointer-events:none;font-family:IBM Plex Sans,system-ui,sans-serif;color:var(--tekst)}.rko-karta{position:absolute;background:#ffffffeb;border:1px solid var(--linia);border-radius:.625rem}.rko-nazwa{font-size:.75rem;color:var(--tekst-2)}.rko-nazwa small{display:block;font-size:.6875rem}.rko-wskazania{top:.5rem;left:.5rem;width:14.5rem;padding:.625rem .75rem .5rem}.rko-cpp strong{display:block;font:700 2.75rem/1 Chakra Petch,system-ui,sans-serif;font-variant-numeric:tabular-nums;margin:.125rem 0 .375rem;color:var(--brak);transition:color .4s}.rko-cpp strong small{font:500 .875rem IBM Plex Sans,sans-serif;color:var(--tekst-2)}.rko-hud[data-cpp=dobre] .rko-cpp strong{color:var(--perfuzja)}.rko-hud[data-cpp=slabe] .rko-cpp strong{color:var(--bursztyn)}.rko-pasek{position:relative;height:.375rem;border-radius:3px;background:#17150f14}.rko-pasek i{position:absolute;inset:0 auto 0 0;border-radius:3px;background:currentColor;color:var(--brak);transition:width .25s linear,color .4s}.rko-hud[data-cpp=dobre] .rko-pasek i{color:var(--perfuzja)}.rko-hud[data-cpp=slabe] .rko-pasek i{color:var(--bursztyn)}.rko-pasek b{position:absolute;top:-.1875rem;bottom:-.1875rem;width:2px;background:var(--tekst)}.rko-prog{display:block;font-size:.6875rem;color:var(--tekst-2);margin-top:.3125rem}.rko-liczby{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:0 .875rem;margin:.5rem 0 0}.rko-liczby dt{font-size:.6875rem;color:var(--tekst-2)}.rko-liczby dd{margin:0;font:600 1.0625rem Chakra Petch,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}.rko-liczby dd small{font:400 .6875rem IBM Plex Sans,sans-serif;color:var(--tekst-2)}.rko-liczby dd[data-ok=true]{color:var(--perfuzja)}.rko-liczby dd[data-ok=false]{color:var(--bursztyn)}.rko-liczby [hidden]{display:none}.rko-stan{margin:.375rem 0 0;font-size:.75rem;font-weight:500}.rko-hud[data-stan=przerwa] .rko-stan{color:var(--signal-2)}.rko-metronom{position:absolute;top:.625rem;right:.625rem;width:.625rem;height:.625rem;border-radius:50%;background:#17150f26}.rko-metronom.takt{animation:takt .27s ease-out}@keyframes takt{0%{background:var(--signal);transform:scale(1.5)}to{background:#17150f26;transform:scale(1)}}.rko-hud[data-tryb=stoi] .rko-metronom{visibility:hidden}.rko-miarka{top:.5rem;right:.5rem;width:4.25rem;padding:.5rem .375rem;text-align:center}.rko-skala{position:relative;height:9rem;margin:.375rem 0 .375rem 1.25rem;border-left:2px solid var(--linia)}.rko-skala span{position:absolute;left:-1.25rem;transform:translateY(-50%);font-size:.625rem;color:var(--tekst-2);width:.875rem;text-align:right}.rko-pas{position:absolute;left:-2px;width:1.125rem;top:calc(5 / 7 * 100%);height:calc(1 / 7 * 100%);background:#2e8c5733;border-left:2px solid var(--perfuzja)}.rko-wsk{position:absolute;left:-.375rem;width:1.75rem;height:3px;border-radius:2px;background:var(--tekst);transform:translateY(-50%)}.rko-miarka strong{font:600 .9375rem Chakra Petch,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}.rko-wykres-karta{left:.5rem;right:.5rem;bottom:.5rem;height:clamp(5.5rem,22%,9.5rem);padding:.25rem .5rem .25rem .25rem;display:flex;flex-direction:column}.rko-wykres{flex:1;min-height:0;width:100%}.rko-legenda{display:flex;flex-wrap:wrap;gap:0 .875rem;margin:0;padding:0 0 0 1.625rem;list-style:none;font-size:.6875rem;color:var(--tekst-2)}.rko-legenda i{display:inline-block;width:.75rem;height:3px;border-radius:2px;vertical-align:middle;margin-right:.3125rem}.rko-etykiety span{position:absolute;left:0;top:0;font-size:.75rem;font-weight:500;color:var(--tekst);background:#ffffffd9;padding:.0625rem .375rem;border-radius:4px;white-space:nowrap}.rko-etykiety span[hidden]{display:none}body[data-prezentacja] .rko-etykiety span{font-size:1.0625rem;padding:.125rem .5rem}.rko-etykiety span[data-plynie=true]{background:var(--aorta);color:#fff}.rko-wymiar{position:absolute;inset:0;width:100%;height:100%}.rko-cwicz-podpowiedz{display:none;position:absolute;left:50%;top:.75rem;transform:translate(-50%);margin:0;padding:.25rem .75rem;border-radius:999px;background:var(--tekst);color:#fff;font-size:.8125rem;font-weight:500}.rko-hud[data-tryb=cwicz] .rko-cwicz-podpowiedz{display:block}body[data-rko-tryb=cwicz] .scena canvas{cursor:pointer}.rko-hud.stuk .rko-wskazania{animation:stuk .18s ease-out}@keyframes stuk{0%{box-shadow:0 0 0 3px #e31d2355}to{box-shadow:0 0 0 0 transparent}}.idea{font:600 1.0625rem/1.35 Chakra Petch,sans-serif;margin:.5rem 0 0}@media(orientation:portrait)and (max-width:1100px),(orientation:landscape)and (max-height:500px){.rko-wskazania{width:auto;max-width:11rem;padding:.375rem .5rem}.rko-cpp strong{font-size:1.75rem;margin-bottom:.25rem}.rko-nazwa small,.rko-prog,.rko-stan{display:none}.rko-liczby{grid-template-columns:auto auto;gap:0 .625rem;margin-top:.25rem}.rko-liczby .rko-seria{display:none}.rko-liczby dd{font-size:.875rem}.rko-miarka{width:3rem;padding:.25rem}.rko-skala{height:5.5rem;margin-left:.875rem}.rko-skala span{left:-.875rem;font-size:.5625rem}.rko-miarka .rko-nazwa{font-size:.5625rem}.rko-wykres-karta{height:4.75rem;left:.25rem;right:.25rem;bottom:.25rem}.rko-legenda{display:none}.rko-etykiety span{font-size:.625rem}.rko-cwicz-podpowiedz{top:auto;bottom:5.5rem;font-size:.75rem}.idea{font-size:.875rem;margin-top:.25rem}}@media(orientation:portrait)and (max-width:1100px){.lab{--panel-h: clamp(5.5rem, 19dvh, 13rem);row-gap:.3rem}.tytul h1{font-size:1.1875rem}.legenda{display:none}.pokretlo{display:flex;align-items:center;gap:.375rem;min-width:0}.kroki-glowka{flex:none}.kroki-nawigacja .pigulka{height:2rem;padding:0 .625rem;font-size:0}#krok-wstecz:after{content:"←";font-size:1rem}#krok-dalej:after{content:"→";font-size:1rem}.kroki{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;min-width:0}.kroki button{white-space:nowrap}.stopka span:not(:first-child){display:none}}body[data-tryb=kurs] .pasek,body[data-tryb=kurs] .stopka,body[data-tryb=kurs] .skroty,body[data-tryb=kurs] .tytul h1{display:none}body[data-tryb=kurs] .lab{grid-template-areas:"lewa scena prawa" "pokretlo pokretlo prawa";grid-template-rows:minmax(0,1fr) auto;padding-top:.75rem}@media(orientation:portrait)and (max-width:1100px){body[data-tryb=kurs] .lab{grid-template-areas:"tytul" "scena" "zakladki" "panel" "pokretlo";grid-template-rows:auto minmax(0,1fr) auto var(--panel-h) auto}}@media(prefers-reduced-motion:reduce){.rko-metronom.takt,.rko-hud.stuk .rko-wskazania{animation:none}.rko-metronom.takt{background:var(--signal)}}