:root{--encre:#1f1b3a;--encre-2:#4a4866;--encre-3:#8a88a0;--blanc:#fff;--fond:#f5f6fa;--fond-carte:#eaf6fe;--fond-creme:#fafaf7;--ligne:#e6e8f0;--tangerine:#ff6b2c;--tangerine-pale:#ffe6da;--ciel:#2bb3f5;--ciel-pale:#dcf1fd;--herbe:#7cc934;--herbe-pale:#e4f6d4;--soleil:#ffd23f;--soleil-pale:#fff3c7;--prune:#7b5cf5;--prune-pale:#e7e0ff;--framboise:#e63f7a;--menthe:#27c29a;--gris:#c9cbd6;--police:"Quicksand", "Avenir Next Rounded", "Nunito", system-ui, sans-serif;--rayon:24px;--rayon-s:16px;--ombre:0 8px 24px #1f1b3a14;--ombre-s:0 2px 8px #1f1b3a0f}*{box-sizing:border-box}html,body{background:var(--fond);min-height:100%;color:var(--encre);font-family:var(--police);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;font-weight:500;line-height:1.4}#app{background:var(--encre);justify-content:center;min-height:100dvh;display:flex}.ecran{background:var(--fond);flex-direction:column;width:100%;max-width:480px;min-height:100dvh;display:flex;position:relative;overflow:hidden}h1,h2,h3,.titre{font-family:var(--police);letter-spacing:-.01em;margin:0;font-weight:700;line-height:1.1}.sous-titre{color:var(--encre-2);font-size:14px;font-weight:600}.legende{color:var(--encre-3);font-size:13px;font-weight:500}button,a.bouton{appearance:none;font:inherit;cursor:pointer;color:var(--encre);text-decoration:none}.bouton{min-height:56px;font-family:var(--police);color:var(--blanc);background:var(--tangerine);-webkit-user-select:none;user-select:none;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:20px;font-weight:700;transition:transform .12s,box-shadow .12s,opacity .12s;display:inline-flex;box-shadow:0 8px 20px #ff6b2c52}.bouton:active{transform:scale(.97);box-shadow:0 3px 10px #ff6b2c4d}.bouton:focus-visible{outline:3px solid var(--ciel);outline-offset:3px}.bouton--blanc{background:var(--blanc);color:var(--encre);box-shadow:var(--ombre-s);font-size:17px}.bouton--encre{background:var(--encre);color:var(--blanc);box-shadow:0 8px 20px #1f1b3a40}.bouton--icone{background:var(--blanc);width:48px;min-height:48px;color:var(--encre);box-shadow:var(--ombre-s);border-radius:50%;padding:0}.bouton[disabled]{opacity:.45;cursor:default;box-shadow:none}.carte{background:var(--blanc);border-radius:var(--rayon);box-shadow:var(--ombre)}.jauge{background:var(--ligne);border-radius:999px;height:10px;display:flex;overflow:hidden}.jauge>span{background:var(--tangerine);border-radius:999px;height:100%;transition:width .4s cubic-bezier(.34,1.56,.64,1);display:block}@keyframes saut{0%{transform:translateY(0)rotate(0)}30%{transform:translateY(-22px)rotate(-6deg)}60%{transform:translateY(0)rotate(4deg)}to{transform:translateY(0)rotate(0)}}@keyframes penche{0%,to{transform:rotate(0)}40%{transform:rotate(-12deg)}70%{transform:rotate(6deg)}}@keyframes pose{0%{opacity:0;transform:scale(.85)}70%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes glisse{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes flotte{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.anim-saut{animation:.6s cubic-bezier(.34,1.56,.64,1) saut}.anim-penche{animation:.5s penche}.anim-pose{animation:.4s cubic-bezier(.34,1.56,.64,1) both pose}.anim-page{animation:.32s ease-out both glisse}.anim-flotte{animation:3s ease-in-out infinite flotte}@media (prefers-reduced-motion:reduce){.anim-saut,.anim-penche,.anim-pose,.anim-page,.anim-flotte{animation:none}}path[role=button]:focus{outline:none}path[role=button]:focus-visible{stroke:var(--ciel)}.visuellement-cache{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}