.main:has(.test-intro){--test-accent:#50665d;--test-wash:#edf1eb}.test-intro{background:radial-gradient(circle at 88% 18%, color-mix(in srgb, var(--test-wash) 88%, white), transparent 28rem), radial-gradient(circle at 35% 118%, #e8e0d5b8, transparent 24rem), #f3efea;border:0;border-radius:18px;grid-template-columns:minmax(0,1fr) 240px;align-items:center;gap:clamp(2rem,5vw,4.5rem);min-height:390px;margin:1rem 0 2rem;padding:clamp(2.5rem,5vw,3.5rem);display:grid;position:relative;overflow:hidden;box-shadow:0 1px 3px #25312e0a}.test-intro .test-kicker{width:fit-content;color:var(--test-accent);text-transform:uppercase;letter-spacing:.06em;background:#fffffff0;border-radius:999px;align-items:center;margin:0 0 1.35rem;padding:.4rem .85rem;font-size:.68rem;font-weight:700;display:inline-flex;box-shadow:0 1px 2px #25312e0d}.test-intro h1{letter-spacing:-.025em;max-width:44rem;margin:0 0 .75rem;font-size:clamp(2.2rem,4vw,3rem);line-height:1.12}.test-intro .test-lead{color:#4c5551;max-width:39rem;margin:0 0 1.5rem;line-height:1.7}.test-facts{flex-wrap:wrap;gap:.6rem;margin-bottom:1.4rem;display:flex}.test-facts span{color:#4b5551;background:#fffffff0;border:0;border-radius:999px;align-items:center;gap:.4rem;min-height:2.15rem;padding:.38rem .8rem;font-size:.76rem;font-weight:500;display:inline-flex;box-shadow:0 1px 2px #25312e0d}.test-facts span:before{background:var(--test-wash);width:1.2rem;height:1.2rem;color:var(--test-accent);border-radius:50%;place-items:center;font-size:.7rem;font-weight:700;display:grid}.test-facts span:first-child:before{content:"◷"}.test-facts span:nth-child(2):before{content:"≡"}.test-facts span:nth-child(3):before{content:"✓"}.test-intro .test-start{background:var(--test-accent);border-radius:999px;justify-content:space-between;align-items:center;gap:1.8rem;min-width:12rem;display:inline-flex}.test-intro .test-private{color:var(--muted);margin:.8rem 0 0;font-size:.75rem}.test-art{width:240px;height:240px;color:var(--test-accent);background:#fffffff5;border-radius:50%;justify-self:center;position:absolute;top:0;right:0;box-shadow:0 3px 8px #25312e17}.test-art svg{width:100%;height:100%;display:block;transform:rotate(-90deg)}.test-art svg circle{stroke:color-mix(in srgb, var(--test-accent) 30%, white);stroke-width:1.5px;stroke-dasharray:4 7}.test-art-dot{background:currentColor;border-radius:50%;display:block;position:absolute}.test-art-dot--one{width:9px;height:9px;top:5px;left:116px}.test-art-dot--two{background:#9a623f;width:11px;height:11px;top:115px;left:2px}.test-art>span{text-align:center;font-family:var(--font-head);place-items:center;padding:3rem;font-size:1.08rem;font-style:italic;font-weight:600;line-height:1.45;display:grid;position:absolute;inset:0}.main:has(.test-intro) .wstep{max-width:100%}.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) 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) .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{border-radius:18px}.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{border-radius:18px}.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;min-height: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}}.main:has(.test-intro){--test-accent:#1c332d;--test-accent-soft:#8b5e3c;--test-wash:#eef3f0;--test-paper:#fffdf9;--test-paper-muted:#f7f2ec;--test-line:#e6dfd5;--test-text:#1a2421;--test-muted:#636b67;max-width:68rem}.main:has(.test-intro) .breadcrumbs{margin-bottom:.8rem}.main:has(.test-intro) .test-privacy-note{color:#43504c;background:#eef3f0;border:0;border-radius:10px;max-width:none;margin:0 0 1.5rem;padding:.7rem .95rem;font-size:.78rem;line-height:1.55}.main:has(.tone-blue){--test-accent:#294a43;--test-wash:#edf2f1}.main:has(.tone-sage){--test-accent:#245b59;--test-wash:#e8f1ef}.main:has(.tone-ochre){--test-accent:#72552f;--test-wash:#f3eee3}.main:has(.tone-rose){--test-accent:#744e52;--test-wash:#f5edeb}.test-intro{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;margin:0 0 2.25rem;padding:clamp(1.25rem,3vw,2.25rem) 0 0;display:block;overflow:visible}.test-intro-copy{max-width:48rem}.test-intro .test-kicker{background:var(--test-wash);color:var(--test-accent);box-shadow:none;letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.55rem;margin:0 0 1.35rem;padding:.42rem .85rem;font-size:.68rem;font-weight:700;display:inline-flex}.test-intro .test-kicker:before{content:"";background:#8b5e3c;border-radius:50%;width:.48rem;height:.48rem}.test-intro h1{max-width:52rem;color:var(--test-text);letter-spacing:-.025em;margin:0 0 .65rem;font-size:clamp(2.35rem,5.5vw,3.45rem);font-weight:500;line-height:1.08}.test-intro .test-reflection{color:#8b5e3c;font-family:var(--font-head);margin:0 0 .9rem;font-size:clamp(1.2rem,2.5vw,1.55rem);font-style:italic;line-height:1.35}.test-intro .test-lead{max-width:45rem;color:var(--test-muted);margin:0;font-size:1.02rem;line-height:1.75}.test-facts{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin:1.7rem 0 1.35rem;display:grid}.test-fact{background:#fff;border:1px solid #e6dfd59e;border-radius:12px;align-items:center;gap:.75rem;min-width:0;min-height:4.5rem;padding:.8rem .9rem;display:flex;box-shadow:0 2px 10px #25312e0b}.test-facts .test-fact>span{min-height:0;color:inherit;box-shadow:none;font-size:inherit;font-weight:inherit;background:0 0;border-radius:0;padding:0}.test-facts .test-fact>span:before{content:none!important;display:none!important}.test-fact-icon{background:var(--test-wash);width:2rem;height:2rem;color:var(--test-accent);border-radius:50%;flex:none;place-items:center;font-size:1.05rem;font-weight:700;display:grid}.test-fact>span:last-child{min-width:0;display:grid}.test-fact small{color:#8d9490;letter-spacing:.09em;text-transform:uppercase;font-size:.62rem;font-weight:700;line-height:1.3}.test-fact strong{overflow-wrap:anywhere;color:var(--test-text);font-size:.78rem;line-height:1.35}.test-intro .test-start{color:#fff;background:#1c332d;border-radius:999px;min-width:12rem;margin-right:.75rem;padding:.85rem 1.25rem;box-shadow:0 4px 12px #1c332d1f}.test-intro .test-start:hover{background:#152622}.test-intro .test-private{color:var(--test-muted);margin:0;font-size:.75rem;display:inline}.test-art-label{display:none}.main:has(.test-intro) .wstep{max-width:none;margin:0 0 2rem}.main:has(.test-intro) .wstep>p{max-width:49rem;color:var(--test-muted)}.main:has(.test-intro) .test{max-width:none;margin:2rem 0 2.5rem}.main:has(.test-intro) .test>.polecenie,.main:has(.test-intro) .test>p:not([hidden]):not(#postep):not(.blad){max-width:49rem;color:var(--test-muted)}.main:has(.test-intro) .test-progress{top:var(--test-header-height,0px);z-index:5;box-shadow:none;backdrop-filter:blur(12px);background:#efe7ddf0;border:0;border-radius:12px;margin:0 0 1.5rem;padding:1rem 1.15rem;position:sticky}.main:has(.test-intro) .test-progress-head{align-items:center}.main:has(.test-intro) #postep{color:var(--test-text);font-size:.82rem;font-weight:700}.main:has(.test-intro) #postep:before{color:var(--test-accent);content:"✓";margin-right:.4rem}.main:has(.test-intro) #test-progress-caption{color:var(--test-muted);font-size:.74rem}.main:has(.test-intro) .test-progress-track{background:#e4d9cb;border-radius:999px;height:7px;margin-top:.7rem}.main:has(.test-intro) #test-progress-fill{border-radius:inherit;background:#1c332d}.main:has(.test-intro) .test .pyt{background:#fff;border:1px solid #e6dfd5b8;border-radius:12px;margin:0 0 1rem;padding:clamp(1.2rem,3vw,1.7rem);box-shadow:0 3px 14px #25312e0a}.main:has(.test-intro) .test .pyt.is-answered{border-color:color-mix(in srgb, var(--test-accent) 32%, var(--test-line));border-left-color:color-mix(in srgb, var(--test-accent) 32%, var(--test-line));background:#fff}.main:has(.test-intro) .test .pyt legend{float:left;width:100%;color:var(--test-text);margin:0;padding:0 0 .8rem;font-size:1rem;font-weight:650;line-height:1.55}.main:has(.test-intro) .test .nr{color:#8b5e3c;letter-spacing:.11em;text-transform:uppercase;background:0 0;border-radius:0;width:100%;min-width:0;height:auto;margin:0 0 .28rem;padding:0;font-size:.64rem;font-weight:800;line-height:1.35;display:block}.main:has(.test-intro) .test .pyt .opcje{clear:both;gap:.55rem;margin-top:.45rem;display:grid;grid-template-columns:1fr!important}.main:has(.test-intro) .test .pyt .opcje label{background:var(--test-paper-muted);min-height:3.35rem;color:var(--test-text);cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:.75rem;padding:.78rem 1rem;font-size:.88rem;line-height:1.45;display:flex}.main:has(.test-intro) .test .pyt .opcje label:hover{border-color:color-mix(in srgb, var(--test-accent) 32%, var(--test-line));background:var(--test-wash)}.main:has(.test-intro) .test .pyt .opcje label:has(input:checked){border-color:var(--test-accent);background:var(--test-wash);color:var(--test-text);box-shadow:inset 3px 0 0 var(--test-accent)}.main:has(.test-intro) .test .pyt .opcje label:has(input:focus-visible){outline:3px solid color-mix(in srgb, var(--test-accent) 55%, white);outline-offset:2px}.main:has(.test-intro) .test .pyt .opcje label>span{flex:1;justify-content:space-between;align-items:center;gap:.75rem;min-width:0;display:flex}.main:has(.test-intro) .test .pyt .opcje label small{color:#7d8581;white-space:nowrap;background:#ffffffe6;border-radius:6px;flex:none;padding:.22rem .5rem;font-size:.65rem;font-weight:500;line-height:1.2}.main:has(.test-intro) input[type=radio]{width:1.05rem;height:1.05rem;accent-color:var(--test-accent)}.main:has(.test-intro) #oblicz{background:#1c332d;border-radius:999px;min-width:10rem;margin-top:.85rem;padding:.9rem 1.5rem}.main:has(.test-intro) #oblicz:hover{background:#152622}.main:has(.test-intro) #reset{border-color:var(--test-line);color:var(--test-text);background:#fff}.main:has(.test-intro) .wynik{border:0;border-top:4px solid var(--test-accent);background:var(--test-wash);border-radius:12px;max-width:none;margin:2rem 0;padding:clamp(1.5rem,4vw,2.35rem);box-shadow:0 4px 18px #25312e0d}.main:has(.test-intro) .wynik h2{color:var(--test-text)}.main:has(.test-intro) .punkty{color:var(--test-accent)}.main:has(.test-intro) .punkty strong{font-size:clamp(3rem,8vw,4.25rem);font-weight:600}.main:has(.test-intro) .profil div,.main:has(.test-intro) .slupek{background:#ffffffb8;border:0;border-radius:10px}.main:has(.test-intro) .punktacja,.main:has(.test-intro) .tresc-p,.main:has(.test-intro)>h2,.main:has(.test-intro)>h3,.main:has(.test-intro)>ul,.main:has(.test-intro)>ol{max-width:49rem}.main:has(.test-intro) .punktacja{margin-block:2.5rem}.main:has(.test-intro) table{background:#fff;border-radius:10px;overflow:hidden}.main:has(#bat) .test>h2{color:#634725;background:#f3eee3;border-left-color:#8b5e3c;border-radius:10px}.main:has(#bat) .test .pyt,.main:has(#gad) .test .pyt{border-left:1px solid #e6dfd5b8;border-radius:12px}.main:has(#gad) .test .opcje label{border-radius:10px}@media (width<=780px){.test-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.main:has(.test-intro){padding-inline:1rem}.test-intro{padding-top:.65rem}.test-intro h1{font-size:clamp(2rem,10vw,2.55rem)}.test-facts{grid-template-columns:1fr}.test-fact{min-height:3.9rem}.test-intro .test-start{width:100%;margin:0 0 .65rem}.test-intro .test-private{text-align:center;display:block}.main:has(.test-intro) .test .pyt{padding:1rem}.main:has(.test-intro) .test-progress{margin-inline:-.25rem}}@media (prefers-reduced-motion:reduce){.main:has(.test-intro) *,.main:has(.test-intro) :before,.main:has(.test-intro) :after{scroll-behavior:auto!important}}
