.quill-layer{z-index:20;pointer-events:none;position:absolute;inset:0}.babble{pointer-events:none;font-family:var(--courante);letter-spacing:.004em;color:var(--encre);white-space:pre;flex-direction:column;font-size:19px;line-height:1.78;display:flex;position:absolute;inset:56px;overflow:hidden}.babble span{opacity:.86;transition:opacity .64s ease-out,filter .64s ease-out}.babble--leaving span{opacity:0;filter:blur(2px)}@media (prefers-reduced-motion:reduce){.babble span,.babble--leaving span{transition:none}}.page{position:absolute;inset:0}.page__ink,.page__capture,.page__amont{inset-block-start:var(--page-marge);inset-inline:var(--page-marge);block-size:var(--feuillet-hauteur);font-family:var(--courante);font-size:var(--page-corps);line-height:var(--page-interligne);letter-spacing:.004em;white-space:pre-wrap;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0;padding:0;position:absolute;overflow:hidden}.page__ink{color:var(--encre)}.page__amont{visibility:hidden;pointer-events:none;block-size:auto;overflow:visible}.page__hand--machine{color:var(--encre-pale)}.page__capture{resize:none;color:#0000;caret-color:var(--encre);scrollbar-width:none;background:0 0;border:0;overflow-y:auto}.page__capture::-webkit-scrollbar{display:none}.page__capture::placeholder{color:var(--verge);font-style:italic}.page__capture::selection{background:#b08d4f4d}.page__capture:focus{outline:none}.page__nib{vertical-align:text-bottom;background:var(--laiton);block-size:1.05em;inline-size:.06em;margin-inline-start:.06em;animation:1.1s steps(2,end) infinite nib;display:inline-block}@keyframes nib{0%,to{opacity:1}50%{opacity:.15}}@media (prefers-reduced-motion:reduce){.page__nib{animation:none}}.page__invite{inset-block-start:calc(var(--page-marge) + var(--feuillet-hauteur));inset-inline:var(--page-marge);font-family:var(--courante);font-size:calc(var(--page-corps) * .78);color:var(--encre-fantome);-webkit-user-select:none;user-select:none;pointer-events:none;margin:0;padding-block-start:calc(var(--page-corps) * .5);font-style:italic;line-height:1.35;position:absolute}.page__invite kbd{color:var(--laiton);font-family:inherit;font-style:normal}.page__invite--doigt{display:none}@media (pointer:coarse){.page__invite--clavier{display:none}.page__invite--doigt{display:inline}}.spread{background:radial-gradient(78% 96% at 20% -6%,#fffdf6d9 0%,#fffdf600 58%),linear-gradient(152deg,#f1ece0 0%,#e7e1d2 38%,#d2cab5 74%,#bdb49f 100%);grid-template-rows:1fr;grid-template-columns:1fr 1fr;display:grid;position:relative;box-shadow:inset 0 0 90px #2b221a80,inset 0 0 24px #2b221a4d}.spread:before{content:"";pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(90deg,#0000 0 3.6px,#1b161408 3.6px 3.9px);position:absolute;inset:0}.spread__leaf{grid-row:1;position:relative;overflow:hidden}.spread__leaf--living{grid-column:1}.spread__leaf--mirror{grid-column:2}.mirror{inset-block-start:var(--page-marge);inset-inline:var(--page-marge);block-size:var(--feuillet-hauteur);position:absolute;overflow:hidden}.mirror__flow{font-family:var(--courante);font-size:var(--page-corps);line-height:var(--page-interligne);letter-spacing:.004em;white-space:pre-wrap;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;color:var(--encre)}.spread__gutter{pointer-events:none;mix-blend-mode:multiply;background:linear-gradient(90deg,#1b161400 0%,#1b16141a 34%,#1b161442 50%,#1b16141a 66%,#1b161400 100%);inline-size:8%;position:absolute;inset-block:0;inset-inline-start:50%;translate:-50%}.spread--closed,.spread--opening{opacity:0;pointer-events:none}.spread--settling,.spread--open{opacity:1;transition:opacity .5s ease-out}.controls{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex;position:absolute;inset-block-end:calc(clamp(1.2rem, 3.5vh, 2.4rem) + env(safe-area-inset-bottom));inset-inline:0}.controls__act{font-family:var(--titrage);letter-spacing:.16em;color:var(--papier);cursor:pointer;transition:border-color var(--pose), background var(--pose), opacity var(--pose), translate var(--pose);background:#0d0b0a80;border:1px solid #b08d4f4d;align-items:baseline;gap:.75rem;padding:.5rem 1.15rem;font-size:.74rem;display:inline-flex}.controls__act:hover,.controls__act:focus-visible{border-color:var(--laiton);background:#b08d4f1f}@media (width<=43rem){.controls__act{background:#0d0b0ae0;border-color:#b08d4f80}.controls__act--second{color:var(--verge)}}@media (pointer:coarse){.controls__act{padding-block:.78rem}.controls__act kbd{display:none}}.controls__act--second{color:var(--encre-fantome);border-color:#b08d4f2e}.controls__act--second:hover,.controls__act--second:focus-visible{color:var(--papier)}.controls__act--aside{opacity:0;pointer-events:none;translate:0 .5rem}.controls__act kbd{font-family:var(--courante);letter-spacing:.04em;color:var(--laiton);font-size:.72rem}@media (pointer:coarse),(width<=43rem){.controls{inset-block:calc(clamp(.9rem, 2.5vh, 1.6rem) + env(safe-area-inset-top)) auto}.controls__act--aside{translate:0 -.5rem}}.plume{transform-origin:44px 348px;pointer-events:none;filter:drop-shadow(4px 7px 5px #1b16146b);transition:opacity .4s ease-out;position:absolute;inset-block-start:-348px;inset-inline-start:-44px;overflow:visible}.plume__barbes{fill:none;stroke:#5646304d;stroke-width:.8px;stroke-linecap:round}.plume__vexille{stroke:#56463057;stroke-width:.7px}.plume__rachis{fill:#f6efdd;stroke:#5646306b;stroke-width:.8px}.plume__bec{fill:#2b221a}.plume__saignee{stroke:#efe7d6;stroke-width:1.2px;stroke-linecap:round}@media (prefers-reduced-motion:reduce){.plume{transition:none}}.flat{--plat:clamp(9px, 2.2vmin, 24px);--cuir:repeating-linear-gradient(64deg, #ffffff06 0 2px, #00000008 2px 4px), repeating-linear-gradient(-51deg, #ffffff04 0 3px, #00000006 3px 5px), radial-gradient(120% 100% at 18% -10%, #4a3526 0%, #35251a 46%, #241810 100%);block-size:100%;inline-size:100%;padding:7.5rem 2rem 5.5rem;position:relative;overflow:hidden}.flat:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 55%,#0000 42%,#0000008c 100%),radial-gradient(58% 46% at 33% 24%,#ffdda329 0%,#ffdda300 72%);animation:9s ease-in-out infinite veilleuse;position:absolute;inset:0}@keyframes veilleuse{0%,to{opacity:1}50%{opacity:.88}}@media (width<=43rem){.flat{padding-inline:.75rem}}@media (pointer:coarse),(width<=43rem){.flat{padding-block:calc(5.5rem + env(safe-area-inset-top)) calc(1.5rem + env(safe-area-inset-bottom))}}.flat__frame{z-index:1;place-items:center;block-size:100%;inline-size:100%;display:grid;position:relative}.flat__cover{padding:var(--plat);background:var(--cuir);border-radius:3px 6px 6px 3px;position:relative;box-shadow:inset 0 1px #d6ad7647,inset 0 -1px #0009,inset 1px 0 #d6ad7624,0 40px 90px -30px #000000e6,0 4px 14px #0000008c}.flat__cover:before,.flat__cover:after{content:"";inset-block:calc(var(--plat) + 2px);inline-size:calc(var(--plat) * .62);pointer-events:none;background:repeating-linear-gradient(90deg,#eee7d6e6 0 1px,#7867508c 1px 2px);position:absolute}.flat__cover:before{inset-inline-start:calc(var(--plat) * .38);box-shadow:inset -3px 0 5px -2px #0009}.flat__cover:after{inset-inline-end:calc(var(--plat) * .38);box-shadow:inset 3px 0 5px -2px #0009}.flat__cover--left:after,.flat__cover--right:before{content:none}.flat__cover--both .flat__window:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000 0%,#be944a80 14%,#e0be7a9e 50%,#be944a80 86%,#0000 100%);inline-size:2px;position:absolute;inset-block:0;inset-inline-start:50%;translate:-50%}.flat__window{position:relative;overflow:hidden;box-shadow:inset 0 2px 6px -1px #0000008c,inset 0 -1px 4px #0000004d}.flat__leaf,.flat__quill{transform-origin:0 0;transform:translate(var(--glisse,0px), var(--suivi,0px)) scale(var(--echelle,1))}.flat__board{inline-size:var(--plat-largeur);z-index:4;pointer-events:none;transform-origin:var(--plat-charniere) center;transform:perspective(1600px) rotateY(var(--plat-ferme));background:var(--cuir);position:absolute;inset-block:0;inset-inline-start:0;box-shadow:inset 0 1px #d6ad7647,inset 0 -1px #0009,0 30px 70px -24px #000000d9}.flat__board--couche{animation:plat var(--ouverture) cubic-bezier(.32, 0, .24, 1) forwards}@keyframes plat{0%{transform:perspective(1600px) rotateY(var(--plat-ferme));opacity:1}88%{opacity:1}to{transform:perspective(1600px) rotateY(var(--plat-ouvert));opacity:0}}.flat__quill{inset:var(--plat);z-index:3;pointer-events:none;position:absolute}@media (prefers-reduced-motion:reduce){.flat:before{animation:none}}.desk__masthead,.desk__open,.desk__failure,.controls{z-index:30}.desk{background:var(--nuit);block-size:100dvh;inline-size:100%;position:relative;overflow:hidden}.desk>canvas,.desk>.flat{position:absolute;inset:0}.desk__masthead{text-align:center;pointer-events:none;transition:opacity var(--tournee), translate var(--tournee);position:absolute;inset-block-start:clamp(1.1rem,2.4vw,1.9rem);inset-inline:0}.desk__masthead--aside{opacity:0;translate:0 -.6rem}.desk__title{font-family:var(--titrage);letter-spacing:.24em;text-transform:uppercase;color:var(--laiton);margin:0;font-size:clamp(1rem,.75rem + .9vw,1.4rem);font-weight:400}.desk__note{max-inline-size:70ch;color:var(--encre-fantome);margin:.5rem auto 0;font-size:.78rem;line-height:1.5}@media (pointer:coarse){.desk__keys{display:none}}.desk__keys kbd{font-family:var(--courante);font-size:inherit;color:var(--laiton)}.desk__failure{text-align:center;color:var(--sang);margin:0;font-size:.82rem;font-style:italic;position:absolute;inset-block-end:1.2rem;inset-inline:0}@media (pointer:coarse),(width<=43rem){.desk__failure{inset-block:calc(4.4rem + env(safe-area-inset-top)) auto}}.desk__open{inline-size:fit-content;font-family:var(--titrage);letter-spacing:.2em;color:var(--papier);cursor:pointer;transition:border-color var(--pose), background var(--pose), letter-spacing var(--pose);background:#0d0b0a8c;border:1px solid #b08d4f6b;margin-inline:auto;padding:.62rem 1.5rem;font-size:.8rem;position:absolute;inset-block-end:calc(clamp(2.4rem, 8vh, 5rem) + env(safe-area-inset-bottom));inset-inline:0}.desk__open:hover,.desk__open:focus-visible{border-color:var(--laiton);letter-spacing:.26em;background:#b08d4f1f}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-latin-400-normal-BCNrxLz_.woff2)format("woff2"),url(/assets/eb-garamond-latin-400-normal-maQnHeKB.woff)format("woff")}@font-face{font-family:EB Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(/assets/eb-garamond-latin-400-italic-DSEbMgZu.woff2)format("woff2"),url(/assets/eb-garamond-latin-400-italic-CDFyLPXJ.woff)format("woff")}@font-face{font-family:EB Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/eb-garamond-latin-500-normal-DehAIUv0.woff2)format("woff2"),url(/assets/eb-garamond-latin-500-normal-DZU8xF9o.woff)format("woff")}@font-face{font-family:Bodoni Moda;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bodoni-moda-latin-400-normal-CIWtV3SY.woff2)format("woff2"),url(/assets/bodoni-moda-latin-400-normal-9rKXKbpF.woff)format("woff")}@font-face{font-family:Bodoni Moda;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/bodoni-moda-latin-600-normal-DbXDFeqY.woff2)format("woff2"),url(/assets/bodoni-moda-latin-600-normal-DgnCXU2s.woff)format("woff")}:root{--nuit:#0d0b0a;--nuit-haute:#17130f;--papier:#ede8dc;--papier-ombre:#d8d1c0;--verge:#c9c0ae;--encre:#1b1614;--encre-pale:#5b4d3f;--encre-fantome:#8d8272;--laiton:#b08d4f;--sang:#6b2d2a;--titrage:"Bodoni Moda", "Didot", "Bodoni 72", serif;--courante:"EB Garamond", "Adobe Garamond Pro", Georgia, serif;--corps:clamp(1.0625rem, .95rem + .5vw, 1.25rem);--interligne:1.78;--justification:34rem;--marge-page:clamp(1.5rem, 5vw, 4rem);--gouttiere:clamp(1rem, 3vw, 2.5rem);--pose:.22s cubic-bezier(.22, .61, .36, 1);--tournee:.8s cubic-bezier(.65, 0, .35, 1)}@media (prefers-reduced-motion:reduce){:root{--pose:1ms linear;--tournee:1ms linear}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100dvh}body{background:var(--nuit);color:var(--papier);font-family:var(--courante);font-size:var(--corps);line-height:var(--interligne);-webkit-font-smoothing:antialiased;margin:0}:focus-visible{outline:2px solid var(--laiton);outline-offset:3px}
