@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/instrument-sans-latin-400-normal.DRC__1Mx.woff2) format("woff2"),url(/_astro/instrument-sans-latin-400-normal.D1W7dsQl.woff) format("woff")}@font-face{font-family:Instrument Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/_astro/instrument-sans-latin-600-normal.B7fBEWYG.woff2) format("woff2"),url(/_astro/instrument-sans-latin-600-normal.B9e8oLYv.woff) format("woff")}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-vietnamese-wght-normal.CnvboYUG.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-ext-wght-normal.Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-wght-normal.ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/caveat-latin-500-normal.B9SDL8cy.woff2) format("woff2"),url(/_astro/caveat-latin-500-normal.Do9veZfZ.woff) format("woff")}:root{--paper: #f8f4ea;--paper-dot: #0000001f;--ink: #1b1b1f;--ink-2: #55555c;--pen: #2b46e8;--hi: #ffe45c;--tape: #f3e6a8c4;--cover: #161618;--f-disp: "Fraunces Variable", Georgia, serif;--f-ui: "Instrument Sans", system-ui, -apple-system, sans-serif;--f-hand: "Caveat", "Comic Sans MS", cursive;--hand-scale: 1.18;--disp-weight: 650;--disp-track: -.02em;--ease: cubic-bezier(.3, .7, .2, 1)}[data-letra=a]{--f-disp: "Bricolage Grotesque Variable", "Bricolage Grotesque", system-ui, sans-serif;--f-hand: "Kalam", "Comic Sans MS", cursive;--hand-scale: 1;--disp-weight: 800;--disp-track: -.035em}[data-letra=b]{--f-disp: "Fraunces Variable", Georgia, serif;--f-hand: "Caveat", "Comic Sans MS", cursive;--hand-scale: 1.18;--disp-weight: 650;--disp-track: -.02em}[data-letra=c]{--f-disp: "Instrument Serif", Georgia, serif;--f-hand: "Patrick Hand", "Comic Sans MS", cursive;--hand-scale: 1.02;--disp-weight: 400;--disp-track: -.01em}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100svh;color:var(--ink);font:16px/1.5 var(--f-ui);background-color:var(--desk);background-image:var(--desk-img);background-size:var(--desk-size, auto);background-attachment:fixed}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1}body:before{background:radial-gradient(120% 90% at 28% 8%,#fff4,#fff0 45%),radial-gradient(140% 120% at 50% 40%,#0000 55%,#0000002e)}body:after{background:var(--desk-c, transparent);opacity:.07;mix-blend-mode:multiply;transition:background-color .6s ease}html.reading body:after{display:none}:root{--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.004 .09' numOctaves='4' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .32 0 0 0 0 .2 0 0 0 0 .1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='600' height='600' filter='url(%23g)'/%3E%3C/svg%3E");--noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='240' height='240' filter='url(%23n)'/%3E%3C/svg%3E");--desk: #c9a273;--desk-img: url(/textures/oak.webp);--desk-size: 1400px auto}[data-escena=lino]{--desk: #d8d1c3;--desk-img: var(--noise), repeating-linear-gradient(0deg, #00000008 0 1px, #0000 1px 3px), repeating-linear-gradient(90deg, #ffffff12 0 1px, #0000 1px 3px);--desk-size: 240px 240px, auto, auto}[data-escena=piedra]{--desk: #b9b6b0;--desk-img: var(--noise), radial-gradient(#0000000a 1px, #0000 1.5px), radial-gradient(#ffffff14 1px, #0000 1.5px);--desk-size: 240px 240px, 7px 7px, 11px 11px}html.night body{color:#f3efe7;background-color:#2a1d12}html.night body:before{background:radial-gradient(ellipse 70% 80% at 6% 0%,#ffd59a26,#ffd59a0d 28%,#0000 48%),radial-gradient(ellipse 85% 95% at 40% 38%,#0000 30%,#0b0805b8 70%,#070504eb);transition:opacity .4s ease}html.night .read-nav,html.night.reading .topbar{background:#1c140dcc}html.night .bbar button{color:#f3efe7}img{max-width:100%;display:block}a{color:inherit}:focus-visible{outline:2px solid var(--pen);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px clamp(16px,3vw,28px) 0;font:500 14px var(--f-ui)}.topbar .who{text-decoration:none;font:700 16px var(--f-disp);letter-spacing:-.01em}.mode-toggle{font:500 14px var(--f-ui);color:inherit;background:none;cursor:pointer;border:1.5px solid currentColor;border-radius:999px;padding:6px 14px}html:not(.js) .mode-toggle{display:none}html.reading .topbar,html:not(.js) .topbar{position:sticky;top:0;z-index:6;padding-bottom:10px;background:color-mix(in oklab,var(--desk) 82%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px #0000001a}html.reading .read-nav,html:not(.js) .read-nav{top:52px}.topbar .row{display:flex;align-items:center;gap:10px;flex:none}.topbar .who{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:clamp(36px,3.8vw,50px)}.mode-toggle{white-space:nowrap}@media(max-width:480px){.topbar .who{font-size:14px}.topbar .row{gap:8px}.mode-toggle{font-size:12px;padding:5px 10px}}.lang{display:inline-flex;text-decoration:none;font:700 12px/1 var(--f-ui);letter-spacing:.06em;background:#fff;color:var(--ink);border-radius:6px;padding:3px;rotate:-3deg;box-shadow:0 1px 3px #0003;transition:rotate .2s}.lang:hover{rotate:0deg}.lang span{padding:5px 7px;border-radius:4px;color:#5f5c56}.lang span.on{background:var(--ink);color:#fff}html:not(.js) .desk,html.reading .desk{display:none}html.js:not(.reading) .read{display:none}.desk{display:grid;justify-items:center;align-content:center;gap:14px;height:calc(100svh - 52px);padding:12px 16px 16px;overflow:hidden}.bstage{--bw: min((100vw - 120px) / 1.13, (100svh - 168px) * 1.408, 1400px);position:relative;width:var(--bw)}.book{position:relative;width:100%;aspect-ratio:2 / 1.42;touch-action:pan-y;user-select:none;-webkit-user-select:none;outline:none;transition:transform .7s var(--ease)}.book:focus-visible{outline:2px dashed currentColor;outline-offset:10px}.is-closed .book{transform:translate(-25%)}.book .under,.book .leaf{position:absolute;top:0;left:50%;width:50%;height:100%}.book .leaf{transform-origin:left center;transform-style:preserve-3d;transition:transform .75s var(--ease),opacity .2s}.book .leaf.drag{transition:none}.book.fast .leaf{transition-duration:.5s,.2s}.book .leaf.folding{transform:none!important;transition:none!important}.book .leaf.folding .face{backface-visibility:visible;-webkit-backface-visibility:visible;transform-origin:0 0}.book .leaf.folding .face:after{opacity:1!important;animation:none!important;background:var(--fold-shade, none)!important}.book .leaf.folding .ltab{visibility:hidden}.book .foldcast{position:absolute;inset:0;pointer-events:none;display:none}.book{--turn: .75s}.book.fast{--turn: .5s}.book .face:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000001a,#00000040 70%,#0000005c)}.book .face.back:after{background:linear-gradient(270deg,#0000001a,#00000040 70%,#0000005c)}.book .leaf.turning .face:after{animation:nb-shade var(--turn) ease-in-out}.book .leaf.drag .face:after{opacity:.45;transition:opacity .2s}@keyframes nb-shade{0%,to{opacity:0}50%{opacity:1}}.book .cast{position:absolute;inset:0;pointer-events:none;opacity:0}.book .cast.fwd{background:linear-gradient(90deg,#0000 50%,#00000059 50.2%,#0000 78%);animation:nb-cast var(--turn) ease-in-out}.book .cast.back{background:linear-gradient(270deg,#0000 50%,#00000059 50.2%,#0000 78%);animation:nb-cast var(--turn) ease-in-out}@keyframes nb-cast{0%,to{opacity:0}45%{opacity:1}}.book .face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.book .face.back{transform:rotateY(180deg)}.book .leaf.drag .face{box-shadow:0 10px 40px -10px #0006}.book .blank{position:absolute;inset:0;background:var(--paper)}.book:before,.book:after{content:"";position:absolute;top:.5%;bottom:-.7%;border-radius:4px;pointer-events:none;background:repeating-linear-gradient(90deg,#f6f1e6 0 1px,#d3c9b3 1px 2px);box-shadow:0 1px 2px #0004,0 3px #cfc5ae,0 18px 28px -12px #0007,0 46px 70px -34px #0008;transition:width .6s var(--ease),opacity .3s}.book:before{right:50%;width:calc(50% + 4px + 10px * var(--done, 0))}.book:after{left:50%;width:calc(50% + 4px + 10px * (1 - var(--done, 0)));z-index:-1}.book:before{z-index:-1}.is-closed .book:before{opacity:0}.is-closed .book:after{width:calc(50% + 6px)}[data-mode=single] .bstage{--bw: min(100vw - 32px, (100svh - 200px) * .617, 480px)}[data-mode=single] .book{aspect-ratio:1 / 1.62}[data-mode=single] .book .under,[data-mode=single] .book .leaf{left:0;width:100%}[data-mode=single] .book .leaf.flipped{opacity:0;transition:transform .75s var(--ease),opacity .15s .4s}[data-mode=single] .book .leaf.drag{opacity:1}[data-mode=single].is-closed .book{transform:none}[data-mode=single] .book:before{display:none}[data-mode=single] .book:after{left:0;width:calc(100% + 5px)}.bstage{margin-top:34px}.tabs{position:absolute;bottom:100%;left:51.5%;right:2.5%;display:flex;align-items:flex-end;transition:translate .7s var(--ease);z-index:1}.is-closed .tabs,.is-closed .ribbon{translate:calc(var(--bw) * -.25) 0}.tabs a{position:relative;flex:1 1 0;min-width:0;margin-left:-8px;display:block;text-decoration:none;text-align:center;font:600 13px/1 var(--f-ui);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:10px 12px 11px;border-radius:10px 10px 2px 2px;background:var(--noise),linear-gradient(#fff2,#0000 40%),var(--c);background-size:240px 240px,auto,auto;box-shadow:inset 0 -7px 8px -7px #0004,0 -1px 2px #0002,2px 0 3px -1px #0002;translate:0 5px;rotate:var(--tr, 0deg);transition:translate .2s var(--ease)}.tabs a:first-of-type{margin-left:0}.tabs a:nth-of-type(2){--tr: -.6deg}.tabs a:nth-of-type(3){--tr: .5deg}.tabs a:nth-of-type(4){--tr: -.4deg}.tabs a.dark{color:var(--ink)}.tabs a:hover,.tabs a:focus-visible{translate:0 1px;z-index:2}.tabs a[aria-current=page]{translate:0 -3px;z-index:3;padding-bottom:13px}.tabs .now-tab{display:none}[data-mode=spread] .tabs:not(:focus-within){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.book .ltab{position:absolute;bottom:100%;left:calc(5% + var(--slot) * 23.6%);width:21%;z-index:1;display:block;text-decoration:none;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:600 clamp(10px,.98vw,12.5px)/1 var(--f-ui);color:#fff;padding:10px 3px 12px;border-radius:9px 9px 2px 2px;background:var(--noise),linear-gradient(#fff2,#0000 45%),var(--c);background-size:240px 240px,auto,auto;box-shadow:inset 0 -7px 8px -7px #0004,0 -1px 2px #0002;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateY(6px);transition:transform .2s var(--ease)}.book .ltab.b{transform:rotateY(180deg) translateY(6px)}.book .ltab.dark{color:var(--ink)}.book .ltab:hover{transform:translateY(2px)}.book .ltab.b:hover{transform:rotateY(180deg) translateY(2px)}.book .ltab.on{transform:translateY(0);padding-bottom:14px}.book .ltab.b.on{transform:rotateY(180deg) translateY(0)}[data-pestanas=fila] .tabs{left:6%;right:6%;gap:10px;justify-content:center}[data-pestanas=fila] .tabs a{flex:0 1 150px;margin-left:0;rotate:0deg;background:var(--c);border-radius:8px 8px 0 0;box-shadow:none}.ribbon{transition:opacity .3s;position:absolute;left:53%;top:calc(100% - 8px);width:22px;height:76px;z-index:1;background:var(--noise),#8a2c37;color:#fff;text-decoration:none;clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%);display:grid;justify-items:center;padding-top:16px;font:700 11px/1 var(--f-ui);letter-spacing:.08em;writing-mode:vertical-rl;transition:height .2s,translate .7s var(--ease)}.ribbon:hover,.ribbon:focus-visible{height:88px}.bbar{display:flex;gap:14px;align-items:center;font:500 14px var(--f-ui);margin-top:30px}.bbar button{font:600 18px/1 var(--f-ui);width:40px;height:40px;border-radius:50%;cursor:pointer;border:1.5px solid currentColor;background:transparent;color:inherit}.bbar button:disabled{opacity:.3;cursor:default}.bbar .first,.bbar .last{width:auto;height:34px;padding:0 14px;font:600 13px var(--f-ui);border-radius:999px;border-color:currentColor;opacity:.75}.bbar .first:not(:disabled):hover,.bbar .last:not(:disabled):hover{opacity:1}.bbar .first{margin-right:6px}.bbar .last{margin-left:6px}@media(max-width:560px){.bbar{gap:8px}.bbar .first,.bbar .last{width:34px;padding:0;font-size:15px}.bbar .lbl{display:none}.bbar .count{min-width:7.5em;font-size:13px}}.bbar .count{min-width:9.5em;text-align:center}[data-mode=single] .desk{align-content:start;padding-top:10px}[data-mode=single] .bstage{margin-top:0;display:flex;flex-direction:column}[data-mode=single] .tabs{order:-1;position:static;translate:none;overflow-x:auto;scrollbar-width:none;margin:8px -16px 0;padding:6px 16px 0}[data-mode=single] .tabs a{flex:0 0 auto;margin-left:-6px;padding:9px 13px 10px;font-size:13px}[data-mode=single] .tabs .now-tab{display:block;margin-left:0}[data-mode=single] .ribbon{display:none}[data-mode=single] .bbar{margin-top:0}@media(max-height:520px)and (orientation:landscape){.topbar{position:absolute;bottom:8px;left:0;padding:0 10px;z-index:2}.topbar .who{display:none}.desk{height:100svh;padding:8px;gap:6px}.bstage{--bw: min(100vw - 110px, (100svh - 56px) * 1.408)}.bbar{margin-top:4px}.bbar button{width:30px;height:30px;font-size:15px}.tabs a{font-size:11px;padding:7px 9px 7px 7px}.pen-obj,.ribbon{display:none}}.page{--u: 1cqi;position:absolute;inset:0;container-type:inline-size;overflow:hidden;background-color:var(--paper);color:var(--ink)}.page.plain{background-color:var(--paper)}.page.lined{background-image:repeating-linear-gradient(#0000 0 calc(var(--u) * 5 - 1px),#5b7fbf33 calc(var(--u) * 5 - 1px) calc(var(--u) * 5));background-position:0 calc(var(--u) * 11);background-repeat:repeat-y;background-size:100% calc(100% - var(--u) * 16)}.page.grid{background-image:linear-gradient(#2b46e80f 1px,transparent 1px),linear-gradient(90deg,#2b46e80f 1px,transparent 1px);background-size:4.6cqi 4.6cqi;background-position:-1px -1px}.page.kraft{background-color:#c8ab7f;color:var(--ink)}.page.dots{background-image:radial-gradient(var(--paper-dot) .32cqi,transparent .36cqi);background-size:4.6cqi 4.6cqi;background-position:2.3cqi 2.3cqi}.page.card{background-color:color-mix(in oklab,var(--c) 58%,#f4efe4);background-image:radial-gradient(#ffffff1a 1px,transparent 1.4px),radial-gradient(#0000000d 1px,transparent 1.4px);background-size:1.3cqi 1.3cqi,1.7cqi 1.7cqi;background-position:0 0,.6cqi .9cqi}.page:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:var(--noise),radial-gradient(120% 90% at 70% 20%,#fff8,#fff0 60%),radial-gradient(90% 80% at 20% 90%,#a08c5a0d,#0000 70%),radial-gradient(150% 110% at 50% 45%,#0000 62%,#5a4a2a14);background-size:240px 240px,auto,auto,auto;mix-blend-mode:multiply;opacity:.5}.page.cover:before,.page.backcover:before{display:none}.page>.pg,.page>.pno{z-index:1}.page.left:after,.page.right:after{content:"";position:absolute;inset:0;pointer-events:none}.page.left:after{background:linear-gradient(270deg,#00000038,#00000014 2.5%,#0000 10%,#ffffff1f 16%,#0000 26%),linear-gradient(90deg,#0000000d,#0000 4%)}.page.right:after{background:linear-gradient(90deg,#00000038,#00000014 2.5%,#0000 10%,#ffffff1f 16%,#0000 26%),linear-gradient(270deg,#0000000d,#0000 4%)}[data-mode=single] .page:after{display:none}[data-mode=single] .page{--u: 1.1cqi}.page.more:after{display:block!important;content:"";position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(#0000 82%,var(--paper) 97%)!important}.page.more .pno:before{content:"↓ ";color:var(--pen)}.page.more .pno{animation:nb-nudge 1.6s ease-in-out 3}@keyframes nb-nudge{50%{translate:0 -4px}}.pg{position:absolute;inset:0;padding:calc(var(--u) * 8) calc(var(--u) * 8) calc(var(--u) * 10);display:flex;flex-direction:column;gap:calc(var(--u) * 3);font:calc(var(--u) * 3.3) / 1.5 var(--f-ui);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.pg::-webkit-scrollbar{display:none}.pg>*{flex-shrink:0}.pno{position:absolute;bottom:calc(var(--u) * 4);font:calc(var(--u) * 3) var(--f-hand);color:#8a8780}.left .pno{left:calc(var(--u) * 7)}.right .pno{right:calc(var(--u) * 7)}.pg h1,.pg h2,.pg h3{margin:0;text-wrap:balance}.pg p,.pg ul,.pg ol,.pg dl,.pg figure{margin:0}.pg h2{font:var(--disp-weight, 800) calc(var(--u) * 8.6) / .98 var(--f-disp);letter-spacing:var(--disp-track, -.035em)}.pg h3{font:var(--disp-weight, 800) calc(var(--u) * 5) / 1.08 var(--f-disp);letter-spacing:-.02em}.pg ul{padding-left:1.1em;display:grid;gap:calc(var(--u) * 1.4)}.pg a{text-decoration-thickness:1px;text-underline-offset:2px}.pg .small{font-size:calc(var(--u) * 2.8);color:var(--ink-2)}.pg .push{margin-top:auto}.pg .end{align-self:flex-end}.pg .row{display:flex;gap:calc(var(--u) * 3);align-items:flex-start}.pg .row>*{min-width:0}.hand{font-family:var(--f-hand);color:var(--pen);font-size:calc(var(--u) * 4.2 * var(--hand-scale, 1));line-height:1.22}.hand.ink{color:var(--ink)}.hand.c{color:var(--c)}.hl{background:linear-gradient(transparent 56%,var(--hi) 56%,var(--hi) 92%,transparent 92%) no-repeat 0 0 / 100% 100%;padding:0 .15em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.book .face:not([inert]) .hl{animation:nb-hl .9s .35s var(--ease) both}@keyframes nb-hl{0%{background-size:0% 100%}}.kicker{font:600 calc(var(--u) * 2.6) var(--f-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--c, var(--ink-2))}.taped{position:relative;background:#fff;padding:calc(var(--u) * 1.6);box-shadow:0 1px 2px #0002,0 8px 18px -8px #0005;rotate:var(--r, -2deg)}.taped img{width:100%;height:100%;object-fit:cover}.taped:before{content:"";position:absolute;top:calc(var(--u) * -2.2);left:50%;translate:-50% 0;rotate:-4deg;width:calc(var(--u) * 20);height:calc(var(--u) * 4.6);background:var(--tape);box-shadow:0 1px 1px #0001;z-index:1}.taped.notape:before,.taped.notape:after{display:none}.taped.corners:before{left:calc(var(--u) * -3);top:calc(var(--u) * 1);translate:0;rotate:-40deg;width:calc(var(--u) * 12)}.taped.corners:after{content:"";position:absolute;right:calc(var(--u) * -3);bottom:calc(var(--u) * 1);rotate:-40deg;width:calc(var(--u) * 12);height:calc(var(--u) * 4.6);background:var(--tape)}.taped:has(figcaption){margin-bottom:calc(var(--u) * 3)}.taped figcaption{font:calc(var(--u) * 3.4) / 1.1 var(--f-hand);color:var(--ink);padding-top:calc(var(--u) * 1.4)}.stamp{display:inline-grid;place-content:center;text-align:center;align-self:flex-start;border:calc(var(--u) * .7) double var(--c);color:var(--c);border-radius:calc(var(--u) * 1.6);padding:calc(var(--u) * 1.6) calc(var(--u) * 3);font:800 calc(var(--u) * 3.2) / 1.1 var(--f-disp);letter-spacing:.08em;text-transform:uppercase;rotate:var(--r, -6deg);mix-blend-mode:multiply;opacity:.85;-webkit-mask-image:var(--inkmask);mask-image:var(--inkmask);-webkit-mask-size:160px 160px;mask-size:160px 160px}.stamp small{display:block;font:600 calc(var(--u) * 2.2) var(--f-ui);letter-spacing:.1em}.postit{background:var(--noise),#f6eab0;background-size:240px 240px;padding:calc(var(--u) * 3);rotate:calc(var(--r, 2deg) * .6);box-shadow:0 1px 2px #0002,0 10px 14px -10px #0005;font:calc(var(--u) * 3.7) / 1.25 var(--f-hand);color:var(--ink)}.postit.pink{background:#ffd3e0}.postit.blue{background:#cfe6ff}.postit.todo{background:#ffd8cc;outline:2px dashed #e0532f;outline-offset:-6px}.stats{display:flex;flex-wrap:wrap;gap:calc(var(--u) * 2) calc(var(--u) * 5)}.stats div{display:grid}.stats b{font:var(--disp-weight, 800) calc(var(--u) * 8.6) / 1 var(--f-disp);color:var(--c, var(--ink));letter-spacing:-.03em}.stats small{font-size:calc(var(--u) * 2.8);color:var(--ink-2)}.stickers{display:flex;flex-wrap:wrap;gap:calc(var(--u) * 1.4)}.stickers span{font:600 calc(var(--u) * 2.7) / 1 var(--f-ui);padding:calc(var(--u) * 1.3) calc(var(--u) * 2.2);border-radius:999px;background:var(--s, #fff);color:var(--ink);box-shadow:0 1px 2px #0003;rotate:var(--r, 0deg)}.stickers span:nth-child(3n+1){--r: -2deg}.stickers span:nth-child(3n+2){--r: 1.5deg}.chip{align-self:flex-start;font:600 calc(var(--u) * 2.3) var(--f-ui);letter-spacing:.12em;text-transform:uppercase;padding:calc(var(--u) * .7) calc(var(--u) * 1.8);border-radius:calc(var(--u) * .6);color:var(--c);background:color-mix(in oklab,var(--c) 8%,transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--c) 45%,transparent)}.chip.dark{color:color-mix(in oklab,var(--c) 70%,#000)}.golink{font:600 calc(var(--u) * 3.1) var(--f-ui);color:var(--c);text-decoration:none}.btn{align-self:center;display:inline-flex;align-items:center;gap:calc(var(--u) * 1.6);font:600 calc(var(--u) * 3.7) var(--f-ui);color:#fff;text-decoration:none;background:var(--c);padding:calc(var(--u) * 2.4) calc(var(--u) * 5.5);border-radius:999px;box-shadow:0 1px #fff3 inset,0 2px 3px #0003,0 8px 16px -8px color-mix(in oklab,var(--c) 70%,#000);transition:translate .15s ease,box-shadow .15s ease}.btn:hover{translate:0 -1px;box-shadow:0 1px #fff3 inset,0 3px 6px #0003,0 12px 20px -10px color-mix(in oklab,var(--c) 70%,#000)}.btn span{font-size:1.1em}.golink:hover{text-decoration:underline}:root{--inkmask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='i'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' seed='9'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.2 1.9'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23i)'/%3E%3C/svg%3E");--leather: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='l'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .07 0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23l)'/%3E%3C/svg%3E")}.page.cover{background:radial-gradient(130% 90% at 28% 14%,#ffffff12,#fff0 55%),radial-gradient(120% 120% at 80% 100%,#0000004d,#0000 60%),var(--leather),var(--cover);background-size:auto,auto,300px 300px,auto;border-radius:0 2.2cqi 2.2cqi 0;color:#f1efe9;box-shadow:inset -1cqi 0 1.2cqi -.6cqi #0008,inset .3cqi 0 #ffffff0a,inset 0 0 0 .25cqi #ffffff06}.page.cover:after,.page.backcover:after{display:block!important;content:"";position:absolute;inset:5cqi 6.5cqi 5cqi 5cqi;border-radius:1.2cqi;pointer-events:none;box-shadow:inset 0 .25cqi .3cqi #000a,0 .25cqi .2cqi #ffffff0f;background:none!important}.page.backcover:after{inset:5cqi 5cqi 5cqi 6.5cqi}.cover .label{position:absolute;left:50%;top:22%;translate:-50% 0;width:62cqi;text-align:center;background:var(--noise),#f3eee2;background-size:240px 240px;color:var(--ink);padding:4.6cqi 4cqi 4cqi;display:grid;gap:1.6cqi;border-radius:.6cqi;box-shadow:0 .3cqi .6cqi #0009,inset 0 0 0 1.2cqi #f3eee2,inset 0 0 0 1.35cqi #1b1b1f33}.cover .label .name{margin:0;font:var(--disp-weight, 650) 6.2cqi/1.04 var(--f-disp);letter-spacing:-.01em;text-wrap:balance}.cover .label .line{margin:0;font:600 2.3cqi var(--f-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2)}.cover .mono{position:absolute;left:50%;bottom:7.2cqi;translate:-50% 0;margin:0;font:500 3.4cqi var(--f-disp);font-style:italic;letter-spacing:.42em;padding-left:.42em;color:#0c0c0d;text-shadow:0 .18cqi .12cqi #ffffff17,0 -.12cqi .1cqi #000}.cover .hint{position:absolute;right:12cqi;top:11cqi;margin:0;font:600 2.4cqi var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:#8f8b84}[data-mode=single] .page.cover{border-radius:2cqi}.page.backcover{background:radial-gradient(130% 90% at 72% 14%,#ffffff10,#fff0 55%),var(--leather),var(--cover);background-size:auto,300px 300px,auto;border-radius:2.2cqi 0 0 2.2cqi;color:#d8d4cb;box-shadow:inset 1cqi 0 #0006,inset 0 0 0 .3cqi #ffffff08;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4cqi;text-align:center}.backcover .thanks{margin:0;font:var(--disp-weight, 650) 5.4cqi var(--f-disp);color:#d8d4cb}.backcover .again{font:600 3.4cqi var(--f-ui);color:#f1efe9;text-decoration:none;border:1.5px solid #f1efe966;border-radius:99px;padding:1.6cqi 4cqi}.backcover .again:hover{border-color:#f1efe9}.backcover .colophon{position:absolute;bottom:7cqi;margin:0;font:500 2.6cqi var(--f-ui);letter-spacing:.08em;color:#8f8b84}[data-mode=single] .page.backcover{border-radius:2cqi}.is-ended .book{transform:translate(25%)}[data-mode=spread].is-ended .book:after,[data-mode=spread].is-ended .book .under,.is-ended .ribbon{opacity:0}.is-ended .book:before{width:calc(50% + 6px)}[data-mode=single].is-ended .book{transform:none}.read .page.backcover{display:none}.bstage:after{content:"";position:absolute;inset:-4% -2%;pointer-events:none;z-index:4;opacity:0;transition:opacity .5s ease;background:radial-gradient(ellipse 80% 90% at 8% 4%,#ffdca04d,#ffdca014 35%,#0000 55%,#1a10082e);mix-blend-mode:soft-light}html.night .bstage:after{opacity:1}[data-mode=single] .bstage:after{display:none}.pen-obj{position:absolute;left:calc(100% + clamp(18px,3vw,46px));top:5%;height:86%;aspect-ratio:64 / 620;rotate:4deg;transform-origin:50% 50%;cursor:grab;touch-action:none;z-index:2200;transition:translate .7s var(--ease),rotate .7s var(--ease),scale .2s ease}.pen-obj .pen{transition:filter .2s ease}.is-closed .pen-obj{translate:calc(var(--bw) * -.25) 0;rotate:-8deg}.pen-moved .pen-obj,.pen-moved.is-closed .pen-obj{translate:var(--px, 0) var(--py, 0);rotate:calc(4deg + var(--pr, 0deg) + var(--tilt, 0deg));transition:rotate .25s ease,scale .2s ease}.pen-obj:hover{scale:1.02}.pen-obj.held{cursor:grabbing;scale:1.05}.pen-obj.held .pen{filter:drop-shadow(14px 22px 10px #0005) drop-shadow(28px 44px 24px #0003)}.pen-obj.on-book:not(.held) .pen{filter:drop-shadow(1px 1.5px .6px #000a) drop-shadow(3px 5px 3px #0004) drop-shadow(8px 12px 10px #0002)}[data-mode=single] .pen-obj{display:none}.read{max-width:1040px;margin:0 auto;padding:24px 16px 80px;display:grid;gap:40px}.read .page.cover{display:none}.read .spread{display:grid;grid-template-columns:1fr 1fr;box-shadow:0 20px 40px -24px #0006;scroll-margin-top:70px}.read .page{position:relative;inset:auto;aspect-ratio:1 / 1.42}.read .pg{position:relative;inset:auto;min-height:100%;overflow:visible}.read .spread.stub{display:none}.pager{display:flex;justify-content:space-between;gap:16px;font:600 15px var(--f-ui)}.pager a{text-decoration:none}.pager a:hover{text-decoration:underline}html.js .pager{display:none}.read-nav{position:sticky;top:0;z-index:5;display:flex;gap:6px;overflow-x:auto;padding:10px 16px;margin:0 -16px;background:color-mix(in oklab,var(--desk) 80%,transparent);backdrop-filter:blur(8px);scrollbar-width:none}.read-nav a{flex:0 0 auto;text-decoration:none;font:600 13px/1 var(--f-ui);color:#fff;background:var(--c);padding:9px 12px;border-radius:8px}.read-nav a.dark{color:var(--ink)}@media(max-width:720px){.read .spread{grid-template-columns:1fr}.read .page{--u: 1.25cqi;aspect-ratio:auto;min-height:120vw}.read .page:after{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation:none!important}}