.p-ecran{--p-ombre:0 16px 30px -14px #2457a78c;--p-sortie:cubic-bezier(.2, .8, .2, 1);--p-ressort:cubic-bezier(.34, 1.56, .64, 1);--p-texte:var(--text-primary);--p-doux:var(--text-secondary);--p-ligne:var(--border-control);--p-erreur:#b42318;min-height:100dvh;color:var(--p-texte);background:#fff;grid-template-rows:auto 1fr;gap:clamp(16px,4vh,48px);padding:clamp(20px,4vw,56px);display:grid;position:relative;overflow:hidden}.p-haut{z-index:2;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.p-logo{width:clamp(104px,11vw,150px);height:auto;display:block;overflow:visible}.p-compteur{font-variant-numeric:tabular-nums;color:var(--p-doux);font-size:1.05rem;font-weight:600}.p-compteur b{color:var(--p-texte);font-size:1.5rem;display:inline-block}.p-centre{align-content:center;min-width:0;padding-bottom:clamp(16px,6vh,72px);display:grid;position:relative}.p-etape{justify-items:start;gap:clamp(18px,3.4vh,34px);max-width:1080px;display:grid}.p-question{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(2.3rem,7.4vw,6.4rem);font-weight:800;line-height:1.02;display:block}.p-mots{display:block}.p-mot{vertical-align:top;white-space:pre;margin-bottom:-.12em;padding-bottom:.12em;display:inline-block;overflow:hidden}.p-l{display:inline-block}.p-mot-saphir{color:var(--brand-primary)}.p-mot-surligne{background:linear-gradient(var(--brand-accent), var(--brand-accent)) 0 86% / 100% .3em no-repeat}.p-champ{width:100%;max-width:920px;position:relative}.p-saisie{width:100%;color:var(--p-texte);font:inherit;letter-spacing:-.02em;caret-color:var(--brand-primary);background:0 0;border:0;border-radius:0;outline:none;padding:.3em 0 .35em;font-size:clamp(1.5rem,4.4vw,3.1rem);font-weight:600;display:block}.p-saisie::placeholder{color:var(--p-doux);opacity:.55}.p-saisie-code{letter-spacing:.28em;font-variant-numeric:tabular-nums}.p-champ:has(.p-voir) .p-saisie{padding-right:7.5rem}.p-trait{background:var(--p-ligne);opacity:.6;border-radius:2px;height:4px;position:absolute;bottom:0;left:0;right:0}.p-trait:after{content:"";border-radius:inherit;background:var(--brand-primary);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.p-champ .p-saisie:focus,.p-champ .p-saisie:focus-visible{box-shadow:none;outline:none}.p-champ:focus-within .p-trait{opacity:1;height:6px}.p-champ:focus-within .p-trait:after{transform:scaleX(1)}.p-voir{border:2px solid var(--p-ligne);height:44px;color:var(--p-texte);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:0 16px;font-size:.95rem;font-weight:600;position:absolute;bottom:.9rem;right:0}.p-voir:hover{background:var(--brand-primarySoft)}.p-voir:focus-visible,.p-lien:focus-visible,.p-btn:focus-visible{outline:3px solid var(--brand-primary);outline-offset:3px}.p-aide{max-width:56ch;color:var(--p-doux);margin:0;font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.55}.p-aide b{color:var(--p-texte);overflow-wrap:anywhere;font-weight:600}.p-lien{color:var(--brand-primary);font:inherit;text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.p-note{border-left:6px solid var(--status-warning);background:var(--status-warningSoft);max-width:46ch;color:var(--status-warning);border-radius:4px 16px 16px 4px;margin:0;padding:14px 18px;font-size:1.05rem;font-weight:600;line-height:1.4}.p-erreur{border-left:6px solid var(--p-erreur);background:var(--status-dangerSoft);max-width:46ch;color:var(--p-erreur);border-radius:4px 16px 16px 4px;margin:0;padding:14px 18px;font-size:1.1rem;font-weight:600;line-height:1.4}.p-action{flex-wrap:wrap;align-items:center;gap:12px 22px;display:flex}.p-btn{background:var(--brand-primary);color:#fff;min-height:64px;font:inherit;box-shadow:var(--p-ombre);cursor:pointer;isolation:isolate;border:0;border-radius:999px;align-items:center;gap:16px;padding:0 8px 0 30px;font-size:1.15rem;font-weight:600;line-height:1.2;display:inline-flex;position:relative;overflow:hidden}.p-btn:before{content:"";z-index:-1;background:var(--brand-primaryPressed);width:140%;position:absolute;top:0;bottom:0;left:-20%;transform:translate(-105%)skew(-24deg)}.p-btn:after{content:"";z-index:-1;background:var(--brand-accent);opacity:0;pointer-events:none;width:12px;position:absolute;top:-10%;bottom:-10%;left:-30px;transform:skew(-24deg)}.p-btn-texte{height:1.2em;display:block;position:relative;overflow:hidden}.p-btn-roule{display:block}.p-btn-double{white-space:nowrap;position:absolute;top:100%;left:0}.p-btn-puce{background:var(--brand-accent);width:48px;height:48px;color:var(--text-primary);border-radius:50%;flex:none;place-items:center;display:grid}.p-btn-puce svg{width:24px;height:24px}.p-btn:disabled{background:var(--disabled-background);color:var(--disabled-text);box-shadow:none;cursor:default}.p-btn:disabled:before,.p-btn:disabled:after{display:none}.p-btn:disabled .p-btn-puce{color:var(--disabled-text);background:#ffffffbf}.p-btn[aria-busy=true]{cursor:progress}.p-attente{border:3px solid;border-top-color:#0000;border-radius:50%;width:22px;height:22px}.p-astuce{color:var(--p-doux);font-size:.9rem}@media (hover:none){.p-astuce{display:none}}.p-choix{gap:14px;width:100%;max-width:920px;margin:0;padding:0;list-style:none;display:grid}.p-ligne{border:2px solid var(--brand-primary);width:100%;color:var(--p-texte);font:inherit;text-align:left;cursor:pointer;isolation:isolate;background:#fff;border-radius:999px;grid-template-columns:1fr auto;grid-template-areas:"nom puce""role puce";align-items:center;gap:2px 20px;padding:20px 20px 20px 30px;display:grid;position:relative;overflow:hidden}.p-ligne:before{content:"";z-index:-1;background:var(--brand-primary);width:140%;position:absolute;top:0;bottom:0;left:-20%;transform:translate(-105%)skew(-24deg)}.p-ligne-nom{letter-spacing:-.02em;grid-area:nom;font-size:clamp(1.3rem,3vw,2.1rem);font-weight:700;line-height:1.15}.p-ligne-role{color:var(--p-doux);grid-area:role;font-size:1rem}.p-ligne .p-btn-puce{grid-area:puce}.p-ligne:hover,.p-ligne:focus-visible,.p-ligne:hover .p-ligne-role,.p-ligne:focus-visible .p-ligne-role{color:#fff}.p-ligne:hover:before,.p-ligne:focus-visible:before{transform:translate(0)skew(-24deg)}.p-ligne:focus-visible{outline:3px solid var(--brand-primary);outline-offset:4px}.p-ligne:disabled{cursor:default}.p-pied{margin-top:8px}.p-final{z-index:60;text-align:center;background:#fff;align-content:center;justify-items:center;gap:10px;padding:24px;display:grid;position:fixed;inset:0}.p-final-logo{width:min(78vw,640px);height:auto;margin-bottom:18px;overflow:visible}.p-final-nom{letter-spacing:-.03em;margin:0;font-size:clamp(1.6rem,4.4vw,3rem);font-weight:800;line-height:1.1}.p-final-role{color:var(--p-doux);margin:0;font-size:1.15rem}.p-final-logo *{transform-box:fill-box;transform-origin:50%}.p-final-logo .lj-niveau,.p-final-logo .lj-vague{transform-box:view-box;transform-origin:0 0}.p-final-logo .lj-source{transform-origin:50% 0}.p-final-logo .lj-goutte,.p-final-logo .lj-point{transform-origin:50% 100%}.p-balayage{z-index:50;pointer-events:none;position:fixed;inset:0;overflow:hidden}.p-balayage span{width:calc(100vw + 400px);position:absolute;top:-10%;bottom:-10%;left:0;transform:translate(calc(-100% - 220px))skew(-14deg)}.p-couverture{z-index:49;background:#fff;position:fixed;inset:0}.p-b1{background:var(--brand-accent)}.p-b2{background:#fff}@media (max-width:640px){.p-ecran{gap:12px}.p-centre{align-content:start;padding-top:clamp(8px,6vh,56px)}.p-btn{min-height:60px;padding-left:24px;font-size:1.05rem}.p-btn-puce{width:44px;height:44px}.p-ligne{border-radius:36px;padding-left:24px}}@media (prefers-reduced-motion:no-preference){@keyframes p-lettre{0%{transform:translateY(108%)rotate(5deg)}to{transform:none}}@keyframes p-trace{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes p-monte{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes p-revele{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(-20% 0)}}@keyframes p-allume{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes p-roule{0%{opacity:0;transform:translateY(60%)}to{opacity:1;transform:none}}@keyframes p-secoue{0%,to{transform:none}20%{transform:translate(-9px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(3px)}}@keyframes p-tourne{to{transform:rotate(1turn)}}@keyframes p-surligne{0%{background-size:0 .3em}to{background-size:100% .3em}}@keyframes p-repart{45%{transform:translate(26px)}46%{transform:translate(-26px)}to{transform:none}}@keyframes p-traite{0%{opacity:1;left:-30px}99%{opacity:1;left:calc(100% + 30px)}to{opacity:0}}@keyframes p-passe{0%{transform:translate(calc(-100% - 220px))skew(-14deg)}40%,60%{transform:translate(-200px)skew(-14deg)}to{transform:translate(calc(100vw + 220px))skew(-14deg)}}@keyframes p-repasse{0%{transform:translate(calc(100vw + 220px))skew(-14deg)}40%,60%{transform:translate(-200px)skew(-14deg)}to{transform:translate(calc(-100% - 220px))skew(-14deg)}}@keyframes lj-fond{0%{opacity:0}to{opacity:1}}@keyframes lj-nom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.p-logo{animation:p-revele .8s .1s var(--p-sortie) both}.p-logo .logo-facette{transform-box:fill-box;transform-origin:50%;animation:p-allume .7s .75s var(--p-ressort) backwards;transition:transform .45s var(--p-ressort)}.p-logo-actif .logo-facette{transform:scale(1.55)rotate(-10deg)}.p-compteur b{animation:p-roule .45s var(--p-sortie) both}.p-l{animation:p-lettre .65s calc(.18s + var(--i) * 24ms) var(--p-sortie) forwards;transform:translateY(108%)}.p-mot-surligne{animation:p-surligne .6s .95s var(--p-sortie) both}.p-trait{transform-origin:0;animation:p-trace .7s .55s var(--p-sortie) both}.p-trait:after{transition:transform .45s var(--p-sortie)}.p-saisie,.p-voir{animation:p-monte .5s .5s var(--p-sortie) both}.p-aide,.p-erreur,.p-note{animation:p-monte .5s .7s var(--p-sortie) both}.p-erreur{animation:.45s p-secoue,.3s both p-monte}.p-action{animation:p-monte .5s .85s var(--p-sortie) both}.p-pied{animation:p-monte .5s 1.1s var(--p-sortie) both}.p-btn{translate:var(--mx,0px) var(--my,0px);transition:transform .3s var(--p-ressort), translate .3s var(--p-sortie), box-shadow .3s, background .2s}.p-btn:before{transition:transform .5s var(--p-sortie)}.p-btn-puce{transition:transform .4s var(--p-ressort)}.p-btn-roule{transition:transform .45s var(--p-ressort)}.p-btn:hover:not(:disabled){transform:scale(1.06)rotate(-1.5deg);box-shadow:0 22px 36px -14px #2457a7b3}.p-btn:hover:not(:disabled):before{transform:translate(0)skew(-24deg)}.p-btn:hover:not(:disabled):after{animation:p-traite .6s var(--p-sortie)}.p-btn:hover:not(:disabled) .p-btn-roule{transform:translateY(-100%)}.p-btn:hover:not(:disabled) .p-btn-puce{transform:scale(1.1)}.p-btn:hover:not(:disabled) .p-btn-puce svg{animation:p-repart .55s var(--p-sortie)}.p-btn:active:not(:disabled){transform:scale(.95)}.p-attente{animation:.8s linear infinite p-tourne}.p-ligne{transition:transform .3s var(--p-ressort), color .12s 50ms}.p-ligne:before{transition:transform .5s var(--p-sortie)}.p-ligne:hover:not(:disabled){transform:scale(1.02)}.p-ligne:hover:not(:disabled) .p-btn-puce svg{animation:p-repart .55s var(--p-sortie)}.p-choix li{animation:.5s both p-monte}.p-choix li:first-child{animation-delay:.7s}.p-choix li:nth-child(2){animation-delay:.8s}.p-choix li:nth-child(3){animation-delay:.9s}.p-b1{animation:.95s cubic-bezier(.65,0,.25,1) both p-passe}.p-b2{animation:.95s cubic-bezier(.65,0,.25,1) .12s both p-passe}.p-retour .p-b1,.p-retour .p-b2{animation-name:p-repasse}.p-retour span{transform:translate(calc(100vw + 220px))skew(-14deg)}.p-final{animation:.25s both lj-fond}.p-final-nom{animation:lj-nom .6s 2s var(--p-sortie) both}.p-final-role{animation:lj-nom .6s 2.15s var(--p-sortie) both}}.p-btn-lien{text-decoration:none}.p-btn-lien .p-btn-texte{height:auto;overflow:visible}.p-pas{max-width:60ch;color:var(--p-texte);gap:14px;margin:0;padding-left:1.4em;font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.5;display:grid}.p-pas li::marker{color:var(--brand-primary);font-weight:700}.p-cle{background:var(--brand-accent);border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px 18px;margin:8px 0 4px;padding:14px 18px;display:flex}.p-cle code{letter-spacing:.06em;overflow-wrap:anywhere;color:var(--p-texte);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:clamp(1.05rem,2vw,1.4rem);font-weight:600}.p-secours{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px 14px;max-width:640px;margin:0;padding:0;list-style:none;display:grid}.p-secours li{border:2px solid var(--p-ligne);letter-spacing:.04em;overflow-wrap:anywhere;border-radius:12px;padding:12px 16px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:1.05rem;font-weight:600}.p-plein{z-index:70;background:#fff;position:fixed;inset:0;overflow-y:auto}.p-fermer{margin-left:20px;font-size:.95rem}.p-oui-non{gap:14px;width:100%;max-width:920px;display:grid}.p-oui-non .p-ligne{border-radius:28px;grid-template-columns:1fr;grid-template-areas:"nom""role"}.p-oui-non .p-ligne[aria-checked=true]{background:var(--brand-primary);color:#fff}.p-oui-non .p-ligne[aria-checked=true] .p-ligne-role{color:#fff}.p-oui-non .p-ligne[aria-checked=true]{box-shadow:0 0 0 4px #fff, 0 0 0 7px var(--brand-primary)}.p-oui-non .p-ligne[aria-checked=true] .p-ligne-nom:before{content:"✓ "}@media (hover:none){.p-oui-non .p-ligne[aria-checked=false]:hover{color:var(--p-texte)}.p-oui-non .p-ligne[aria-checked=false]:hover .p-ligne-role{color:var(--p-doux)}.p-oui-non .p-ligne[aria-checked=false]:hover:before{transform:translate(-105%)skew(-24deg)}}.p-lien-saisie{font-size:clamp(1rem,2vw,1.5rem)}.p-etape .p-champ+.p-champ{margin-top:6px}
