:root{
  --bg:#080812;--bg2:#0e0e1b;--panel:#121222;--panel2:#17172a;--text:#f7f4ed;--muted:#aaa9bb;
  --line:rgba(255,255,255,.11);--line2:rgba(255,255,255,.17);--gold:#f3c877;--pink:#ff5ab4;--cyan:#6de7ff;
  --danger:#ff7f87;--ok:#79e6b4;--shadow:0 30px 80px rgba(0,0,0,.28);--radius:28px;--radius2:18px;--shell:1160px;
}
html[data-theme="light"]{
  --bg:#f8f4ec;--bg2:#efe8dc;--panel:#fffaf2;--panel2:#f4ecdf;--text:#181721;--muted:#686473;
  --line:rgba(30,25,45,.12);--line2:rgba(30,25,45,.2);--shadow:0 30px 70px rgba(56,43,24,.11)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.55;overflow-x:hidden}button,input,select{font:inherit}a{color:inherit}.shell{width:min(calc(100% - 38px),var(--shell));margin-inline:auto;position:relative}#stars{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;opacity:.55;z-index:-1}html[data-theme="light"] #stars{opacity:.16}.topbar{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.navrow{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brandmark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--pink),var(--cyan));color:#0c0b12;font-weight:900;box-shadow:0 0 28px rgba(255,90,180,.19)}.brand b{display:block;font-family:"Space Grotesk",Inter,sans-serif;font-size:1.05rem;letter-spacing:-.02em}.brand small{display:block;color:var(--muted);font-size:.69rem;margin-top:-2px}.navlinks{display:flex;gap:25px;align-items:center}.navlinks a,.footerLinks a,.footerLinks button{font-size:.88rem;color:var(--muted);text-decoration:none;background:none;border:0;padding:0;cursor:pointer}.navlinks a:hover,.footerLinks a:hover,.footerLinks button:hover{color:var(--text)}.navactions{display:flex;gap:8px}.iconbtn{border:1px solid var(--line);background:var(--panel);color:var(--text);width:38px;height:38px;border-radius:12px;cursor:pointer}.mobileOnly{display:none}.mobileMenu{padding:10px 20px 18px;border-top:1px solid var(--line);background:var(--bg)}.mobileMenu a{display:block;padding:10px;text-decoration:none;color:var(--muted)}
.hero{min-height:760px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;padding:80px 0 55px}.eyebrow,.mini{display:inline-block;font-size:.72rem;font-weight:800;letter-spacing:.14em;color:var(--cyan);text-transform:uppercase}.hero h1,.sectionIntro h2,.aboutCard h2{font-family:"Space Grotesk",Inter,sans-serif;letter-spacing:-.055em;line-height:.98;margin:.7rem 0 1.2rem}.hero h1{font-size:clamp(3.4rem,7vw,6.7rem);max-width:780px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--gold),var(--pink),var(--cyan));background-clip:text;color:transparent}.heroLead{font-size:1.18rem;color:var(--muted);max-width:650px}.heroLead strong{color:var(--text)}.heroActions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:14px;border:1px solid var(--line);text-decoration:none;cursor:pointer;font-weight:750;transition:.22s transform,.22s border-color,.22s background}.btn:hover{transform:translateY(-2px)}.btn.primary{background:linear-gradient(135deg,var(--gold),#f09b77 48%,var(--pink));color:#161017;border:0}.btn.secondary{background:var(--text);color:var(--bg);border-color:transparent}.btn.ghost{background:transparent;color:var(--text)}.textlink,.textButton{color:var(--muted);text-decoration:none;font-size:.9rem}.textlink:hover,.textButton:hover{color:var(--cyan)}.privacy{color:var(--muted);font-size:.78rem;margin-top:17px}.heroVisual{display:grid;place-items:center;min-height:520px}.zodiacWheel{position:relative;width:min(470px,88vw);aspect-ratio:1;border-radius:50%;border:1px solid var(--line2);box-shadow:inset 0 0 80px rgba(109,231,255,.05),0 0 120px rgba(255,90,180,.08);animation:float 7s ease-in-out infinite}.zodiacWheel:before,.zodiacWheel:after{content:"";position:absolute;border-radius:50%;inset:10%;border:1px solid var(--line)}.zodiacWheel:after{inset:25%;border-style:dashed;animation:spin 32s linear infinite}.zodiacWheel>span{position:absolute;left:50%;top:50%;font-size:1.55rem;color:var(--muted);transform:rotate(calc(var(--i)*30deg)) translateY(-205px) rotate(calc(var(--i)*-30deg))}.zodiacWheel>span:nth-child(1){--i:0}.zodiacWheel>span:nth-child(2){--i:1}.zodiacWheel>span:nth-child(3){--i:2}.zodiacWheel>span:nth-child(4){--i:3}.zodiacWheel>span:nth-child(5){--i:4}.zodiacWheel>span:nth-child(6){--i:5}.zodiacWheel>span:nth-child(7){--i:6}.zodiacWheel>span:nth-child(8){--i:7}.zodiacWheel>span:nth-child(9){--i:8}.zodiacWheel>span:nth-child(10){--i:9}.zodiacWheel>span:nth-child(11){--i:10}.zodiacWheel>span:nth-child(12){--i:11}.wheelCore{position:absolute;inset:35%;border-radius:50%;background:radial-gradient(circle at 40% 30%,rgba(255,255,255,.14),transparent 50%),var(--panel2);display:grid;place-content:center;text-align:center;border:1px solid var(--line2);box-shadow:var(--shadow)}.wheelCore b{font-family:"Space Grotesk";letter-spacing:.12em}.wheelCore small{color:var(--muted);font-size:.7rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-10px) rotate(.7deg)}}
.principle{padding:0 0 110px}.principleCard{display:grid;grid-template-columns:1fr auto 1fr;gap:32px;align-items:center;padding:38px 44px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 96%,transparent),color-mix(in srgb,var(--panel2) 92%,transparent));box-shadow:var(--shadow)}.principleCard .mini{grid-column:1/-1}.principleCard p{font-family:"Space Grotesk";font-size:clamp(1.35rem,2vw,2.1rem);line-height:1.2;margin:0}.principleCard p strong{color:var(--gold)}.notEqual{font-size:3rem;color:var(--pink)}
.sectionIntro{max-width:780px;margin-bottom:42px}.sectionIntro.centered{text-align:center;margin-inline:auto}.sectionIntro h2{font-size:clamp(2.5rem,5vw,4.7rem)}.sectionIntro p{color:var(--muted);font-size:1.05rem}.testSection{padding:110px 0 130px}.testApp{max-width:900px;margin:auto;border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 93%,transparent);border-radius:32px;padding:34px;box-shadow:var(--shadow)}.progress{display:flex;align-items:center;margin-bottom:35px}.progress span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line2);color:var(--muted);font-size:.78rem;font-weight:800}.progress span.active,.progress span.done{background:var(--text);color:var(--bg);border-color:var(--text)}.progress i{height:1px;flex:1;background:var(--line)}.testStep{animation:rise .38s ease}.testStep[hidden]{display:none!important}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.stepHead span{color:var(--cyan);font-weight:800;font-size:.75rem}.stepHead h3,.revealStep h3,.finalVerdict h3{font-family:"Space Grotesk";font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.045em;line-height:1.03;margin:.45rem 0 .8rem}.stepHead p,.revealStep>p{color:var(--muted)}.dateBox{margin:35px 0 10px;display:grid;gap:12px;max-width:480px}.dateBox label{font-size:.82rem;color:var(--muted)}input[type="date"],select{border:1px solid var(--line2);background:var(--bg);color:var(--text);padding:14px 15px;border-radius:13px;min-height:52px;color-scheme:dark}html[data-theme="light"] input[type="date"]{color-scheme:light}.fieldError{color:var(--danger);font-size:.85rem;margin:0}.portraitCard{margin:26px 0 18px;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--bg2)}.portraitCard p{margin:.75rem 0;color:var(--text)}.traitChoices{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.traitChoices button{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);color:var(--muted);text-align:left;cursor:pointer}.traitChoices button.selected{border-color:var(--cyan);color:var(--text);background:rgba(109,231,255,.07)}.ratingBlock{margin:28px 0}.rating{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}.rating button{min-height:62px;border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:12px;cursor:pointer;font-weight:800}.rating button small{display:block;font-size:.58rem;color:var(--muted);font-weight:500}.rating button.selected{background:var(--text);color:var(--bg)}.rating button.selected small{color:var(--bg)}button:disabled{opacity:.38;cursor:not-allowed;transform:none!important}.revealStep{text-align:center;padding:35px 16px}.revealStep h3{max-width:720px;margin-inline:auto}.bigReveal{font-size:1.25rem!important}.softCallout{margin:24px auto;padding:18px 20px;border-radius:15px;border:1px solid rgba(109,231,255,.2);background:rgba(109,231,255,.06);max-width:720px;color:var(--muted)}.profileGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin:26px 0}.profileOption{border:1px solid var(--line);background:var(--panel2);border-radius:18px;padding:20px;text-align:left;color:var(--text);cursor:pointer;min-height:230px}.profileOption:hover{border-color:var(--line2)}.profileOption.selected{border-color:var(--cyan);box-shadow:inset 0 0 0 1px var(--cyan)}.profileOption .letter{width:32px;height:32px;border-radius:9px;background:var(--bg);display:grid;place-items:center;font-weight:900;color:var(--gold);margin-bottom:13px}.profileOption h4{font-family:"Space Grotesk";font-size:1.15rem;margin:.2rem 0 .6rem}.profileOption p{font-size:.88rem;color:var(--muted)}.inlineResult{margin:20px 0;padding:20px;border-radius:16px;background:var(--bg2);border:1px solid var(--line)}.inlineResult strong{color:var(--gold)}.inverseResults{display:grid;gap:14px;margin:25px 0 38px}.inverseItem{display:grid;grid-template-columns:190px 1fr 90px;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid var(--line)}.inverseItem b{font-size:.9rem}.bar{height:8px;background:var(--bg);border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--pink),var(--cyan));border-radius:99px}.inverseItem small{text-align:right;color:var(--muted)}.finalVerdict{padding:30px;border-radius:23px;background:linear-gradient(135deg,rgba(243,200,119,.08),rgba(255,90,180,.07),rgba(109,231,255,.06));border:1px solid var(--line)}.finalVerdict h3 em{font-style:normal;color:var(--gold)}.thesis{margin-top:24px;font-family:"Space Grotesk";font-size:clamp(1.7rem,4vw,3.1rem);font-weight:800;letter-spacing:-.04em}.thesis span{color:var(--pink);padding:0 .35em}.testEndActions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.darkBand{background:var(--bg2);border-block:1px solid var(--line);padding:120px 0}.experienceBlock{padding:68px 0;border-top:1px solid var(--line)}.experienceBlock:first-of-type{border-top:0;padding-top:20px}.expTitle{max-width:730px;margin-bottom:30px}.expTitle>span{font-size:.7rem;color:var(--pink);font-weight:850;letter-spacing:.13em}.expTitle h3{font-family:"Space Grotesk";font-size:clamp(2.25rem,4vw,4.2rem);letter-spacing:-.05em;line-height:1;margin:.45rem 0 .8rem}.expTitle p{color:var(--muted)}.duel{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:stretch}.personCard{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:18px;border:1px solid var(--line);border-radius:22px;background:var(--panel)}.personCard img{width:130px;height:150px;object-fit:cover;border-radius:14px;background:var(--bg)}.personCard h4{font-family:"Space Grotesk";font-size:1.55rem;margin:.2rem 0}.personCard p{color:var(--muted);font-size:.88rem;margin:.4rem 0}.personCard .sign{color:var(--gold);font-weight:800}.vs{align-self:center;font-family:"Space Grotesk";font-weight:900;color:var(--pink);font-size:1.2rem}.duelQuestion{margin:20px 0;color:var(--muted);font-size:1.03rem}.duelQuestion strong{color:var(--text)}.saveLayout{display:grid;grid-template-columns:1fr 1.15fr;gap:18px}.claimBox,.savePanel{border:1px solid var(--line);border-radius:22px;padding:24px;background:var(--panel)}.claimBox small{color:var(--cyan);font-weight:800}.claimBox strong{display:block;font-family:"Space Grotesk";font-size:1.55rem;margin:.7rem 0}.cross{font-size:2rem;color:var(--danger)}.claimBox p{color:var(--muted)}.saveButtons{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.saveButtons button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:12px;padding:12px;cursor:pointer}.saveButtons button.used{opacity:.45}.saveResult{min-height:105px;padding:16px;margin-top:14px;border-radius:14px;background:var(--bg);color:var(--muted)}.saveCounter{font-size:.75rem;color:var(--muted);margin-top:10px}.falsifyQuestion{margin-top:18px;padding:22px;border-left:3px solid var(--gold);background:rgba(243,200,119,.06)}.falsifyQuestion strong{font-size:1.15rem}.falsifyQuestion p{color:var(--muted);margin-bottom:0}.beforeAfter{display:grid;grid-template-columns:1fr 1fr;gap:16px}.beforeAfter>div{padding:26px;border-radius:22px;border:1px solid var(--line);background:var(--panel)}.beforeAfter small{font-weight:900;letter-spacing:.12em}.after small{color:var(--pink)}.before small{color:var(--cyan)}.beforeAfter h4{font-family:"Space Grotesk";font-size:1.55rem;line-height:1.15}.beforeAfter p{color:var(--muted)}.predictionPrompt{margin-top:18px;font-size:1.2rem;color:var(--gold)}
.explainSection,.objections,.laboratory,.constellation{padding:120px 0}.mechanisms{max-width:900px;margin:auto}.mechanisms details,.objectionGrid details{border-top:1px solid var(--line);padding:0}.mechanisms details:last-child{border-bottom:1px solid var(--line)}.mechanisms summary,.objectionGrid summary{list-style:none;display:flex;align-items:center;gap:18px;padding:22px 4px;cursor:pointer}.mechanisms summary::-webkit-details-marker,.objectionGrid summary::-webkit-details-marker{display:none}.mechanisms summary>span{color:var(--gold);font-family:"Space Grotesk";font-weight:800}.mechanisms summary div{flex:1}.mechanisms summary b{display:block;font-size:1.06rem}.mechanisms summary small{color:var(--muted)}.mechanisms summary i,.objectionGrid summary i{font-style:normal;color:var(--muted);font-size:1.4rem}.mechanisms details[open] summary i,.objectionGrid details[open] summary i{transform:rotate(45deg)}.mechanisms details>p,.objectionGrid details>p{color:var(--muted);padding:0 48px 22px;margin:0}.evidenceBand{padding:120px 0;background:linear-gradient(180deg,var(--bg),var(--bg2));border-block:1px solid var(--line)}.evidenceFlow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:15px;align-items:center}.evidenceFlow>div{padding:24px;min-height:215px;border-radius:22px;background:var(--panel);border:1px solid var(--line)}.evidenceFlow>div span{width:34px;height:34px;border-radius:10px;background:var(--text);color:var(--bg);display:grid;place-items:center;font-weight:900}.evidenceFlow small{display:block;color:var(--cyan);font-weight:800;margin:20px 0 6px}.evidenceFlow h3{font-family:"Space Grotesk";line-height:1.17;margin:0}.evidenceFlow>b{color:var(--pink);font-size:1.5rem}.evidenceConclusion{max-width:900px;padding:28px;margin:26px 0;border-left:3px solid var(--cyan);background:rgba(109,231,255,.05)}.evidenceConclusion strong{font-size:1.1rem}.evidenceConclusion p{color:var(--muted)}.objectionGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.objectionGrid details{border:1px solid var(--line);border-radius:17px;padding:0 18px;background:var(--panel)}.objectionGrid summary{font-weight:800}.objectionGrid summary i{margin-left:auto}.objectionGrid details>p{padding:0 2px 18px}.labGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.labCard{padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--panel);min-height:235px}.labCard>span{font-size:1.65rem}.labCard h3{font-family:"Space Grotesk";font-size:1.25rem;margin:.8rem 0 .5rem}.labCard p{color:var(--muted);font-size:.9rem}.textButton{border:0;background:transparent;padding:0;cursor:pointer}.labPanel{margin-top:24px;padding:28px;border:1px solid var(--line2);border-radius:24px;background:var(--panel);box-shadow:var(--shadow)}.labPanelHead{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.labPanelHead h3{font-family:"Space Grotesk";font-size:2rem;margin:.3rem 0}.closeLab{border:1px solid var(--line);background:var(--bg);color:var(--text);width:40px;height:40px;border-radius:12px;font-size:1.3rem;cursor:pointer}.quizPerson{display:grid;grid-template-columns:120px 1fr;gap:20px;margin:18px 0}.quizPerson img{width:120px;height:140px;object-fit:cover;border-radius:13px}.quizPerson p{color:var(--muted)}.quizOptions{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.quizOptions button{padding:13px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:12px;cursor:pointer}.quizFeedback{margin-top:14px;padding:14px;border-radius:13px;background:var(--bg2)}.traitLabControls{display:flex;gap:10px;align-items:center;margin:18px 0}.traitLabControls select{flex:1}.traitLabResult{margin-top:20px}.traitStat{font-family:"Space Grotesk";font-size:clamp(2rem,5vw,4rem);letter-spacing:-.05em}.traitStat strong{color:var(--gold)}.signTags{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}.signTags span{padding:7px 10px;border-radius:99px;background:var(--bg);border:1px solid var(--line);font-size:.78rem;color:var(--muted)}.systemCards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.systemCards>div{padding:18px;border-radius:15px;background:var(--bg);border:1px solid var(--line)}.systemCards p{color:var(--muted);font-size:.88rem}.sourcesBand{background:var(--bg2);padding:110px 0;border-block:1px solid var(--line)}.sourcesLayout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.sourcesLayout h2{font-family:"Space Grotesk";font-size:3rem;letter-spacing:-.05em;line-height:1;margin:.5rem 0}.sourcesLayout>div>p{color:var(--muted)}.sourceList article{padding:17px 0;border-top:1px solid var(--line)}.sourceList article:last-child{border-bottom:1px solid var(--line)}.sourceList p{color:var(--muted);margin:.4rem 0;font-size:.88rem}.aboutSection{padding:90px 0}.aboutCard{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:40px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.aboutCard h2{font-size:2.8rem}.aboutCard>p{color:var(--muted);font-size:1.03rem}.constellationGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.constellationGrid a{text-decoration:none;border:1px solid var(--line);background:var(--panel);border-radius:19px;overflow:hidden;padding-bottom:18px;transition:.2s transform}.constellationGrid a:hover{transform:translateY(-4px)}.constellationGrid img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.constellationGrid b,.constellationGrid span{display:block;padding-inline:18px}.constellationGrid b{font-family:"Space Grotesk";font-size:1.2rem;margin-top:15px}.constellationGrid span{color:var(--muted);font-size:.83rem;margin-top:5px}footer{border-top:1px solid var(--line);padding:45px 0;background:var(--bg2)}.footerGrid{display:flex;justify-content:space-between;gap:30px}.footerGrid p{color:var(--muted);margin:.2rem 0}.footerLinks{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.legal{margin-top:30px;padding-top:25px;border-top:1px solid var(--line);color:var(--muted);font-size:.88rem}.legal h3{color:var(--text)}.legal a{color:var(--cyan)}
@media(max-width:900px){.navlinks{display:none}.mobileOnly{display:block}.hero{grid-template-columns:1fr;padding-top:60px;min-height:auto}.heroVisual{min-height:390px}.zodiacWheel{width:370px}.zodiacWheel>span{transform:rotate(calc(var(--i)*30deg)) translateY(-160px) rotate(calc(var(--i)*-30deg))}.principleCard{grid-template-columns:1fr;text-align:left}.notEqual{font-size:2rem}.profileGrid,.labGrid,.systemCards,.constellationGrid{grid-template-columns:1fr 1fr}.duel{grid-template-columns:1fr}.vs{text-align:center}.saveLayout,.beforeAfter,.sourcesLayout,.aboutCard{grid-template-columns:1fr}.evidenceFlow{grid-template-columns:1fr}.evidenceFlow>b{transform:rotate(90deg);text-align:center}.objectionGrid{grid-template-columns:1fr}.personCard{grid-template-columns:100px 1fr}.personCard img{width:100px;height:125px}.testApp{padding:24px}.hero h1{font-size:clamp(3.4rem,12vw,5.6rem)}}
@media(max-width:620px){.shell{width:min(calc(100% - 24px),var(--shell))}.topbar .shell{width:min(calc(100% - 20px),var(--shell))}.hero{padding-top:40px}.heroVisual{min-height:320px}.zodiacWheel{width:300px}.zodiacWheel>span{font-size:1.2rem;transform:rotate(calc(var(--i)*30deg)) translateY(-130px) rotate(calc(var(--i)*-30deg))}.principle{padding-bottom:75px}.principleCard{padding:25px}.testSection,.darkBand,.explainSection,.objections,.laboratory,.constellation,.evidenceBand{padding-block:80px}.testApp{padding:17px;border-radius:22px}.traitChoices,.profileGrid,.rating,.labGrid,.systemCards,.constellationGrid{grid-template-columns:1fr}.rating{grid-template-columns:repeat(5,1fr)}.rating button{min-height:50px;padding:5px}.rating button small{display:none}.inverseItem{grid-template-columns:1fr}.inverseItem small{text-align:left}.duel{gap:10px}.personCard{grid-template-columns:78px 1fr;padding:12px}.personCard img{width:78px;height:105px}.personCard h4{font-size:1.15rem}.saveButtons,.quizOptions{grid-template-columns:1fr 1fr}.traitLabControls{align-items:stretch;flex-direction:column}.quizPerson{grid-template-columns:90px 1fr}.quizPerson img{width:90px;height:110px}.footerGrid{display:block}.footerLinks{margin-top:20px}.sectionIntro h2{font-size:2.6rem}.aboutCard{padding:25px}.aboutCard h2{font-size:2.25rem}.progress{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}


/* V5.1 — rythme visuel : illustrations V4 réintroduites sans alourdir le parcours */
.heroArtwork{position:relative;width:min(610px,100%);margin:0;border-radius:30px;overflow:hidden;border:1px solid var(--line2);box-shadow:0 35px 100px rgba(0,0,0,.28);isolation:isolate;transform:rotate(1.2deg)}
.heroArtwork img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.94) contrast(1.03)}
.heroArtwork:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,color-mix(in srgb,var(--bg) 84%,transparent));pointer-events:none}
.heroArtGlow{position:absolute;inset:auto 12% -22% 12%;height:42%;background:var(--pink);filter:blur(70px);opacity:.18;z-index:-1}
.heroArtwork figcaption{position:absolute;z-index:2;left:18px;right:18px;bottom:16px;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(5,6,18,.58);backdrop-filter:blur(10px);color:#fff;font-size:.68rem;letter-spacing:.1em}
.heroArtwork figcaption span{color:var(--gold)}

.revealArt,.experienceArt,.sectionArtwork,.sourceArtwork{margin:24px 0;overflow:hidden;border-radius:22px;border:1px solid var(--line);background:var(--panel)}
.revealArt{max-width:720px;margin:24px auto}
.revealArt img,.experienceArt img,.sectionArtwork img,.sourceArtwork img{display:block;width:100%;height:100%;object-fit:cover}
.revealArt img{aspect-ratio:16/7.1;max-height:320px}
.experienceArt{margin:20px 0 26px}
.experienceArt img{aspect-ratio:16/5.8;max-height:300px}
.narrowArt{max-width:820px}
.sectionArtwork{max-width:900px;margin:0 auto 34px}
.sectionArtwork img{aspect-ratio:16/6;max-height:330px}
.compactArtwork{max-width:760px;margin-bottom:34px}
.evidenceArtwork{max-width:860px;margin:8px 0 32px}
.sourceArtwork{margin-top:28px}
.sourceArtwork img{aspect-ratio:16/9;max-height:300px}

.labCard{padding:0;overflow:hidden;display:flex;flex-direction:column}
.labThumb{display:block;width:100%;aspect-ratio:16/8.8;object-fit:cover;border-bottom:1px solid var(--line);transition:transform .35s ease,filter .35s ease}
.labCard:hover .labThumb{transform:scale(1.025);filter:saturate(1.08)}
.labCardBody{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.labCardBody>span{font-size:1.35rem}
.labCardBody h3{font-family:"Space Grotesk";font-size:1.25rem;margin:.65rem 0 .5rem}
.labCardBody p{color:var(--muted);font-size:.9rem;flex:1}
.labCardBody .textButton{align-self:flex-start}

@media(max-width:900px){
  .heroArtwork{width:min(620px,94vw);transform:none}
  .heroVisual{min-height:auto;padding-bottom:20px}
  .experienceArt img{aspect-ratio:16/7}
  .sectionArtwork img{aspect-ratio:16/7}
}
@media(max-width:620px){
  .heroArtwork{border-radius:20px}
  .heroArtwork figcaption{left:10px;right:10px;bottom:10px;font-size:.58rem;gap:6px;padding:8px}
  .revealArt,.experienceArt,.sectionArtwork,.sourceArtwork{border-radius:16px}
  .revealArt img,.experienceArt img,.sectionArtwork img{aspect-ratio:16/9}
  .labThumb{aspect-ratio:16/8}
}

[hidden]{display:none!important}
.profileOption.correct{border-color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok)}

#duelExperience .experienceArt img{object-position:50% 30%}
.explainSection .sectionArtwork img{object-position:50% 58%}
.ownSign{color:var(--gold);font-weight:800}

.forerAnchor{margin:18px auto 0;max-width:720px;padding:14px 18px;border-radius:13px;background:var(--bg2);border:1px solid var(--line);color:var(--muted);font-size:.92rem}
.forerAnchor b{color:var(--gold)}
.ascTestSection{padding:95px 0 20px}
.ascApp{max-width:1000px}
.ascSetup{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:14px;align-items:end}
.ascField{display:grid;gap:8px}
.ascField label{font-size:.82rem;color:var(--muted)}
.fieldHint{grid-column:1/-1;color:var(--muted);font-size:.75rem;margin:2px 0 0}
.ascPrompt{margin:26px 0 8px;color:var(--muted)}
.ascPrompt b{color:var(--gold)}
@media(max-width:900px){.ascSetup{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.ascSetup{grid-template-columns:1fr}}
.horoControls{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:16px}
.horoGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:900px){.horoGrid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.horoGrid{grid-template-columns:1fr}}
.horoCard{position:relative;text-align:left;border:1px solid var(--line);background:var(--panel2);border-radius:14px;padding:14px;cursor:pointer;display:grid;gap:8px;align-content:start}
.horoCard p{font-size:.85rem;margin:0;color:var(--text)}
.horoNum{font-size:.7rem;font-weight:800;letter-spacing:.08em;color:var(--cyan)}
.horoLabel{font-size:.75rem;font-weight:800;color:var(--gold)}
.horoCard.picked{border-color:var(--cyan);box-shadow:inset 0 0 0 1px var(--cyan)}
.horoCard.correct{border-color:var(--ok);box-shadow:inset 0 0 0 1px var(--ok)}

.commitBlock{margin:6px 0 4px;padding:16px 18px;border:1px dashed var(--line2);border-radius:15px;background:var(--bg2)}
.commitQ{font-weight:700;margin:0 0 10px;font-size:.95rem}
.commitChoices{display:grid;gap:8px}
.commitChoices button{padding:11px 14px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);color:var(--muted);text-align:left;cursor:pointer;font-size:.88rem}
.commitChoices button.selected{border-color:var(--gold);color:var(--text);background:rgba(243,200,119,.08)}
.commitHint{color:var(--muted);font-size:.75rem;margin:10px 0 0}
#commitEcho strong{color:var(--gold)}
.skySection{padding:20px 0 90px}
.skyBox{max-width:900px;margin:auto;border:1px solid var(--line);border-radius:26px;padding:28px;background:color-mix(in srgb,var(--panel) 93%,transparent);box-shadow:var(--shadow)}
.skyControls{display:flex;gap:14px;align-items:end;flex-wrap:wrap;margin-bottom:6px}
.skyControls .ascField{min-width:220px}
.skyResultBig{font-family:"Space Grotesk";font-size:1.35rem;letter-spacing:-.02em;margin:.2rem 0 .6rem}
.twinsHead{margin:34px 0 4px}
.twinsHead h3{font-family:"Space Grotesk";font-size:clamp(1.5rem,3vw,2.2rem);letter-spacing:-.03em;margin:.4rem 0 .5rem}
.twinsHead p{color:var(--muted)}
.twinsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 6px}
@media(max-width:900px){.twinsGrid{grid-template-columns:1fr}}
.twinCard{border:1px solid var(--line);border-radius:15px;padding:15px;background:var(--panel2);display:grid;gap:6px;align-content:start}
.twinCard b{font-size:1rem}
.twinCard span{color:var(--gold);font-size:.8rem;font-weight:700}
.twinCard small{color:var(--muted);font-size:.8rem}