:root{font-size:clamp(12px,min(.84vw,1.52vh),20px);--monitor: #050805;--slad: #4bea73}html,body{height:100%}body{margin:0;background:var(--tlo);color:var(--tekst);font-family:IBM Plex Sans,system-ui,sans-serif;overflow:hidden}.podglad{height:100dvh;display:grid;gap:.75rem 1.25rem;padding:1rem 1.5rem;grid-template-columns:minmax(0,1fr) clamp(15rem,22%,22rem);grid-template-rows:auto minmax(13rem,46%) minmax(0,1fr);grid-template-areas:"glowka glowka" "zapis serce" "zapis bok"}.glowka{grid-area:glowka;display:flex;align-items:center;gap:1.25rem;min-width:0}.glowka .solioc-znak img{height:2.25rem;width:auto;display:block}.tytul{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap;min-width:0}.tytul h1{margin:0;font:700 1.5rem/1.1 Chakra Petch,sans-serif;letter-spacing:-.01em}.tytul .robocza{margin:0;font-size:.8125rem;color:#5a3d00}.przyciski{margin-left:auto;display:flex;align-items:center;gap:.5rem}.przelacznik{display:inline-flex;padding:3px;border-radius:62.4375rem;background:#17150f0d}.przelacznik button,.ster{font:500 .875rem Chakra Petch,system-ui,sans-serif;color:var(--tekst);cursor:pointer;height:2.25rem;padding:0 .875rem;border-radius:62.4375rem;border:0;background:transparent;white-space:nowrap}.przelacznik button[aria-pressed=true]{background:var(--karta);box-shadow:0 1px .25rem #17150f26;font-weight:600}.ster{border:1px solid var(--linia);background:var(--karta)}.ster[aria-pressed=true]{border-color:var(--tekst)}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.tylko-waski{display:none}body[data-zamiana] .zapis{grid-area:serce}body[data-zamiana] .serce{grid-area:zapis}.powieksz{position:absolute;left:.5rem;top:.5rem;z-index:2;height:1.875rem;padding:0 .75rem;font-size:.8125rem}body:not([data-zamiana]) .powieksz[data-powieksz=zapis],body[data-zamiana] .powieksz[data-powieksz=serce],body[data-sam-zapis] .powieksz{display:none}body[data-zamiana] .uczciwosc{font-size:.625rem}.zapis .powieksz{left:auto;right:.5rem;top:auto;bottom:2.75rem}body[data-sam-zapis] .podglad{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);grid-template-areas:"glowka" "zapis"}body[data-sam-zapis] .serce,body[data-sam-zapis] .bok{display:none}.zapis{grid-area:zapis;position:relative;min-height:0;min-width:0;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:.25rem}.zapis canvas{width:100%;height:100%;display:block;border-radius:.5rem;border:1px solid var(--linia);background:#fff4f2}body[data-tryb=monitor] .zapis canvas{border-color:#0d1a10;background:var(--monitor);box-shadow:inset 0 0 0 .25rem #101410}.uczciwosc{margin:0;font-size:.75rem;color:var(--tekst-2)}.serce{grid-area:serce;min-height:0;position:relative;overflow:hidden;border-radius:.75rem;border:1px dashed var(--linia);background:radial-gradient(ellipse at 45% 40%,#ffffff,var(--tlo) 80%);display:grid;place-items:center}.serce canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.serce-puste{margin:0;max-width:28rem;text-align:center;color:var(--tekst-2);font-size:.875rem}.serce:has(canvas){border-style:solid}.serce:has(canvas) .serce-puste{display:none}.serce canvas{touch-action:none;cursor:grab}.serce-opis{position:absolute;left:.5rem;right:.5rem;bottom:.25rem;margin:0;font-size:.6875rem;line-height:1.25;color:var(--tekst-2);pointer-events:none}.serce-podpisy{position:absolute;inset:0;pointer-events:none}.serce-podpisy span{position:absolute;left:0;top:0;translate:.5rem -50%;white-space:nowrap;padding:0 .375rem 1px;border-radius:.375rem;background:#17150fd9;color:#fff;font:500 .6875rem/1.35 IBM Plex Sans,sans-serif}.serce-podpisy span:before{content:"";position:absolute;left:-.5rem;top:50%;width:.5rem;height:1px;background:var(--tekst)}.serce-podpisy span.lewo{translate:calc(-100% - .5rem) -50%;white-space:normal;width:max-content;max-width:7.25rem;text-align:right;line-height:1.2;padding-bottom:2px}.serce-podpisy span.lewo:before{left:auto;right:-.5rem}.serce-podpisy span.jama{translate:-50% -50%;background:none;color:var(--tekst);font:600 .75rem/1.2 Chakra Petch,sans-serif;text-shadow:0 0 .25rem #fff,0 0 .25rem #fff,0 0 .5rem #fff;white-space:normal;width:5.5rem;text-align:center}.serce-podpisy span.jama:before{display:none}.serce-podpisy span[hidden]{display:none}.serce-przekroj{position:absolute;right:.5rem;top:.5rem;z-index:2;height:1.875rem;padding:0 .75rem;font-size:.8125rem}.bok{grid-area:bok;min-height:0;display:flex;flex-direction:column;gap:.75rem}.stan-opis{background:var(--karta);border:1px solid var(--linia);border-radius:.75rem;padding:.75rem 1rem}.stan-opis h2{margin:0 0 .25rem;font:700 1.1875rem/1.15 Chakra Petch,sans-serif}.stan-opis p{margin:0;font-size:.875rem;line-height:1.4;min-height:2.8em}.zmiany-lista{list-style:none;margin:.375rem 0 0;padding:0;display:grid;gap:.125rem;font-size:.8125rem;line-height:1.3;color:#a50e15;font-weight:500}.zmiany-lista li{padding-left:.875rem;position:relative}.zmiany-lista li:before{content:"";position:absolute;left:0;top:.4em;width:.5rem;height:.5rem;border-radius:2px;background:#d3121a}.zmiany-lista li.brak{color:var(--tekst-2);font-weight:400}.zmiany-lista li.brak:before{background:#17150f33}.zmiany-przycisk[aria-pressed=true]{border-color:#d3121a;color:#a50e15}.pomiary{margin:.5rem 0 0;padding-top:.375rem;border-top:1px solid #17150f14;display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.pomiary div{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;border-top:1px solid #17150f0f}.pomiary div:nth-child(-n+2){border-top:0}.pomiary div.szeroki{grid-column:1 / -1}.pomiary dt{font-size:.75rem;color:var(--tekst-2);white-space:nowrap}.pomiary dd{margin:0;font:600 1rem/1.5 Chakra Petch,sans-serif;font-variant-numeric:tabular-nums;white-space:nowrap}.pomiary dd small{font:400 .6875rem IBM Plex Sans,sans-serif;color:var(--tekst-2)}.stany{min-height:0;overflow-y:auto;display:grid;gap:.5rem;align-content:start;padding-right:.25rem}.stany h3{margin:.25rem 0 0;font:600 .8125rem Chakra Petch,sans-serif;color:var(--tekst-2)}.stany ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}.stany button{width:100%;text-align:left;border:0;background:none;cursor:pointer;padding:.3125rem .625rem;border-radius:.5rem;font:400 .875rem/1.25 IBM Plex Sans,sans-serif;color:var(--tekst)}.stany button:hover{background:#17150f0a}.stany button[aria-current=true]{background:var(--tekst);color:#fff;font-weight:600}.wybor-waski{font:600 .8125rem Chakra Petch,sans-serif;color:var(--tekst-2);gap:.25rem}.wybor-waski select{width:100%;height:2.5rem;border-radius:.5rem;border:1px solid var(--tekst);background:var(--karta);font:500 .9375rem IBM Plex Sans,sans-serif;color:var(--tekst);padding:0 .5rem}@media(max-width:760px),(max-height:520px){.podglad{padding:.5rem .625rem;gap:.5rem;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;grid-template-areas:"glowka" "zapis" "bok"}body[data-widok=serce] .podglad{grid-template-areas:"glowka" "serce" "bok"}body[data-widok=serce] .zapis,body[data-widok=zapis] .serce{display:none}.glowka{flex-wrap:wrap;gap:.375rem .75rem}.glowka .solioc-znak img{height:1.75rem}.tytul h1{font-size:1.0625rem}.tytul .robocza{font-size:.625rem;padding:1px .4375rem;white-space:nowrap}.przyciski{margin-left:0;width:100%}.przyciski .przelacznik{flex:1}.przyciski{flex-wrap:wrap}.przyciski .przelacznik button{flex:1;padding:0 .375rem}.serce-opis{font-size:.625rem}.tylko-waski{display:inline-flex}label.tylko-waski{display:grid}.stany{display:none}.stan-opis{padding:.5rem .75rem}.stan-opis h2{font-size:1rem}.stan-opis p{font-size:.8125rem;min-height:0}body[data-widok=zapis] .pomiary,.tylko-szeroki,.powieksz{display:none}.uczciwosc{font-size:.625rem}}