.main:has(.test-intro){--test-accent:#50665d;--test-wash:#edf1eb}.main:has(.tone-blue){--test-accent:#496777;--test-wash:#edf2f4}.main:has(.tone-rose){--test-accent:#845d60;--test-wash:#f5edeb}.main:has(.tone-sage){--test-accent:#28666b;--test-wash:#e8f1ef}.main:has(.tone-ochre){--test-accent:#9a6231;--test-wash:#f5ecdf}.test-intro{background:var(--test-wash);border:1px solid color-mix(in srgb, var(--test-accent) 15%, transparent);border-radius:24px;grid-template-columns:minmax(0,1fr) 210px;gap:2rem;margin:1rem 0 2rem;padding:2.7rem;display:grid;position:relative;overflow:hidden}.test-intro .test-kicker{color:var(--test-accent);text-transform:uppercase;letter-spacing:.14em;margin:0 0 1rem;font-size:.72rem;font-weight:700}.test-intro h1{margin:0 0 1rem;font-size:clamp(2rem,3.5vw,2.9rem);line-height:1.13}.test-intro .test-lead{max-width:35rem;margin:0 0 1.25rem}.test-facts{flex-wrap:wrap;gap:.5rem;margin-bottom:1.6rem;display:flex}.test-facts span{color:var(--test-accent);background:#ffffffb3;border:1px solid #fff;border-radius:30px;padding:.35rem .7rem;font-size:.78rem;font-weight:600}.test-intro .test-start{background:var(--test-accent);gap:1.8rem;display:inline-flex}.test-intro .test-private{color:var(--muted);margin:.8rem 0 0;font-size:.75rem}.test-art{color:var(--test-accent);align-self:center;position:relative}.test-art svg{width:100%;display:block}.test-art>span{text-align:center;width:100%;font-family:Georgia,serif;font-size:1.05rem;font-style:italic;line-height:1.3;position:absolute;top:69%}.main:has(.test-intro) .wstep{max-width:100%}.main:has(.test-intro) .wstep>p:not(.uwaga){max-width:48rem}.main:has(.test-intro) .uwaga{border:1px solid var(--line);border-left:3px solid var(--test-accent);color:var(--muted);background:0 0;border-radius:10px}.main:has(.test-intro) .test{max-width:100%;scroll-margin-top:calc(var(--test-header-height,0px) + 16px)}.test-progress{top:var(--test-header-height,0px);z-index:5;backdrop-filter:blur(12px);border:1px solid var(--line);background:#faf9f5f5;border-radius:12px;margin:0 0 1.8rem;padding:.85rem 1rem;position:sticky;box-shadow:0 5px 18px #24352d09}.test-progress-head{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.main:has(.test-intro) #postep{color:var(--test-accent);margin:0;font-size:.84rem}#test-progress-caption{color:var(--muted);font-size:.74rem}.test-progress-track{background:var(--line);border-radius:8px;height:4px;margin-top:.65rem;overflow:hidden}#test-progress-fill{background:var(--test-accent);width:0;height:100%;transition:width .25s;display:block}.main:has(.test-intro) .pyt{border:1px solid var(--line);background:#fffdf9;border-radius:16px;margin:0 0 1.3rem;padding:1.2rem 1.3rem 1.35rem;transition:border-color .18s,background .18s;box-shadow:0 3px 12px #25372e04}.main:has(.test-intro) .pyt.is-answered{border-color:color-mix(in srgb, var(--test-accent) 45%, var(--line));background:color-mix(in srgb, var(--test-wash) 35%, #fffdf9)}.main:has(.test-intro) .pyt legend{padding:0 .45rem;font-size:1rem;line-height:1.65}.main:has(.test-intro) .nr{background:var(--test-wash);min-width:1.8rem;height:1.8rem;color:var(--test-accent);border-radius:50%;place-items:center;margin-right:.35rem;padding:0 .3rem;font-size:.8rem;display:inline-grid}.main:has(.test-intro) .opcje{gap:.6rem}.main:has(.test-intro) .test .pyt .opcje label{border:1px solid var(--line);background:#fff;border-radius:10px;min-height:54px;padding:.7rem;line-height:1.45;transition:background .15s,border-color .15s}.main:has(.test-intro) .test .pyt .opcje label:hover{background:var(--test-wash);border-color:var(--test-accent)}.main:has(.test-intro) .test .pyt .opcje label:has(input:checked){background:var(--test-accent);color:#fff;border-color:var(--test-accent);box-shadow:none}.main:has(.test-intro) .test .pyt .opcje label:has(input:focus-visible){outline:3px solid var(--test-accent);outline-offset:3px}.main:has(.test-intro) input[type=radio]{accent-color:var(--test-accent);flex-shrink:0;width:17px;height:17px}.main:has(.test-intro) #oblicz{background:var(--test-accent);margin-top:.7rem;padding:.95rem 1.8rem}.main:has(.test-intro) .wynik{background:var(--test-wash);border:1px solid color-mix(in srgb, var(--test-accent) 25%, var(--line));border-top:4px solid var(--test-accent);max-width:100%;box-shadow:none;padding:2.1rem}.main:has(.test-intro) .punkty{color:var(--test-accent);font-variant-numeric:tabular-nums;margin:1.4rem 0}.main:has(.test-intro) .punkty strong{font-size:3.8rem;font-weight:600}.main:has(.test-intro) .profil div,.main:has(.test-intro) .slupek{background:#ffffff91;border-bottom:none;border-radius:10px;margin-bottom:.5rem;padding:.85rem 1rem}.main:has(.test-intro) .tresc-p{max-width:48rem}.main:has(#gad) .test-intro{background:radial-gradient(circle at 86% 35%,#ffffff9c 0 8%,#0000 8.5%),linear-gradient(135deg,#e8f1ef 0%,#dceceb 100%);border-radius:32px 12px}.main:has(#gad) .test-progress{background:#f4faf9f2;border-color:#b9d4d3}.main:has(#gad) .test .pyt{border-left:5px solid #b9d4d3;border-radius:8px 16px 16px 8px}.main:has(#gad) .test .pyt.is-answered{border-left-color:var(--test-accent)}.main:has(#gad) .test .opcje label{border-radius:999px;min-height:48px}.main:has(#gad) .test .polecenie{color:#225a5e;background:#e8f1ef;border-radius:12px;padding:1rem 1.2rem;font-weight:600}.main:has(#bat) .test-intro{background:linear-gradient(115deg,#f5ecdf 0%,#efe0ca 68%,#e4c79f 100%);border-radius:12px 32px}.main:has(#bat) .test-progress{background:#fffaf2f2;border-color:#e1c9a7}.main:has(#bat) .test>h2{color:#765027;border-left:5px solid var(--test-accent);background:#f5ecdf;border-radius:8px;align-items:center;gap:.8rem;margin:2.2rem 0 1rem;padding:.85rem 1rem;font-size:1.2rem;display:flex}.main:has(#bat) .test>h2:after{content:"kolejna część";letter-spacing:.08em;text-transform:uppercase;color:#a47a49;margin-left:auto;font-size:.68rem;font-weight:700}.main:has(#bat) .test .pyt{border-left:3px solid #e1c9a7;border-radius:10px}.main:has(#bat) .test .pyt.is-answered{border-left-color:var(--test-accent)}.main:has(#bat) .test .opcje label{min-height:46px}.main:has(#bat) .test .opcje label:has(input:checked){background:#9a6231}.main:has(#bat) .wynik{background:linear-gradient(135deg,#fffaf2,#f5ecdf)}@media (width<=720px){.test-intro{grid-template-columns:1fr;gap:0;padding:1.65rem}.test-art{display:none}.main:has(.test-intro) .pyt{padding:1rem .85rem}.main:has(.test-intro) .wynik{padding:1.4rem}.test-progress-head{align-items:flex-start}#test-progress-caption{text-align:right;max-width:45%}}@media (prefers-reduced-motion:reduce){#test-progress-fill,.main:has(.test-intro) .pyt,.main:has(.test-intro) .test .pyt .opcje label{transition:none}}