:root{--bg: #e9e6e0;--bg-deep: #ddd9d1;--paper: #fcfbf8;--paper-2: #f5f3ee;--paper-edge: #dcd6c9;--surface: #ffffff;--cover-bg: #782e28;--cover-ink: #f4e7d7;--cover-ink-2: #f0d0b1;--ink: #16150f;--ink-2: #3d3a33;--ink-3: #6f6b61;--muted: #9b9689;--muted-2: #b5b0a3;--rule: rgba(22, 21, 15, .1);--rule-strong: rgba(22, 21, 15, .2);--accent: #1b1a15;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--dur-press: .12s;--dur-ui: .2s;--dur-open: .72s;--dur-close: .52s;--dur-travel: .44s;--edge-max: 20px;--square: 5px;--board: 4px;--joint: 15px;--margin-w: 196px;--turn-zone: 56px;--margin-gap: 22px;--book-ratio: 1.8;--ui-font: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--ui-size: 16px}*{box-sizing:border-box}html,body,#root{height:100%}.app{transition:opacity .26s var(--ease-out)}.app[data-ready=false]{opacity:0;pointer-events:none}body{margin:0;font-family:var(--ui-font);color:var(--ink);background:var(--bg);background-image:radial-gradient(120% 90% at 50% 0%,#f1eee9 0%,var(--bg) 45%,var(--bg-deep) 100%);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app{--shelf-gap: clamp(18px, 3.2vw, 60px);--shelf-edge: clamp(16px, 3.2vw, 56px);height:100%;overflow:clip;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:var(--shelf-edge) var(--shelf-edge) 20px;font-size:var(--ui-size);letter-spacing:.01em}.topbar__title{font-weight:500;color:var(--ink)}.credit{flex:none;padding:14px 28px;text-align:center;font-size:var(--ui-size);letter-spacing:.01em;color:var(--muted)}.credit__link{color:inherit;text-decoration:underline;text-decoration-color:var(--rule-strong);text-underline-offset:3px;transition:color var(--dur-ui) var(--ease-out),text-decoration-color var(--dur-ui) var(--ease-out)}.credit__gap{display:inline-block;width:1px;height:.9em;margin:0 12px;vertical-align:-.1em;background-color:var(--rule)}@media(hover:hover)and (pointer:fine){.credit__link:hover{color:var(--ink);text-decoration-color:var(--ink)}}.credit__link:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:2px}@media(max-width:859px){.credit__gap{display:block;width:0;height:0;margin:6px 0 0}}.topbar__right{display:flex;align-items:center;gap:14px;min-width:0}.sound{position:relative;flex:none;display:grid;place-items:center;width:32px;height:32px;margin-block:calc((1lh - 32px)/2);padding:0;border:0;border-radius:999px;background:none;color:var(--muted);cursor:pointer;transition:color var(--dur-ui) var(--ease-out)}.sound .material-symbols-outlined{font-size:18px;line-height:1;font-variation-settings:"opsz" 20,"wght" 300,"FILL" 0,"GRAD" 0}.sound[aria-pressed=true]{color:var(--ink-3)}.sound:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(hover:hover)and (pointer:fine){.sound:hover{color:var(--ink)}}.topbar__hint{color:var(--muted);font-size:var(--ui-size);font-variant-numeric:tabular-nums}.stage{--book-fill: 76vw;--chrome-h: 218px;--tool-size: clamp(38px, calc(var(--book-w) * .028), 60px);--book-cap: 1980px;--book-w: min( var(--book-fill), calc((100vh - var(--chrome-h)) * var(--book-ratio)), var(--book-cap) );--book-h: calc(var(--book-w) / var(--book-ratio));--margin-w: clamp( 96px, calc( (100vw - var(--book-w)) / 2 - var(--margin-gap) - var(--edge-max) ), 196px );flex:1;display:grid;place-items:center;align-content:center;min-height:0;--stage-pad-x: 20px;padding:8px var(--stage-pad-x) 40px;overflow-x:clip;perspective:2400px;perspective-origin:50% 44%}.shelf{--cover-scale: .86;--seat-w: calc(var(--book-w) * .5 * var(--cover-scale));--seat-h: calc(var(--book-h) * var(--cover-scale));--shade-up: calc(var(--book-w) * .043);--shade-down: calc(var(--book-w) * .062);justify-self:stretch;width:auto;margin-inline:calc(50% - 50vw);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.shelf::-webkit-scrollbar{display:none}.shelf,.shelf-nav{grid-area:1 / 1}.shelf-nav{z-index:2;align-self:center;justify-self:stretch;display:flex;justify-content:space-between;width:auto;margin-inline:calc(50% - 50vw);padding-inline:var(--shelf-edge);pointer-events:none}.shelf-nav[data-shown=false]{visibility:hidden}.shelf-more{grid-area:1 / 1;z-index:2;align-self:end;justify-self:stretch;display:flex;justify-content:space-between;width:auto;margin-inline:calc(50% - 50vw);padding-inline:var(--shelf-edge);pointer-events:none;font-size:var(--ui-size);color:var(--muted)}.shelf-more[data-shown=false]{visibility:hidden}.shelf-more__side{transition:opacity var(--dur-ui) var(--ease-out)}.shelf-more__side[data-reach=false]{opacity:0}.shelf-nav .shelf-nav__step{width:calc(var(--tool-size) * 1.1);height:calc(var(--tool-size) * 1.1);opacity:1}.shelf-nav .shelf-nav__step .material-symbols-outlined{font-size:calc(var(--tool-size) * .55)}.shelf-nav__step[data-reach=false]{opacity:0;visibility:hidden}.shelf__track{display:flex;align-items:center;width:max-content;margin-inline:auto;padding-block:calc(var(--shade-up) * var(--cover-scale)) calc(var(--shade-down) * var(--cover-scale));translate:0px}.shelf__slot{margin-inline-start:var(--shelf-gap)}.shelf__slot:first-child{margin-inline-start:var(--shelf-edge)}.shelf__tail{flex:0 0 var(--shelf-edge);align-self:stretch}.shelf__slot{position:relative;flex:0 0 var(--seat-w);height:var(--seat-h);overflow:clip;overflow-clip-margin:120px;scroll-snap-align:center}.shelf .shelf__slot{transition:translate var(--dur-travel) var(--ease-out),opacity calc(var(--dur-travel) * .55) var(--ease-out)}.shelf__slot>.book{position:absolute;top:50%;left:50%;margin-left:calc(var(--book-w) / -2);margin-top:calc(var(--book-h) / -2);scale:var(--cover-scale)}.shelf .shelf__slot>.book{transition:scale var(--dur-open) var(--ease-out)}.book[data-phase=opening],.book[data-phase=closing]{will-change:scale,transform}.cover[data-opening=true]{will-change:transform}.shelf[data-picked=true][data-open=false] .shelf__track,.shelf[data-homing=run] .shelf__track{will-change:translate}.shelf .shelf__slot>.book[data-phase=closed]{transition:scale var(--dur-travel) var(--ease-out)}.shelf[data-picked=true],.shelf[data-homing=hold],.shelf[data-homing=run]{overflow-x:hidden;scroll-snap-type:none}.shelf[data-wheeling=true],.shelf[data-gliding=true]{scroll-snap-type:none}.shelf[data-open=true]{overflow:visible;scroll-snap-type:none}.shelf[data-picked=true][data-open=false] .shelf__track,.shelf[data-homing=run] .shelf__track{transition:translate var(--dur-travel) var(--ease-out)}.shelf[data-picked=true] .shelf__slot[data-shown=false]{opacity:0;pointer-events:none}.shelf[data-open=true] .shelf__track{width:auto;margin-inline:0;justify-content:center;padding-block:0}.shelf[data-open=true] .shelf__slot{margin-inline:0}.shelf[data-open=true] .shelf__tail{flex-basis:0}.shelf[data-open=true] .shelf__slot[data-shown=false]{position:absolute;inset-block-start:0;inset-inline-start:0}.shelf[data-open=true] .shelf__slot[data-shown=true]{flex-basis:var(--book-w);height:var(--book-h)}.shelf[data-open=true] .shelf__slot[data-shown=true]>.book{scale:1}.shelf[data-open=true] .shelf__slot{overflow:visible}.shelf__slot[data-shown=false] .cover{pointer-events:none}.book{container-type:inline-size;position:relative;--weave: .018;--cloth: repeating-linear-gradient( 91.4deg, rgba(22, 21, 15, var(--weave)) 0 1.5px, rgba(22, 21, 15, 0) 1.5px 3px );--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23g)'/%3E%3C/svg%3E");pointer-events:none;width:var(--book-w);padding-inline:var(--edge-max);display:grid;grid-template-rows:auto auto auto;transition:transform var(--dur-open) var(--ease-out);--board-reach: calc( 50cqw * (1 - var(--board-over, 0)) - var(--edge-max) * var(--board-over, 0) )}.book{--camera: 0px;transform:translate(calc(var(--camera) + (-25% - var(--camera)) * (1 - var(--board-over, 0))))}.book__shade{position:absolute;inset:calc(-1 * var(--square)) 0;z-index:0;border-radius:.583cqw;background-color:var(--cover-bg);background-image:var(--cloth);transform-origin:right center;--shade-depth: 1;box-shadow:0 .083cqw .167cqw rgba(22,21,15,calc(.06 * var(--shade-depth))),0 .667cqw 1.5cqw -.5cqw rgba(22,21,15,calc(.12 * var(--shade-depth))),0 2.5cqw 4.667cqw -1.5cqw rgba(22,21,15,calc(.2 * var(--shade-depth))),0 .417cqw 4.333cqw -.167cqw rgba(22,21,15,calc(.13 * var(--shade-depth)));transition:box-shadow var(--dur-ui) var(--ease-out)}@media(hover:hover)and (pointer:fine){.book[data-phase=closed]:has(.cover[data-opening=false]:hover) .book__shade{--shade-depth: 1.55}}.book[data-phase=closed]:has(.cover:focus-visible) .book__shade{--shade-depth: 2.1;transition-duration:0s}.book:not([data-phase=open]) .margin,.book:not([data-phase=open]) .turn{opacity:0}.book[data-phase=closed] .margin{display:none}.strip{pointer-events:auto}.book:not([data-phase=open]) .strip{pointer-events:none}.book[data-phase=closed] .strip{visibility:hidden}.book:not([data-phase=open]) .turn{pointer-events:none}.margin{transition:opacity var(--dur-ui) var(--ease-out)}.book:not([data-phase=open]) .info{pointer-events:none}.book:not([data-phase=open]) .page--left{clip-path:inset(0 0 0 var(--board-reach));pointer-events:none}.book:not([data-phase=open]) .strip+.strip:before{clip-path:inset(0 0 0 var(--board-reach))}.book:not([data-phase=open]) .edge--left{clip-path:inset(0 0 0 calc(var(--board-reach) + 100%))}@keyframes book-in{0%{opacity:0}to{opacity:1}}.book{animation:book-in .32s var(--ease-out) both}.cover{position:absolute;inset-block:0;left:50%;width:calc(50% - var(--edge-max));transform-origin:left center;transform-style:preserve-3d;z-index:6;cursor:pointer;container-type:inline-size;--fig: calc((100cqi + var(--edge-max)) / 1430)}.cover{pointer-events:auto}.cover[data-opening=true]{pointer-events:none}.cover:focus-visible{outline:none}@media(forced-colors:active){.cover:focus-visible{outline:2px solid Highlight;outline-offset:3px}}@media(hover:hover)and (pointer:fine){.cover[data-opening=false] .cover__face--front{transition:filter var(--dur-ui) var(--ease-out)}.cover[data-opening=false]:hover .cover__face--front{filter:brightness(.985)}}.cover__face{position:absolute;inset:calc(-1 * var(--square)) calc(-1 * var(--edge-max)) calc(-1 * var(--square)) 0;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d}.cover__face--front{border-radius:2px 8px 8px 2px;background-color:var(--cover-bg, #ffffff);background-image:var(--cloth);box-shadow:inset -1px 0 #16150f12,inset 0 1px #16150f0d,inset 0 -1px #16150f12;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(var(--board))}.cover__face--front:before,.cover__face--back:before,.book__shade:before,.page--empty:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:var(--grain);background-size:140px 140px;opacity:calc(var(--weave) * 17);pointer-events:none}.cover__edge{position:absolute;inset-block:calc(-1 * var(--square));right:calc(-1 * var(--edge-max));width:var(--board);transform-origin:right center;transform:rotateY(90deg);background-color:var(--cover-bg);background-image:linear-gradient(#16150f1f,#16150f1f),var(--cloth);-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none}.cover__spine{position:absolute;inset-block:0;left:0;width:var(--joint);background:linear-gradient(90deg,#16150f00 calc(100% - 2.2px),#16150f14 calc(100% - 1.1px),#16150f00);pointer-events:none}.cover__content{position:absolute;inset:var(--square) var(--edge-max) var(--square) 0;display:flex;flex-direction:column;box-sizing:border-box;-webkit-user-select:none;user-select:none}.cover__title-group{color:var(--cover-ink)}.cover__subtitle{color:var(--cover-ink-2)}.cover__footer{color:var(--cover-ink-3, var(--cover-ink-2));position:absolute;left:0;bottom:calc(168 * var(--fig));width:calc(1430 * var(--fig));text-align:center;font-size:calc(30 * var(--fig));white-space:pre-wrap}.cover[data-art=old-relevant] .cover__footer{bottom:calc(168 * var(--fig) - var(--square))}.cover[data-art=old-relevant]{--title-size: 124}.cover[data-art=old-relevant] .cover__content{align-items:center;text-align:center;padding:calc(405.7 * var(--fig) - var(--square)) 0 0}.cover[data-art=old-relevant] .cover__title-group{font-family:EB Garamond,Georgia,serif;font-weight:700}.cover[data-art=old-relevant] .cover__title-arc{display:block;font-size:calc(var(--title-size) * 1px);letter-spacing:.13em;fill:currentColor;overflow:visible}.cover[data-art=old-relevant] .cover__title-line{font-size:calc(var(--title-size) * var(--fig));letter-spacing:.1em;line-height:1.3065;margin-right:-.1em;margin-top:calc(-45.7 * var(--fig))}.cover[data-art=old-relevant] .cover__subtitle{margin-top:calc(80 * var(--fig));max-width:calc(408 * var(--fig));font-family:"Source Serif 4",Georgia,serif;font-weight:400;font-size:calc(48 * var(--fig));line-height:1.375;font-variation-settings:"opsz" 48}.cover[data-art=old-relevant] .cover__footer{font-family:"Source Serif 4",Georgia,serif;font-weight:400;line-height:1.3667;font-variation-settings:"opsz" 30}.cover[data-art=hand-drawn] .cover__content{top:0;right:0;bottom:0;left:0;align-items:stretch;text-align:left;padding:calc(482.7 * var(--fig)) 0 calc(340 * var(--fig))}.cover[data-art=hand-drawn] .cover__title-group{font-family:"Cedarville Cursive",Segoe Script,cursive;font-weight:400;line-height:1}.cover[data-art=hand-drawn] .cover__title-line{font-size:calc(84 * var(--fig));width:fit-content;margin-inline:auto}.cover[data-art=hand-drawn] .cover__title-line:nth-child(1){rotate:-4.07deg}.cover[data-art=hand-drawn] .cover__title-line:nth-child(2){margin-top:calc(22.8 * var(--fig));translate:calc(-76.2 * var(--fig));rotate:-3.01deg}.cover[data-art=hand-drawn] .cover__title-line:nth-child(3){margin-top:calc(.6 * var(--fig));translate:calc(135.7 * var(--fig));rotate:-5.35deg}.cover[data-art=hand-drawn] .cover__subtitle{margin-top:auto;text-align:center;font-family:"Libertinus Serif Display",Georgia,serif;font-weight:400;font-size:calc(48 * var(--fig));line-height:1.1458}.cover[data-art=hand-drawn] .cover__footer{font-family:Roboto,ui-sans-serif,system-ui,sans-serif;line-height:1.1667}.cover[data-art=modern-traditionalist] .cover__content{top:0;right:0;bottom:0;left:0;align-items:stretch;text-align:left;padding:calc(332 * var(--fig)) 0 0 calc(411 * var(--fig))}.cover[data-art=modern-traditionalist] .cover__title-group{font-family:Fraunces,Playfair Display,Didot,Georgia,serif;line-height:.9;font-variation-settings:"opsz" 144,"SOFT" 0,"WONK" 1}.cover[data-art=modern-traditionalist] .cover__title-line{font-size:calc(217.7 * var(--fig))}.cover[data-art=modern-traditionalist] .cover__title-line:nth-child(1){font-weight:600;letter-spacing:.2em}.cover[data-art=modern-traditionalist] .cover__title-line:nth-child(2){font-weight:300;letter-spacing:.07em}.cover[data-art=modern-traditionalist] .cover__title-line:nth-child(3){margin-top:calc(-19 * var(--fig));font-weight:700;letter-spacing:.01em}.cover[data-art=modern-traditionalist] .cover__subtitle{margin-top:calc(87 * var(--fig));max-width:calc(610 * var(--fig));margin-left:calc(-4 * var(--fig));text-align:center;font-family:Albert Sans,ui-sans-serif,system-ui,sans-serif;font-weight:400;font-size:calc(42 * var(--fig));letter-spacing:.05em;line-height:1.2083}.cover[data-art=modern-traditionalist] .cover__footer{font-family:Roboto,ui-sans-serif,system-ui,sans-serif;font-weight:400;line-height:1.1667}.cover[data-art=monospace] .cover__content{top:0;right:0;bottom:0;left:0;display:block;padding:0}.cover[data-art=monospace] .cover__title-group{font-family:DM Mono,ui-monospace,Menlo,monospace;font-weight:400}.cover[data-art=monospace] .cover__title-line{position:absolute;line-height:1;font-size:calc(164 * var(--fig));white-space:pre}.cover[data-art=monospace] .cover__title-line:nth-child(1){left:calc(98 * var(--fig));top:calc(96 * var(--fig))}.cover[data-art=monospace] .cover__title-line:nth-child(2){left:calc(392 * var(--fig));top:calc(260 * var(--fig))}.cover[data-art=monospace] .cover__title-line:nth-child(3){left:calc(98 * var(--fig));top:calc(588 * var(--fig))}.cover[data-art=monospace] .cover__title-line:nth-child(4){left:calc(730 * var(--fig));top:calc(588 * var(--fig))}.cover[data-art=monospace] .cover__title-line:nth-child(5){left:calc(830 * var(--fig));top:calc(752 * var(--fig))}.cover[data-art=monospace] .cover__subtitle{position:absolute;left:calc(178 * var(--fig));top:calc(890 * var(--fig));width:calc(352 * var(--fig));font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:400;font-size:calc(40 * var(--fig));line-height:1.2}.cover[data-art=monospace] .cover__footer{font-family:Roboto Mono,ui-monospace,Menlo,monospace;font-weight:400}.cover__face--back{border-radius:5px 2px 2px 5px;background-color:var(--cover-bg);background-image:var(--cloth);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateY(180deg)}.book__gutter{position:absolute;inset-block:0;width:48px;opacity:0;pointer-events:none;z-index:5}.book__gutter--recto{left:50%;background:linear-gradient(to left,#16150f00,#16150f09 66%,#16150f1a 96%,#16150f21);transition:opacity .38s var(--ease-out) 60ms}.book__gutter--verso{right:50%;background:linear-gradient(to right,#16150f00,#16150f09 66%,#16150f1a 96%,#16150f21);z-index:7}.book:not([data-phase=closed]) .book__gutter--recto{opacity:1}.strip{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:0}.strip+.strip{margin-top:-.5px}.strip+.strip:before,.strip+.strip:after{content:"";position:absolute;--down: max(0px, (var(--over, 0px) - var(--under, 0px)) * .95);--up: max(0px, (var(--under, 0px) - var(--over, 0px)) * .95);top:calc(-1 * var(--up));height:calc(var(--up) + 1px + var(--down));background:linear-gradient(to bottom,rgba(22,21,15,0) 0,rgba(22,21,15,.07) var(--up),var(--rule) var(--up),var(--rule) calc(var(--up) + 1px),rgba(22,21,15,.07) calc(var(--up) + 1px),rgba(22,21,15,0) 100%);z-index:3;transition:top var(--dur-ui) var(--ease-out),height var(--dur-ui) var(--ease-out)}.strip+.strip:before{inset-inline:0 calc(50% - .5px);--over: var(--above-left, 0px);--under: var(--stack-left, 0px)}.strip+.strip:after{inset-inline:calc(50% - .5px) 0;--over: var(--above-right, 0px);--under: var(--stack-right, 0px)}.strip+.strip[data-start=true]:before,.strip+.strip[data-end=true]:after{height:calc(var(--up) + var(--down));background:linear-gradient(to bottom,rgba(22,21,15,0) 0,rgba(22,21,15,.07) var(--up),rgba(22,21,15,0) 100%)}.strip:last-of-type .page--left:not(.page--empty){box-shadow:0 calc(var(--stack-left, 0px) * .42) calc(var(--stack-left, 0px) * .8) calc(var(--stack-left, 0px) * -.52) #16150f66}.strip:last-of-type .page--right:not(.page--empty){box-shadow:0 calc(var(--stack-right, 0px) * .42) calc(var(--stack-right, 0px) * .8) calc(var(--stack-right, 0px) * -.52) #16150f66}.strip:last-of-type .page{transition:box-shadow var(--dur-ui) var(--ease-out)}.strip:focus-visible{outline:none}.page{position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center;background:var(--paper);padding:4cqw 3.4cqw;overflow:hidden}.page[data-turns]{cursor:pointer}.book:not([data-phase=open]) .page{pointer-events:none}.page--left{padding-left:max(3.4cqw,calc(var(--turn-zone) + 14px));padding-right:4.6cqw}.page--right{padding-left:4.6cqw;padding-right:max(3.4cqw,calc(var(--turn-zone) + 14px))}.turn{position:absolute;inset-block:0;width:var(--turn-zone);z-index:4}.turn--back{left:0}.turn--fwd{right:0}.turn[data-enabled=true]{cursor:pointer}.turn[data-enabled=false]{pointer-events:none}.page--empty{cursor:pointer;background-color:var(--cover-bg);background-image:var(--cloth)}.edge{position:absolute;inset-block:0;width:0;z-index:2;transition:width var(--dur-ui) var(--ease-out);background-image:repeating-linear-gradient(to right,var(--paper-edge) 0 1px,var(--paper) 1px 2.1px)}.edge--left{right:100%;width:var(--stack-left, 0);border-radius:2px 0 0 2px;box-shadow:inset -1px 0 0 var(--rule)}.edge--right{left:100%;width:var(--stack-right, 0);border-radius:0 2px 2px 0;box-shadow:inset 1px 0 0 var(--rule)}.book:not([data-phase=open]) .edge--right{--left-shown: clamp( 0px, calc(-1 * var(--board-reach)), var(--stack-left, 0px) );width:calc(var(--stack-right, 0px) + var(--stack-left, 0px) - var(--left-shown))}.book:not([data-phase=open]) .edge{transition:none}.strip+.strip .edge--left{box-shadow:inset -1px 0 0 var(--rule),inset 0 1px 0 var(--rule)}.strip+.strip .edge--right{box-shadow:inset 1px 0 0 var(--rule),inset 0 1px 0 var(--rule)}.leaf{position:absolute;inset-block:0;left:50%;width:50%;z-index:4;pointer-events:none}.leaf__slat{--slat: calc(100% - var(--lip));position:absolute;inset-block:0;left:calc(100% * var(--i) / var(--n));width:calc(100% / var(--n) + var(--lip));transform-origin:calc(var(--slat) * var(--i) * -1) var(--vanish, 50%);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:var(--paper);overflow:hidden;contain:strict;will-change:transform}.leaf__slat>.leaf__print{position:absolute;inset-block:0;width:calc(var(--slat) * var(--n));left:calc(var(--slat) * var(--i) * -1);background:none}.leaf__slat--back>.leaf__print{left:calc(var(--slat) * (var(--i) + 1 - var(--n)) + var(--lip))}.thread{--thread-w: .16cqw;--station: 2.4cqw;position:absolute;inset-block:0;width:calc(var(--thread-w) * 18);pointer-events:none;filter:drop-shadow(0 .05cqw .05cqw rgba(22,21,15,.32))}.page--left>.thread{right:calc(var(--thread-w) * -9)}.page--right>.thread{left:calc(var(--thread-w) * -9)}.thread__stitch{position:absolute;inset-block:var(--station);left:calc(50% - var(--thread-w) / 2);width:var(--thread-w);border-radius:var(--thread-w);background:linear-gradient(90deg,#16150f40,#16150f00 45%,#16150f00 55%,#16150f52),var(--thread)}.thread__stitch:before,.thread__stitch:after{content:"";position:absolute;left:50%;width:calc(var(--thread-w) * 2.2);height:calc(var(--thread-w) * 1.5);translate:-50% -50%;border-radius:50%;background:radial-gradient(closest-side,#16150f8c,#16150f00)}.thread__stitch:before{top:0}.thread__stitch:after{top:100%}.thread__knot{position:absolute;top:50%;left:0;display:block;width:100%;height:auto;translate:0 -50%;overflow:visible}.strip:nth-of-type(2) .thread__knot{scale:-1 1}.strip:nth-of-type(3) .thread__knot{rotate:180deg}.thread__knot path{fill:none;stroke:var(--thread);stroke-width:2;stroke-linecap:round}.thread__knot ellipse{fill:var(--thread);stroke:#16150f59;stroke-width:.5}.slot{--ink-pad: .24em;width:100%;height:calc(var(--lines) * var(--box, 1.4) * 1em);display:grid;align-items:center;overflow:visible}.slot--header{--lines: 1;font-size:4.35cqw}.slot--subheader{--lines: 2;font-size:1.95cqw}.slot--body{--lines: 8;font-size:1.2cqw;color:var(--ink-2);align-items:start}.specimen{margin:0;min-width:0;font-size:calc(1em * var(--scale, 1));line-height:var(--leading, 1.4);color:inherit;outline:none;white-space:pre-wrap;overflow-wrap:break-word;overflow:hidden;padding-block:var(--ink-pad);cursor:text;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);line-clamp:var(--lines);transition:opacity .18s var(--ease-out)}.specimen--header{display:block;white-space:nowrap;text-overflow:ellipsis}.specimen:focus{display:block;max-height:calc(var(--lines) * var(--leading, 1.4) * 1em + 2 * var(--ink-pad));overflow-y:auto}.specimen--header:focus{white-space:pre-wrap;text-overflow:clip}.specimen[data-loading=true]{opacity:0}.margin{position:absolute;top:50%;translate:0 -50%;width:var(--margin-w);display:grid;align-items:center;gap:10px;z-index:5;pointer-events:none}.margin--left{right:calc(100% + var(--edge-max) + var(--margin-gap));grid-template-columns:1fr 28px;text-align:right}.margin--right{left:calc(100% + var(--edge-max) + var(--margin-gap));grid-template-columns:28px 1fr;text-align:left}.margin__name{display:flex;align-items:center;font-size:var(--ui-size);line-height:1.35;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);transition:color var(--dur-ui) var(--ease-out)}.margin--left .margin__name{justify-content:flex-end}.margin__family{text-wrap:balance}.info{display:block;min-width:0;pointer-events:auto}.info__button{position:relative;display:flex;align-items:center;width:100%;padding:0;border:0;background:none;font-family:inherit;font-weight:inherit;text-align:inherit;color:inherit;cursor:pointer;transition:color var(--dur-ui) var(--ease-out)}.info__button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(hover:hover)and (pointer:fine){.info__button:hover{color:var(--ink-2)}}.info__panel{position:fixed;z-index:40;display:flex;flex-direction:column;gap:10px;width:168px;padding:12px 13px 13px;border-radius:3px;background:var(--surface);box-shadow:0 0 0 1px #16150f1f,0 10px 24px -10px #16150f66;text-align:left;text-transform:none;letter-spacing:0;cursor:default}.info__name{font-size:13px;line-height:1.2;color:var(--ink)}.info__rows{display:flex;flex-direction:column;gap:2px;font-size:11px;line-height:1.45;color:var(--ink-2);font-variant-numeric:tabular-nums}.info__link{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;font-size:11.5px;color:var(--ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:#16150f59;transition:text-decoration-color var(--dur-ui) var(--ease-out)}.info__link .material-symbols-outlined{font-size:15px;line-height:1;font-variation-settings:"opsz" 20,"wght" 300,"FILL" 0,"GRAD" 0}@media(hover:hover)and (pointer:fine){.info__link:hover{text-decoration-color:var(--ink)}}.info__link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.strip[data-active=true] .margin__name{color:var(--ink-2)}.flip,.tool{position:relative;flex:none;display:grid;place-items:center;padding:0;border:0;border-radius:999px;background:#fcfbf8db;box-shadow:0 0 0 1px var(--rule),0 2px 6px -2px #16150f33;color:var(--ink-2);cursor:pointer;pointer-events:auto;transition:opacity var(--dur-ui) var(--ease-out),transform var(--dur-press) var(--ease-out),color var(--dur-ui) var(--ease-out)}.flip{width:32px;height:32px}.tool{width:var(--tool-size);height:var(--tool-size)}.flip{opacity:0}.tool .material-symbols-outlined,.sound .material-symbols-outlined{pointer-events:none}.strip[data-active=true] .flip,.flip:focus-visible{opacity:1}.turn--back[data-enabled=true]:hover~.margin--left .flip,.turn--fwd[data-enabled=true]:hover~.margin--right .flip{color:var(--ink)}.strip .flip:disabled{opacity:0;pointer-events:none}.flip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(hover:none){.flip{opacity:1}}@media(hover:hover)and (pointer:fine){.flip:hover,.tool:hover{color:var(--ink);transform:scale(1.08)}.flip:active,.tool:active{transform:scale(.94)}}.flip svg{width:14px;height:14px;display:block}.flip:after,.tool:after,.sound:after,.info__button:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.tool:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool .material-symbols-outlined{font-size:calc(var(--tool-size) * .5);line-height:1;font-optical-sizing:auto;font-variation-settings:"wght" 300,"FILL" 0,"GRAD" 0}.tools{display:flex;gap:calc(var(--tool-size) * .3);padding-top:18px;transition:opacity var(--dur-ui) var(--ease-out),visibility 0s}.tools[data-open=false]{opacity:0;visibility:hidden;transition-delay:0s,var(--dur-ui)}.readout{display:none}.shelf:not([data-open=true])~.readout{visibility:hidden}.readout__row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;width:100%;padding:9px 4px;border:0;border-top:1px solid var(--rule);background:none;font-family:var(--ui-font);text-align:left;cursor:pointer;color:var(--muted);transition:color var(--dur-ui) var(--ease-out)}.readout__row[data-active=true]{color:var(--ink-2)}.readout__role{font-size:var(--ui-size);letter-spacing:.06em;text-transform:uppercase}.readout__font{font-size:var(--ui-size);letter-spacing:.05em;text-transform:uppercase}@media(max-width:859px){.topbar{padding:var(--shelf-edge) var(--shelf-edge) 14px}.topbar__hint{display:none}}@media(max-width:1199px),(max-aspect-ratio:3/2){.stage{--book-fill: calc(184vw - 28px + 2 * var(--edge-max));--book-ratio: 1.35;--chrome-h: 292px;padding:4px 0 8px;overflow-x:clip;grid-template-columns:minmax(0,1fr)}.book{--camera: calc(var(--book-w) * -.2283)}.page{padding:3.4cqw 3cqw 7cqw}.page--left{padding-left:3cqw;padding-right:3.6cqw}.page--right{padding-left:3.6cqw;padding-right:3cqw}.turn{display:none}.slot--header{font-size:5.1cqw}.slot--subheader{font-size:2.5cqw}.slot--body{font-size:1.9cqw}.info{display:none}.margin{display:flex;width:auto;top:auto;bottom:2.2cqw;translate:0 0}.margin--left{left:auto;right:50px}.margin--right{left:auto;right:8px}.readout{display:block;width:min(94vw,460px);margin:0 auto;padding:10px 0 4px}}