:root{--font-scale: 1;--letter-spacing: 0px;--tlo: #ffffff;--tekst: #1a1a1a;--akcent: #1c2340;--akcent2: #b45309;--orp: #c0392b;--przygaszone: #767676;--karta: #f2f2f2;--karta-brzeg: #e2e2e6;--cien: 0 1px 2px rgba(16, 20, 40, .07), 0 4px 14px rgba(16, 20, 40, .06);--promien: 12px}:root[data-theme=kremowy]{--tlo: #f7f1e3;--tekst: #2b2417;--akcent: #4a3f2a;--akcent2: #8a4b08;--karta: #efe6d0;--karta-brzeg: #e0d4b8;--przygaszone: #6d6353}:root[data-theme=ciemny]{--tlo: #14161f;--tekst: #e8e8e8;--akcent: #9db2ff;--akcent2: #f0b35c;--orp: #ff7b6b;--karta: #1f2333;--karta-brzeg: #2c3147;--przygaszone: #9a9a9a;--cien: 0 1px 2px rgba(0, 0, 0, .4), 0 4px 14px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--tlo);color:var(--tekst);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:calc(16px * var(--font-scale));letter-spacing:var(--letter-spacing);line-height:1.55}.app{max-width:900px;margin:0 auto;padding:12px 16px 40px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.topbar h1{font-size:1.15rem;margin:10px 0;color:var(--akcent);letter-spacing:.2px}.topbar h1:before{content:"";display:inline-block;width:.62em;height:.62em;margin-right:.5em;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--akcent2),var(--akcent));vertical-align:baseline}.topbar nav{display:flex;gap:8px}button{font:inherit;cursor:pointer;background:var(--karta);color:var(--tekst);border:1px solid var(--karta-brzeg);border-radius:10px;padding:9px 16px;min-height:44px;transition:transform 80ms ease,box-shadow .12s ease,background .12s ease}button:hover{box-shadow:var(--cien)}button:active{transform:translateY(1px)}button:focus-visible{outline:3px solid var(--akcent);outline-offset:2px}button.on{background:var(--akcent);color:var(--tlo);border-color:var(--akcent);box-shadow:var(--cien)}button.drugi{opacity:.85}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.hint{color:var(--przygaszone);font-size:.85em}.baner-kalibracji{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:linear-gradient(120deg,var(--karta),var(--tlo));border:1px solid var(--akcent);border-left:6px solid var(--akcent2);border-radius:var(--promien);box-shadow:var(--cien);padding:14px 16px;margin:14px 0}.profil{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}.profil>span:first-child{min-width:64px;font-weight:600;color:var(--akcent)}.profil button{border-radius:999px;padding:7px 15px}.teksty{list-style:none;padding:0;display:grid;gap:12px}.teksty li{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:var(--karta);border:1px solid var(--karta-brzeg);border-radius:var(--promien);padding:14px 16px;transition:box-shadow .12s ease,transform .12s ease}.teksty li:hover{box-shadow:var(--cien);transform:translateY(-1px)}.teksty li strong{color:var(--akcent)}.akcje{display:flex;gap:8px;flex-wrap:wrap}.akcje button:first-child{background:var(--akcent);color:var(--tlo);border-color:var(--akcent)}.czytanie{min-height:70vh;display:flex;flex-direction:column}.pasek-postepu{height:5px;background:var(--karta);border-radius:3px;overflow:hidden}.pasek-postepu-wypelnienie{height:100%;background:linear-gradient(90deg,var(--akcent),var(--akcent2))}.rsvp{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:40vh;position:relative}.fiksacja{width:2px;height:14px;background:var(--przygaszone);opacity:.5;margin-bottom:10px}.rsvp-tekst{font-size:calc(2.3rem * var(--font-scale));font-variant-ligatures:none;white-space:nowrap}.orp{color:var(--orp);font-weight:600}.klasyczny{flex:1;padding:20px 6px;max-width:65ch;margin:0 auto;font-size:calc(1.15rem * var(--font-scale));text-align:left}.klasyczny .przeczytane{opacity:.55}.klasyczny .marker{background:color-mix(in srgb,var(--akcent) 22%,transparent);border-radius:3px;box-shadow:0 2px 0 var(--akcent)}.klasyczny.bez-animacji .marker{box-shadow:none;text-decoration:underline}.sterowanie{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;padding-top:16px}.wpm{min-width:110px;text-align:center;font-variant-numeric:tabular-nums;font-weight:600}.quiz .opcje{display:grid;gap:10px;margin-top:14px}.quiz .opcje button{text-align:left;border-radius:var(--promien);padding:12px 16px}.quiz .opcje button:hover{border-color:var(--akcent)}.wynik .karty{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}.karta{background:var(--karta);border:1px solid var(--karta-brzeg);border-top:4px solid var(--akcent2);border-radius:var(--promien);box-shadow:var(--cien);padding:14px 20px;display:flex;flex-direction:column;min-width:150px}.karta:first-child{border-top-color:var(--akcent)}.karta .duze{font-size:2.1rem;font-weight:700;color:var(--akcent);font-variant-numeric:tabular-nums}.wynik li.ok{color:inherit}.wynik li.blad{color:var(--orp)}.uwaga-sprint{border:1px solid var(--akcent2);border-radius:var(--promien);background:color-mix(in srgb,var(--akcent2) 10%,var(--tlo));padding:10px 14px;margin:10px 0}.ustawienia{display:grid;gap:14px;max-width:480px}.ustawienia label{display:grid;gap:4px}.ustawienia fieldset{border:1px solid var(--karta-brzeg);border-radius:10px;display:flex;gap:8px}.ustawienia .wiersz{display:flex;gap:8px;align-items:center}input[type=range]{width:100%;accent-color:var(--akcent)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}}