.onb-carte{border-radius:var(--r-lg);border:1px solid var(--ln);box-shadow:var(--elev-menu);padding:16px}.onb-carte.compacte{padding:12px 14px}.onb-carte.compacte .onb-illustration{width:28px;height:28px}.onb-carte.compacte .onb-phrase{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:13px;display:-webkit-box;overflow:hidden}.onb-carte.compacte .onb-progression{margin-top:10px}.onb-carte.compacte .onb-jalons{flex-wrap:nowrap;margin-top:8px}.onb-carte.compacte .onb-jalon{white-space:nowrap;text-overflow:ellipsis;min-width:0;line-height:22px;display:block;overflow:hidden}.onb-carte.compacte .onb-pied{flex-wrap:nowrap;margin-top:10px;padding-top:10px}.onb-pastille{border-radius:var(--r-full);border:1px solid var(--ln);background:var(--bg-card);min-height:40px;box-shadow:var(--elev-menu);color:var(--tx);font-size:var(--fs-14);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out);align-items:center;gap:8px;padding:0 12px;font-weight:500;display:inline-flex}.onb-pastille:hover{background:var(--survol)}.onb-pastille-glyphe{border-radius:var(--r-sm);background:var(--accent-doux);width:24px;height:24px;color:var(--accent-clair);flex:none;place-items:center;display:grid}.onb-tete{align-items:flex-start;gap:10px;display:flex}.onb-illustration{border-radius:var(--r-md);background:var(--accent-doux);width:32px;height:32px;color:var(--accent-clair);flex:none;place-items:center;display:grid}.onb-titre{font-size:var(--fs-16);color:var(--tx);margin:2px 0 0;font-weight:500;line-height:24px}.onb-fermer{flex:none;margin-left:auto}.onb-phrase{font-size:14px;line-height:var(--lh-souple);color:var(--tx-soft);margin:10px 0 0}.onb-progression{margin-top:14px;display:flex}.onb-jalons{align-items:center;gap:6px;margin-top:10px;display:flex}.onb-jalon{border-radius:var(--r-full);background:var(--bg-card-2);min-height:22px;color:var(--tx-soft);font-size:var(--fs-12);text-align:center;flex:1 1 0;justify-content:center;align-items:center;padding:0 6px;font-weight:500;display:flex}.onb-jalon.courant{background:var(--accent-doux);color:var(--accent-clair)}.onb-jalon.fait{background:var(--win-soft);color:var(--win)}.onb-pied{border-top:1px solid var(--ln);flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding-top:14px;display:flex}.onb-pied .bouton{white-space:normal;text-align:center;max-width:100%;height:auto;min-height:40px;padding-block:8px}
.acc{--acc-nuit-0:#09090b;--acc-nuit-1:#0c0c0e;--acc-nuit-2:#101014;--acc-nuit-3:#16171c;--acc-bleu-doux:#78a1f5;--acc-bleu-moyen:#3e77ce;--acc-bleu-glace:#a0bef8;--acc-lettre-lueur:#a0bef8f2;--acc-bleu-blanc:#dee8fd;--acc-depot:#a0bef8;--acc-retrait:#8f93ab;--acc-focus:#a0bef8;--acc-erreur:#ff9b9b;--acc-legende:#a3a4ad;--acc-encre-pas:#8f9099;--acc-tx:#fafafa;--acc-tx-soft:#bdbdbd;--acc-tx-muted:#9e9e9e;--acc-tx-faint:#7e7e7e;--acc-accent:#4953e8;--acc-accent-hover:#5160ed;--acc-accent-clair:#6c80f2;--acc-accent-segment:#293279;--acc-blanc:#fff;--acc-chrome-1:#fff;--acc-chrome-2:#eef0f7;--acc-chrome-3:#9aa0b8;--acc-chrome-4:#d7dae6;--acc-chrome-5:#fbfbfe;--acc-story-carte-1:#1d2b6e;--acc-story-carte-2:#0d1240;--acc-story-irise-1:#9b8cff;--acc-story-irise-2:#dee8fd;--acc-trainee-1:#fff;--acc-trainee-2:#a0bef8;--acc-trainee-3:#78a1f5;--acc-coeur-blanc:#eef0ff;--acc-coeur-lavande:#8f9bf5;--acc-coeur-bleu:#4953e8;--acc-coeur-horizon:#02030a;--acc-u-base:clamp(15px, .42vw + 10px, 22px);--acc-u:var(--acc-u-base);--acc-marge:clamp(16px, 4vw, 96px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.acc-rideau{z-index:100;background:radial-gradient(70% 60% at 50% 58%, #020309b8, transparent 72%), radial-gradient(110% 70% at 50% 122%, #3e77ce38, transparent 62%), radial-gradient(55% 45% at 86% -6%, #4953e81a, transparent 70%), linear-gradient(180deg, var(--acc-nuit-0) 0%, var(--acc-nuit-1) 52%, var(--acc-nuit-2) 100%);margin:0;position:fixed;inset:0;overflow:hidden}.g-entree-ecran:has(.acc-rideau,.acc-retour){animation:none}.acc-rideau .acc-coeur{animation:acc-coeur-eveil var(--dur-coeur-eveil) var(--ease-out) both;top:73%;left:50%}.acc-rideau .acc-coeur:after{animation:acc-coeur-charge calc(var(--dur-coeur-eveil) * 6) linear var(--dur-coeur-eveil) both}.acc-coeur{--coeur:clamp(120px, 11vw, 168px);width:var(--coeur);height:var(--coeur);margin:calc(var(--coeur) / -2) 0 0 calc(var(--coeur) / -2);pointer-events:none;background:radial-gradient(circle, var(--acc-blanc) 0 2.5%, var(--acc-coeur-blanc) 5%, color-mix(in srgb, var(--acc-coeur-lavande) 92%, transparent) 9%, color-mix(in srgb, var(--acc-coeur-horizon) 85%, transparent) 11.5%, color-mix(in srgb, var(--acc-coeur-lavande) 42%, transparent) 14%, color-mix(in srgb, var(--acc-coeur-lavande) 18%, transparent) 26%, color-mix(in srgb, var(--acc-coeur-bleu) 7%, transparent) 44%, transparent 70%);border-radius:50%;position:absolute}.acc-coeur:before{content:"";background:radial-gradient(50% 50% at 50% 50%, color-mix(in srgb, var(--acc-coeur-blanc) 70%, transparent), color-mix(in srgb, var(--acc-coeur-lavande) 26%, transparent) 42%, transparent 72%);border-radius:50%;height:8%;position:absolute;top:46%;left:-55%;right:-55%;transform:rotate(-10deg)}.acc-coeur:after{content:"";background:radial-gradient(50% 50% at 50% 50%, color-mix(in srgb, var(--acc-coeur-bleu) 15%, transparent), transparent 70%);position:absolute;inset:-25% -150%}.acc-coeur.acc-coeur-repos{--coeur:96px;margin:0 auto;display:block;position:relative}@keyframes acc-coeur-eveil{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@keyframes acc-coeur-charge{0%{opacity:.55;transform:scaleX(.9)}to{opacity:1;transform:scaleX(1.25)}}.acc-relais{--acc-relais-t:calc(var(--dur-coeur-eveil) * 0);pointer-events:none;transition:opacity var(--dur-relais-coeur) var(--ease-out);position:absolute;inset:0}.acc-relais .acc-coeur{animation:acc-coeur-eveil var(--dur-coeur-eveil) var(--ease-out) var(--acc-relais-t) both}.acc-relais .acc-coeur:after{animation:acc-coeur-charge calc(var(--dur-coeur-eveil) * 6) linear calc(var(--dur-coeur-eveil) + var(--acc-relais-t)) both}.acc-relais.acc-relais-eveille .acc-coeur,.acc-relais.acc-relais-eveille .acc-coeur:after{animation:none}.acc-relais.acc-relais-fini{opacity:0}.acc-rideau.acc-voile-du-rejeu{z-index:2147482000;pointer-events:none;animation:acc-voile-du-rejeu-filet var(--dur-fondu-reduit) var(--ease-out) calc(var(--dur-revelation) * 2) forwards}body:has(.acc-retour)>[data-voile-precoce]{display:none}@keyframes acc-voile-du-rejeu-filet{to{opacity:0;visibility:hidden}}html[data-iris]::view-transition-old(root){mix-blend-mode:normal;animation:none}html[data-iris]::view-transition-new(root){mix-blend-mode:normal;animation:acc-iris var(--dur-iris) var(--ease-out) both}@keyframes acc-iris{0%{clip-path:circle(0 at var(--iris-x) var(--iris-y))}to{clip-path:circle(var(--iris-r) at var(--iris-x) var(--iris-y))}}.acc-iris-anneau{z-index:2147483000;left:var(--iris-x);top:var(--iris-y);width:calc(var(--iris-r) * 2);height:calc(var(--iris-r) * 2);margin:calc(var(--iris-r) * -1) 0 0 calc(var(--iris-r) * -1);pointer-events:none;background:radial-gradient(closest-side, transparent calc(100% - 26px), color-mix(in srgb, var(--acc-coeur-lavande) 22%, transparent) calc(100% - 6px), color-mix(in srgb, var(--acc-coeur-blanc) 85%, transparent) calc(100% - 2px), transparent 100%);animation:acc-iris-anneau var(--dur-iris) var(--ease-out) both;border-radius:50%;position:fixed}@keyframes acc-iris-anneau{0%{opacity:1;transform:scale(.01)}65%{opacity:1}to{opacity:0;transform:none}}@media (prefers-reduced-motion:reduce){.acc-rideau .acc-coeur,.acc-rideau .acc-coeur:after,.acc-relais .acc-coeur,.acc-relais .acc-coeur:after,.acc-iris-anneau{animation:none}.acc-relais{transition:none}html[data-iris]::view-transition-new(root){animation:none}html[data-iris]::view-transition-old(root){animation:none}}.acc-retour{z-index:100;cursor:pointer;color:var(--acc-tx);font-family:var(--font-body);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:acc-retour-voile var(--dur-accueil-retour) linear both;-webkit-font-smoothing:antialiased;background:radial-gradient(90% 70% at 50% 110%,#3e77ce52,#0000 62%),linear-gradient(#03040cf0,#05071ceb 55%,#0a0d2ef0);place-items:center;margin:0;display:grid;position:fixed;inset:0;overflow:hidden}.acc-retour-centre{text-align:center;animation:acc-retour-recul var(--dur-accueil-retour) linear both;justify-items:center;gap:clamp(14px,2.4vh,26px);padding:0 16px;display:grid}.acc-retour-logo{width:clamp(64px,7vw,104px);height:auto}.acc-retour-titre{justify-items:center;gap:.2em;margin:0;line-height:1;display:grid}.acc-retour-salut{font-size:clamp(calc(1.1 * var(--acc-u)), 1.8vw, calc(1.6 * var(--acc-u)));color:var(--acc-bleu-blanc);animation:acc-retour-salut var(--dur-couture-entree) var(--ease-out) var(--dur-onglet) both;font-weight:300}.acc-retour-nom{font-size:min(9vw, calc(4.6 * var(--acc-u)));letter-spacing:-.035em;overflow-wrap:anywhere;max-width:92vw;font-weight:500;position:relative}.acc-retour-nom.long{font-size:min(6vw, calc(3.4 * var(--acc-u)))}.acc-retour-nom .acc-l{white-space:pre;animation:acc-retour-lettre var(--dur-couture-entree) var(--ease-out) calc(var(--dur-accueil-lettres) + var(--i,0) * var(--dur-stagger-ligne)) both;display:inline-block}.acc-retour-nom .acc-mot{white-space:nowrap;display:inline-block}.acc-retour-aide{text-align:center;font-size:calc(.8 * var(--acc-u));color:var(--acc-tx-muted);animation:acc-retour-aide var(--dur-accueil-retour) linear both;position:absolute;bottom:5vh;left:0;right:0}@keyframes acc-retour-aide{0%,10%{opacity:0}18%,56%{opacity:1}64%,to{opacity:0}}.acc-retour-nom{isolation:isolate}.acc-retour-coeur{--coeur:clamp(120px, 12vw, 168px);z-index:-1;animation:acc-coeur-eveil var(--dur-coeur-eveil) var(--ease-out) both, acc-retour-coeur var(--dur-coeur-eclosion) var(--ease-out) calc(var(--dur-accueil-lettres) + var(--dur-couture-entree)) forwards;top:96%;left:50%}.acc-retour-coeur:after{animation:acc-coeur-charge calc(var(--dur-coeur-eveil) * 6) linear var(--dur-coeur-eveil) both}@keyframes acc-retour-coeur{55%{opacity:1;transform:scale(1.16)}to{opacity:1;transform:none}}.acc-chrome,.acc-retour-nom .acc-l{background-image:linear-gradient(100deg, transparent 38%, #fffffff2 50%, transparent 62%), linear-gradient(180deg, var(--acc-chrome-1) 0%, var(--acc-chrome-2) 40%, var(--acc-chrome-3) 53%, var(--acc-chrome-4) 66%, var(--acc-chrome-5) 100%);color:#0000;background-position:115% 0,0 0;background-repeat:no-repeat;background-size:320% 100%,100% 100%;-webkit-background-clip:text;background-clip:text}@keyframes acc-retour-voile{0%,68%{opacity:1;visibility:visible;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation-timing-function:var(--ease-out)}99.9%{opacity:0;visibility:visible;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:0;visibility:hidden;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}@keyframes acc-retour-recul{0%,66%{animation-timing-function:var(--ease-in-out);transform:none}to{transform:translateY(-14px)scale(.98)}}@keyframes acc-retour-salut{0%{opacity:0;filter:blur(6px);transform:translateY(.6em)}to{opacity:1;filter:blur();transform:none}}@keyframes acc-retour-lettre{0%{opacity:0;filter:blur(10px);transform:translateY(.4em)}to{opacity:1;filter:blur();transform:none}}@media (prefers-reduced-motion:reduce){.acc-retour{-webkit-backdrop-filter:none;backdrop-filter:none;animation:acc-retour-fondu var(--dur-accueil-retour-reduit) linear both}.acc-retour-centre,.acc-retour-salut,.acc-retour-nom .acc-l{animation:none}}@keyframes acc-retour-fondu{0%{opacity:0;visibility:visible}15%,75%{opacity:1;visibility:visible}99.9%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}.acc-retour-lumiere{color:var(--acc-blanc);text-shadow:0 0 22px #a0bef8f2, 0 0 2px var(--acc-blanc);pointer-events:none;opacity:0;white-space:pre-wrap;animation:acc-retour-lumiere calc(var(--dur-curseur) * 2) linear calc(var(--dur-accueil-lettres) * 2) both;padding:.3em;position:absolute;inset:-.3em;-webkit-mask-image:linear-gradient(100deg,#0000 38%,#000 50%,#0000 62%);mask-image:linear-gradient(100deg,#0000 38%,#000 50%,#0000 62%);-webkit-mask-position:120% 0;mask-position:120% 0;-webkit-mask-size:260% 100%;mask-size:260% 100%}.acc-retour-logo .te-logo{--dur-logo:var(--dur-logo-retour);width:100%;height:auto}.acc-retour.acc-retour-passe{animation:acc-retour-sortie var(--dur-fast) linear both}@keyframes acc-retour-lumiere{0%{opacity:0;-webkit-mask-position:120% 0;mask-position:120% 0}15%,80%{opacity:1}to{opacity:0;-webkit-mask-position:-20% 0;mask-position:-20% 0}}@keyframes acc-retour-sortie{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.acc-retour-lumiere,.acc-retour-aide,.acc-retour-coeur{animation:none}}.acc-retour:not(.acc-retour-joue),.acc-retour:not(.acc-retour-joue) *,.acc-retour:not(.acc-retour-joue) :before,.acc-retour:not(.acc-retour-joue) :after{animation-play-state:paused!important}.acc-retour:not(.acc-retour-joue) .acc-retour-coeur{animation-play-state:running,paused!important}.acc-retour:not(.acc-retour-joue) .acc-retour-coeur:after{animation-play-state:running!important}.acc-retour.acc-retour:not(.acc-retour-joue){animation:acc-retour-voile var(--dur-accueil-retour) linear both, acc-retour-filet var(--dur-fondu-reduit) linear calc(var(--dur-accueil-retour) * 3) forwards;animation-play-state:paused,running!important}@keyframes acc-retour-filet{to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.acc-retour-coeur,.acc-retour-coeur:after{animation:none}}
