@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:block;src:url(/assets/SpaceGrotesk-latin-BhU9QXUp.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Grotesk;font-style:normal;font-weight:400 700;font-display:block;src:url(/assets/SpaceGrotesk-latin-ext-D9tNdqV9.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}:root{--fond:#ffa5c6;--encre:#101014;--titre:clamp(2.75rem, min(8.5vw, 12vh), 7.5rem);--libelle:.6875rem;--marge:clamp(1.25rem, 3vw, 2.5rem);--transition:.9s;--survol:.12s;font-variant-numeric:tabular-nums;font-family:Space Grotesk,Segoe UI,system-ui,sans-serif}@media (prefers-reduced-motion:reduce){:root{--transition:0s;--survol:0s}}html.sans-mouvement{--transition:0s;--survol:0s}html.avec-mouvement{--transition:.9s;--survol:.12s}*{box-sizing:border-box}button,input{font:inherit}html,body{background:var(--fond);width:100%;height:100%;color:var(--encre);-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow:hidden}#app{width:100vw;height:100vh;display:block;position:fixed;inset:0}#ui{padding:var(--marge);pointer-events:none;grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0}#ui button,#ui input,#ui a{pointer-events:auto}.titre{font-size:var(--titre);letter-spacing:-.03em;text-transform:uppercase;overflow-wrap:anywhere;margin:0;font-weight:700;line-height:.86}.libelle{font-size:var(--libelle);letter-spacing:.15em;text-transform:uppercase;margin:0;font-weight:700}.bouton{font:inherit;font-size:var(--libelle);letter-spacing:.15em;text-transform:uppercase;color:var(--fond);background:var(--encre);border:2px solid var(--encre);cursor:pointer;transition:transform var(--survol) ease-out, background-color var(--survol) ease-out, color var(--survol) ease-out;border-radius:0;padding:.85em 1.5em;font-weight:700}.bouton:hover:not(:disabled),.bouton:focus-visible{color:var(--encre);background:0 0;transform:scale(1.04)}.bouton:disabled{opacity:.4;cursor:default}.bouton--creux{color:var(--encre);background:0 0}.bouton--creux:hover:not(:disabled),.bouton--creux:focus-visible,.bouton--creux[aria-pressed=true]{color:var(--fond);background:var(--encre)}.bouton--geant{padding:1.1em 2.6em;font-size:clamp(.75rem,1.6vw,1rem)}:focus-visible{outline:2px solid var(--encre);outline-offset:3px}.barre{justify-content:space-between;align-items:flex-start;gap:var(--marge);display:flex}.fil{flex-wrap:wrap;gap:.4rem;display:flex}.fil button{font:inherit;font-size:var(--libelle);letter-spacing:.15em;text-transform:uppercase;color:var(--encre);cursor:pointer;opacity:.45;transition:opacity var(--survol) ease-out, border-color var(--survol) ease-out;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;margin-right:.6rem;padding:.2em 0;font-weight:700}.fil button:hover:not(:disabled),.fil button:focus-visible{opacity:1}.fil button[aria-current=step]{opacity:1;border-bottom-color:var(--encre)}.fil button:disabled{opacity:.2;cursor:default}.bascule-mouvement{font:inherit;font-size:var(--libelle);letter-spacing:.15em;text-transform:uppercase;color:var(--encre);border:2px solid var(--encre);cursor:pointer;white-space:nowrap;opacity:.55;transition:opacity var(--survol) ease-out;background:0 0;border-radius:0;padding:.45em .9em;font-weight:700}.bascule-mouvement:hover,.bascule-mouvement:focus-visible{opacity:1}.pied{flex-direction:column;grid-row:3;align-items:flex-start;gap:.9rem;max-width:min(100%,62rem);display:flex}#ecran{flex-direction:column;align-items:flex-start;gap:1.1rem;width:100%;display:flex}.ecran-contenu{flex-direction:column;align-items:flex-start;gap:.9rem;display:flex}#ecran.sort{opacity:0;transition:opacity calc(var(--transition) / 5) ease-in, transform calc(var(--transition) / 5) ease-in;transform:translateY(1.5rem)}#ecran.entre{opacity:0;transform:translateY(1.5rem)}#ecran.pose{opacity:1;transition:opacity calc(var(--transition) / 3) ease-out, transform calc(var(--transition) / 3) ease-out;transform:none}body.en-transition #ecran{pointer-events:none}.rangee{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.vignette{border:2px solid var(--encre);cursor:pointer;opacity:.55;width:4.5rem;height:4.5rem;transition:transform var(--survol) ease-out, opacity var(--survol) ease-out;background-position:50%;background-size:cover;border-radius:0;padding:0}.vignette:hover,.vignette:focus-visible{opacity:1;transform:scale(1.06)}.vignette[aria-pressed=true]{opacity:1;box-shadow:0 0 0 2px var(--fond) inset}.reglage{align-items:center;gap:.6rem;display:flex}.reglage input{width:7rem;accent-color:var(--encre);cursor:pointer}#etat{opacity:.7;min-height:1.2em}#etat.is-error{opacity:1;color:var(--fond);background:var(--encre);padding:.3em .6em}body.is-dragging:after{content:"";inset:calc(var(--marge) / 2);border:2px solid var(--encre);pointer-events:none;position:fixed}@media (height<=51rem){:root{--marge:clamp(1rem, 2.2vw, 1.6rem)}.pied{gap:.55rem}#ecran{gap:.75rem}.ecran-contenu{gap:.6rem}}@media (width<=30rem){.fil button .fil-nom{display:none}.vignette{width:3.5rem;height:3.5rem}}
