.margin{inline-size:min(34vw,15rem);color:var(--encre-fantome);scrollbar-width:thin;position:absolute;inset-block:22% 12%;inset-inline-end:clamp(1rem,3vw,2.4rem);overflow-y:auto}.margin__title{font-family:var(--titrage);letter-spacing:.34em;text-transform:uppercase;color:var(--laiton);opacity:.75;margin:0 0 .9rem;font-size:.7rem;font-weight:400}.margin__list{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.margin__variant{border:0;inline-size:100%;font:inherit;text-align:start;color:inherit;cursor:pointer;-webkit-line-clamp:4;text-overflow:ellipsis;transition:color var(--pose), border-color var(--pose);background:0 0;border-inline-start:1px solid #b08d4f66;-webkit-box-orient:vertical;padding:.55rem .7rem;font-size:.86rem;font-style:italic;line-height:1.55;display:-webkit-box;overflow:hidden}.margin__variant:hover,.margin__variant:focus-visible{color:var(--papier);border-inline-start-color:var(--laiton)}@media (width<=43rem){.margin{inset-block:auto calc(5.5rem + env(safe-area-inset-bottom));max-block-size:30vh;inline-size:100%;color:var(--verge);background:#0d0b0ae6;border-block-start:1px solid #b08d4f40;padding:.7rem .75rem .9rem;inset-inline:0;overflow:auto hidden}.margin__title{margin-block-end:.5rem}.margin__list{grid-auto-columns:min(70vw,18rem);grid-auto-flow:column;justify-content:start}}.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}}.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{transition:opacity var(--pose), translate var(--pose);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--aside{opacity:0;pointer-events:none;translate:0 .5rem}.controls__act{font-family:var(--titrage);letter-spacing:.16em;color:var(--papier);cursor:pointer;transition:border-color var(--pose), background 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--second{color:var(--encre-fantome);border-color:#b08d4f2e}.controls__act--second:hover,.controls__act--second:focus-visible{color:var(--papier)}.controls__act kbd{font-family:var(--courante);letter-spacing:.04em;color:var(--laiton);font-size:.72rem}.flat{block-size:100%;inline-size:100%;padding:7.5rem 2rem 5.5rem;overflow:hidden}@media (width>=62rem){.flat{padding-inline-end:18rem}}@media (width<=43rem){.flat{padding:4.5rem .75rem calc(5rem + env(safe-area-inset-bottom))}}.flat__frame{place-items:center;block-size:100%;inline-size:100%;display:grid}.flat__book{position:relative;overflow:hidden;box-shadow:0 40px 90px -30px #000000e6,0 4px 14px #0000008c}.flat__leaf{transform-origin:0 0}.desk__masthead,.desk__open,.desk__failure,.controls,.margin{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}.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}