@font-face{font-family:Kalam;font-weight:300;font-display:swap;src:url(/fonts/kalam-300.woff2)format("woff2")}@font-face{font-family:Kalam;font-weight:400;font-display:swap;src:url(/fonts/kalam-400.woff2)format("woff2")}@font-face{font-family:Schoolbell;font-weight:400;font-display:swap;src:url(/fonts/schoolbell-400.woff2)format("woff2")}@font-face{font-family:Newsreader;font-weight:400 500;font-display:swap;src:url(/fonts/newsreader.woff2)format("woff2")}@font-face{font-family:Newsreader;font-style:italic;font-weight:400 500;font-display:swap;src:url(/fonts/newsreader-italic.woff2)format("woff2")}:root{--paper:#f4efe4;--graphite:#2f2c28;--graphite-soft:#625d55;--ochre:#dba84a;--red-pencil:#b8392b;--hand:"Kalam", "Segoe Print", cursive;--serif:"Newsreader", Georgia, serif;--eleve:"Schoolbell", "Comic Sans MS", cursive;--sheet:1120px}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--graphite);background:var(--paper);font-family:var(--serif);margin:0;font-size:1.15rem;line-height:1.55}body:before{content:"";pointer-events:none;z-index:10;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .42  0 0 0 0 .38  0 0 0 0 .31  .35 0 0 0 -.08'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}a:focus-visible{outline:2px dashed var(--graphite-soft);outline-offset:3px}.sheet{max-width:var(--sheet);margin:0 auto;padding:0 16px}h1,h2,h3{letter-spacing:-.01em;font-weight:400}h2{max-width:22ch;margin:.1rem 0 1.4rem;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.12}.hand{font-family:var(--hand);font-weight:300}.kicker{font-family:var(--hand);color:var(--graphite-soft);margin:0;font-size:1.25rem;font-weight:300}.btn-crayon{font-family:var(--hand);color:var(--graphite);border:1.5px solid var(--graphite);cursor:pointer;background:0 0;border-radius:255px 14px 225px/14px 225px 14px 255px;padding:3px 18px 1px;font-size:1.2rem;font-weight:400}.btn-crayon:hover{background:#2f2c280d}.btn-crayon:focus-visible{outline:2px dashed var(--graphite-soft);outline-offset:3px}.btn-crayon:disabled{opacity:.4;cursor:default}.ln{fill:none;stroke:var(--graphite);stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;opacity:.85}.gh{stroke-width:.8px;opacity:.4}.faint{opacity:.35;stroke-width:.9px}.dash{stroke-dasharray:2 6;opacity:.5}.v{display:none}[data-f="0"] .v0,[data-f="1"] .v1,[data-f="2"] .v2{display:inline}.gr{opacity:.5;transition:opacity 1.4s}.co{opacity:0;transition:opacity 1.4s}.colored .gr{opacity:0}.colored .co{opacity:1}.filtres{position:absolute}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}.sm{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:8px 36px;margin:0;display:grid}.sm figcaption{color:var(--graphite-soft);grid-column:1/-1;margin-top:10px;font-size:.95rem;font-style:italic}.sm-carnet{max-width:340px;position:relative}.sm-carnet canvas{aspect-ratio:1;touch-action:none;cursor:crosshair;border:1.5px solid var(--graphite);background:#fffdf78c;border-radius:14px 225px 14px 255px/255px 14px 225px;width:100%;display:block}.sm-invite{text-align:center;pointer-events:none;color:var(--graphite-soft);place-items:center;margin:0;padding:0 2rem 3rem;font-size:1.25rem;transition:opacity .3s;display:grid;position:absolute;inset:0}.sm-carnet.trace .sm-invite{opacity:0}.sm-carnet .btn-crayon{margin-top:12px}.sm-titre{color:var(--graphite-soft);margin:0 0 1rem;font-size:1.25rem}.sm-barre{grid-template-columns:7.5rem minmax(0,1fr) 3.4rem;align-items:center;gap:12px;margin-bottom:16px;display:grid}.sm-nom{text-align:right;font-size:1.25rem;line-height:1.1}.sm-piste{border:1.5px solid var(--graphite);border-radius:14px 225px 14px 255px/255px 14px 225px;height:2.2rem;display:block;overflow:hidden}.sm-barre:nth-of-type(2n) .sm-piste{border-radius:225px 14px 255px/14px 255px 14px 225px}.sm-rempli{transform-origin:0;background-image:repeating-linear-gradient(-55deg,#2f2c2873 0 1.2px,#0000 1.2px 6px);width:100%;height:100%;transition:transform .12s linear,background-color .8s;display:block;transform:scaleX(0)}.sm-barre.sur .sm-rempli{background-color:#dba84a80}.sm-pc{font-variant-numeric:tabular-nums;font-size:1.25rem}@media (width<=820px){.sm{grid-template-columns:1fr}.sm-carnet{width:100%;margin:0 auto}.sm-barre{grid-template-columns:6rem minmax(0,1fr) 3rem;gap:8px}}