:root{color-scheme:dark;--tlo:#0b1820;--tlo-strony:#04090c;--pole:#10222c;--linia:#1d3a4a;--tekst:#e3f3fb;--tekst-slaby:#8fb3c4;--akcent:#38bdf8;--pomarancz:#f0a43a;--czerwien:#e5484d;--alarm:#f07a72}html,body{background:var(--tlo-strony);height:100%;color:var(--tekst);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}body{justify-content:center;align-items:center;height:100dvh;display:flex;overflow:hidden}.stoper{box-sizing:border-box;inset:var(--rama,0px);border-radius:var(--rama-r,0px);background:radial-gradient(60rem 30rem at 50% 115%, color-mix(in srgb, var(--akcent) 10%, transparent), transparent 70%), var(--tlo);padding:max(.75rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));border:0;flex-direction:column;gap:clamp(.75rem,3vh,1.5rem);margin:0;transition:background-color .3s;display:flex;position:fixed}:fullscreen .stoper{border:0;border-radius:0;margin:0;inset:0}.stoper-gora{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.stoper-ikona{border:1px solid var(--linia);background:var(--pole);width:2.75rem;height:2.75rem;color:var(--tekst);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.stoper-ikona svg{width:1.2rem;height:1.2rem}.stoper-wyjdz{border:1px solid var(--linia);background:var(--pole);min-height:2.75rem;color:var(--tekst);cursor:pointer;border-radius:999px;align-items:center;gap:.5rem;padding:0 1rem 0 .8rem;font:700 .95rem/1 inherit;transition:border-color .2s,background-color .2s;display:inline-flex}.stoper-wyjdz svg{width:1.15rem;height:1.15rem}.stoper-wyjdz small{color:var(--tekst-slaby);font-size:.75rem;font-weight:600}.stoper-wyjdz:hover{border-color:var(--akcent)}.stoper-zakoncz{color:var(--alarm);border-color:color-mix(in srgb, var(--alarm) 35%, var(--linia))}.stoper-zakoncz:hover{border-color:var(--alarm);background:color-mix(in srgb, var(--alarm) 12%, var(--pole))}@media (width<=34rem){.stoper-wyjdz small{display:none}}.stoper-tryb{color:var(--tekst-slaby);letter-spacing:.02em;font-size:.95rem;font-weight:700}.stoper-cyfry{font-variant-numeric:tabular-nums;letter-spacing:-.03em;user-select:none;flex:1 1 0;justify-content:center;align-items:center;min-height:0;margin:0;font-size:clamp(3.5rem,min(30vw,34dvh),26rem);font-weight:800;line-height:1;display:flex;overflow:hidden}.stoper[data-stan=koncowka] .stoper-cyfry{color:var(--pomarancz)}.stoper[data-stan=koniec]{animation:.9s ease-in-out infinite alternate puls}.stoper[data-stan=koniec] .stoper-cyfry{color:#fff}@keyframes puls{0%{background-color:var(--tlo)}to{background-color:#6b1f22}}@media (prefers-reduced-motion:reduce){.stoper[data-stan=koniec]{background-color:#6b1f22;animation:none}}.stoper-przyciski{justify-content:center;gap:.75rem;display:flex}.stoper-przycisk{border:1px solid var(--linia);background:var(--pole);min-height:4rem;color:var(--tekst);cursor:pointer;border-radius:1rem;flex:0 14rem;font:700 1.25rem/1 inherit}.stoper-przycisk-alarm{border-color:color-mix(in srgb, var(--alarm) 55%, transparent);background:color-mix(in srgb, var(--alarm) 12%, var(--pole));color:var(--alarm)}.stoper-przycisk-maly{flex:0 0 4.5rem;min-height:4rem;font-size:1.05rem}.stoper-przycisk-maly:disabled{opacity:.35;cursor:default}.stoper-przycisk-glowny{background:var(--akcent);border-color:var(--akcent);color:#04120f}.stoper-przycisk-glowny[data-dziala]{background:var(--pole);border-color:var(--akcent);color:var(--akcent)}.stoper-szablony{grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem;display:grid}.stoper-szablon{border:1px solid var(--linia);min-height:3.25rem;color:var(--tekst);cursor:pointer;background:0 0;border-radius:.75rem;font:700 1.05rem/1.1 inherit}.stoper-szablon small{color:var(--tekst-slaby);font-size:.7rem;font-weight:600;display:block}.stoper-szablon[aria-pressed=true]{border-color:var(--akcent);color:var(--akcent);background:color-mix(in srgb, var(--akcent) 12%, transparent)}@media (width<=34rem){.stoper-szablony{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (height<=30rem) and (orientation:landscape){.stoper-cyfry{font-size:clamp(4rem,34vh,14rem)}.stoper-dol{grid-template-columns:auto 1fr;align-items:center;gap:.75rem;display:grid}.stoper-przycisk{flex-basis:8rem;min-height:3.25rem}.stoper-przycisk-maly{flex-basis:3.5rem}}.stoper-dol{grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:stretch;gap:.75rem;display:grid}@media (width<=52rem){.stoper-dol{grid-template-columns:1fr}}.stoper-panel{border:1px solid var(--linia);background:color-mix(in srgb, var(--pole) 60%, transparent);border-radius:1.1rem;flex-direction:column;justify-content:flex-end;gap:.75rem;padding:.9rem 1rem 1rem;transition:border-color .2s,background-color .2s;display:flex}.stoper-panel[data-aktywny]{border-color:color-mix(in srgb, var(--akcent) 60%, transparent);background:color-mix(in srgb, var(--akcent) 7%, var(--pole))}.stoper-panel-tytul{color:var(--tekst);align-items:baseline;gap:.6rem;margin:0;font-size:.95rem;font-weight:800;display:flex}.stoper-panel-tytul small{color:var(--tekst-slaby);font-size:.78rem;font-weight:600}.stoper-panel[data-aktywny] .stoper-panel-tytul{color:var(--akcent)}.stoper-panel .stoper-przycisk{flex:8rem}.stoper-panel .stoper-przycisk-maly{flex:0 0 4.5rem}.stoper-panel .stoper-panel-tytul{margin-bottom:auto}.stoper-panel:not([data-aktywny]) .stoper-przycisk-glowny{border-color:color-mix(in srgb, var(--akcent) 45%, transparent);color:var(--akcent);background:0 0}@media (width<=34rem){.stoper-panel .stoper-przycisk{flex-basis:5.5rem;min-height:3.5rem;font-size:1.05rem}.stoper-panel .stoper-przycisk-maly{flex:0 0 3.25rem}}.stoper-przycisk:disabled{opacity:.35;cursor:default}.stoper-szablony{grid-template-columns:repeat(6,minmax(0,1fr))}@media (width<=34rem){.stoper-szablony{grid-template-columns:repeat(3,minmax(0,1fr))}}