:root{--charcoal:#141210;--mahogany:#30201b;--oxblood:#54262d;--brass:#b39863;--paper:#d9c6a3;--forest:#344038;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{color:var(--paper);background:#100e0c;margin:0;font-family:Georgia,Times New Roman,serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:6px;outline:2px solid #e6cb91}button:disabled{opacity:.45;cursor:default}h1:focus,h2:focus{outline:none}.world{isolation:isolate;background:radial-gradient(at 50% 55%,#38271d66,#0000 65%),#100e0c;min-height:100svh;position:relative;overflow:hidden}header,footer{z-index:4;justify-content:space-between;align-items:center;padding:25px 5vw;display:flex;position:relative}header{border-bottom:1px solid #b398631c;min-height:95px}.wordmark{color:var(--brass);font-size:20px;text-decoration:none}.wordmark span{letter-spacing:3.5px;margin-top:12px;font:8px Arial,sans-serif;display:block}.preview-badge{letter-spacing:2px;color:#bba47c;font:9px Arial,sans-serif}footer{letter-spacing:2px;color:#ac9673;gap:20px;min-height:75px;font:8px Arial,sans-serif}footer span:nth-child(2){font:24px Georgia}.grain{z-index:3;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.eyebrow{letter-spacing:3px;color:var(--brass);margin:5px 0 22px;font:9px/1.8 Arial,sans-serif}h1{text-shadow:0 4px 30px #000;margin:0;font-size:clamp(35px,4.5vw,65px);font-weight:400;line-height:1.14}em{color:#c1a16b;font-weight:400}.intro{color:#c4b398;margin:24px 0;font-size:16px;line-height:1.9}.brass{color:#e6d4b4;letter-spacing:2px;text-transform:uppercase;background:linear-gradient(110deg,#b3986317,#30201b44);border:1px solid #b3986366;margin:8px 0 12px;padding:18px 30px;font:10px Arial}.brass span{margin-left:20px}.brass:hover{background:#b398632b}.footnote{letter-spacing:.5px;color:#b7a486;margin-top:20px;font:11px/1.6 Arial,sans-serif}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cinematic{background:#070605}.library-scene{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.room-camera{transform-origin:50% 64%;transition:transform 3.2s cubic-bezier(.2,.55,.25,1);position:absolute;inset:0;transform:scale(1)}.library-art{opacity:.82;width:100%;height:100%;min-height:760px;position:absolute}.room-vignette{background:radial-gradient(#08070500 0,#08070525 40%,#080705b0 85%,#080705 100%),linear-gradient(#0009,#0000 35%,#0003 70%,#000c);position:absolute;inset:0}.darkness{z-index:1;opacity:.08;pointer-events:none;background:#030303;transition:opacity 1.6s ease-in-out;position:absolute;inset:0}.stage-dark .darkness{opacity:1}.stage-igniting .darkness{opacity:.18}.stage-approach .room-camera,.stage-library .room-camera,.stage-opening .room-camera,.stage-book .room-camera{transform:scale(1.12)translateY(-1%)}.stage-book .room-camera{opacity:.6}.cinematic header,.cinematic footer{transition:opacity 1.3s}.stage-dark header,.stage-dark footer,.stage-igniting header,.stage-igniting footer{opacity:.6}.experience-controls{z-index:5;background:#07060566;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 16px;min-height:44px;padding:6px 5vw;display:flex;position:relative}.control-button{color:#d4bd94;letter-spacing:.6px;background:0 0;border:0;min-height:36px;padding:7px 2px;font:10px/1.5 Arial,sans-serif}.control-button:hover,.control-button[aria-pressed=true]{color:#f2dfbd}.volume-control{color:#c9b38f;align-items:center;gap:10px;font:10px Arial;display:flex}.volume-control input{accent-color:#b39863;width:75px;min-height:36px}.audio-notice{z-index:5;text-align:right;color:#dbb6a1;background:#14100de0;margin:0;padding:8px 5vw;font:11px/1.6 Arial;position:relative}.dark-scene{z-index:2;text-align:center;flex-direction:column;align-items:center;min-height:calc(100svh - 214px);display:flex;position:relative}.rope{--rope-pull:0px;touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;width:112px;height:260px;transform:translateY(var(--rope-pull));background:0 0;border:0;flex-direction:column;align-items:center;padding:0;transition:transform .5s cubic-bezier(.2,.8,.3,1);display:flex;position:relative}.rope-held{cursor:grabbing;transition:none}.rope-anchor{border:2px solid #745936;border-radius:50%;width:10px;height:32px;position:absolute;top:-30px}.cord{background:repeating-linear-gradient(32deg,#856b48 0 3px,#35271b 4px 6px,#9a7c51 7px 8px);width:8px;min-height:188px;box-shadow:3px 0 7px #000}.rope-knot{background:repeating-linear-gradient(0deg,#80603d 0 3px,#b19460 4px 5px);border-radius:9px;width:20px;height:21px;margin-top:-2px;box-shadow:0 3px 8px #0008}.tassel{clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);background:linear-gradient(90deg,#4e3621,#b1935b,#654928);justify-content:center;align-items:flex-start;gap:2px;width:32px;height:36px;padding-top:2px;display:flex}.tassel i{background:#3f2b1b88;width:2px;height:30px}.pull-indicator{color:#c4a975;opacity:.65;margin-top:12px;font-size:22px;display:block}.rope-copy{margin-top:28px;padding:0 20px 70px;transition:opacity .4s}.rope-copy h1{font-size:clamp(37px,5vw,64px)}.rope-copy .eyebrow{letter-spacing:2.5px;font-size:8px}#rope-help{color:#c1ae8e;margin-top:26px;font:12px/1.9 Arial,sans-serif}#rope-help span{color:#9c8b70;font-size:10px}.skip-intro{z-index:5;color:#c6af89;letter-spacing:1px;white-space:nowrap;background:#0a0806cc;border:1px solid #b398634d;padding:13px 22px;font:10px Arial;position:absolute;bottom:86px;left:50%;transform:translate(-50%)}.skip-intro span{margin-left:20px}.wall-torch{opacity:0;width:52px;height:138px;transition:opacity .8s ease-out;position:absolute;top:37%}.torch-west{left:calc(31% - 26px)}.torch-east{right:calc(31% - 26px)}.stage-igniting .wall-torch,.stage-approach .wall-torch,.stage-library .wall-torch,.stage-opening .wall-torch,.stage-book .wall-torch{opacity:1}.torch-halo{background:radial-gradient(#f6b34a35,#d97a2618 28%,#0000 68%);border-radius:50%;width:390px;height:390px;animation:4.5s ease-in-out infinite alternate halo-breathe;position:absolute;top:-177px;left:-169px}.flame{transform-origin:50% 100%;border-radius:65% 14% 53% 38%;position:absolute;bottom:103px;left:13px}.flame-outer{background:radial-gradient(at 50% 80%,#ffe8ad,#eaa141 42%,#b5531c88 76%,#0000 90%);width:28px;height:65px;animation:2.8s ease-in-out infinite alternate flame-breathe;transform:rotate(-12deg);box-shadow:0 0 28px #e49c3e40}.flame-inner{opacity:.8;background:linear-gradient(#fff3c7,#ffc67b);width:14px;height:40px;animation:3.7s ease-in-out -1s infinite alternate-reverse flame-breathe;left:20px}.torch-east .flame{animation-delay:-.9s}.torch-basket{clip-path:polygon(0 0,100% 0,79% 100%,22% 100%);background:repeating-linear-gradient(90deg,#302014 0 4px,#ad8044 5px 7px,#4a2c15 8px 11px);border-top:3px solid #8e6b3a;width:39px;height:22px;position:absolute;top:30px;left:8px}.torch-handle{background:linear-gradient(90deg,#231a11,#9d7a43,#302014);width:9px;height:68px;position:absolute;top:48px;left:23px;transform:rotate(-4deg)}.torch-bracket{border:4px solid #775933;border-top:0;border-radius:0 0 50% 50%;width:30px;height:16px;position:absolute;top:80px;left:11px}.light-spill{opacity:0;background:radial-gradient(at 31% 40%,#da873d0a,#0000 32%),radial-gradient(at 69% 40%,#da873d0a,#0000 32%);transition:opacity 1.8s;position:absolute;inset:0}.stage-igniting .light-spill,.stage-approach .light-spill,.stage-library .light-spill,.stage-opening .light-spill,.stage-book .light-spill{opacity:1}.dust{opacity:0;transition:opacity 2s;position:absolute;inset:0;overflow:hidden}.stage-approach .dust,.stage-library .dust,.stage-opening .dust{opacity:.6}.dust i{width:2px;height:2px;top:var(--dust-y);left:var(--dust-x);animation:dust-drift var(--dust-time) linear var(--dust-delay) infinite;background:#e6cd91;border-radius:50%;position:absolute}.reveal-caption{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 214px);padding:20px;animation:1.4s both caption-in;display:flex;position:relative}.reveal-caption>p:last-child{color:#dcc7a5;text-shadow:0 2px 22px #000;font-size:clamp(19px,2.7vw,31px)}.welcome{z-index:2;text-align:center;flex-direction:column;align-items:center;min-height:calc(100svh - 214px);padding:28px 20px 20px;animation:1.8s both welcome-in;display:flex;position:relative}.welcome h1{font-size:clamp(33px,4vw,53px)}.welcome .eyebrow{margin-bottom:16px;font-size:8px}.welcome .intro{text-shadow:0 2px 12px #000;margin:14px 0 24px;font-size:14px;line-height:1.8}.leather-book{background:repeating-linear-gradient(28deg,#57352615 0 1px,#0000 2px 4px),radial-gradient(at 35% 25%,#613e28,#362015 65%,#21120c);border:1px solid #9b754b99;border-radius:3px 8px 8px 3px;width:220px;height:287px;padding:13px 12px 13px 20px;transition:transform .6s,box-shadow .6s;position:relative;transform:perspective(1200px)rotateX(12deg)rotateY(-13deg)rotate(-4deg);box-shadow:inset 10px 0 5px #100805b0,inset -2px 0 4px #ad7c4d30,15px 30px 50px #000b}.leather-book:hover{transform:perspective(1200px)rotateX(4deg)rotateY(-5deg)rotate(-2deg)translateY(-8px);box-shadow:12px 38px 65px #000c}.book-pages{z-index:-1;background:repeating-linear-gradient(0deg,#b29a73 0 1px,#6e593e 1px 2px);border-radius:0 4px 4px 0;width:10px;position:absolute;top:8px;bottom:1px;right:-7px}.book-border{outline-offset:-5px;color:#d0ad6a;text-shadow:0 1px #000;border:1px solid #c09c5f88;outline:1px solid #c09c5f33;flex-direction:column;justify-content:space-evenly;align-items:center;height:100%;padding:18px 8px;display:flex}.tiny{letter-spacing:1.7px;font:7px Arial}.ornament{font-size:30px}.cover-title{font:25px/1.25 Georgia}.cover-title em{color:#dfbc7d}.cover-line{background:#c29f61;width:40px;height:1px}.cover-corner{opacity:.7;border:1px solid #c09c5f;width:18px;height:18px;position:absolute}.corner-tl{border-bottom:0;border-right:0;top:10px;left:16px}.corner-tr{border-bottom:0;border-left:0;top:10px;right:9px}.corner-bl{border-top:0;border-right:0;bottom:10px;left:16px}.corner-br{border-top:0;border-left:0;bottom:10px;right:9px}.book-hint{letter-spacing:1px;color:#cbb28c;margin:26px 0 4px;font:10px Arial}.book-hint span{margin-left:15px}.stage-opening .leather-book{animation:1s cubic-bezier(.2,.5,.3,1) forwards book-approach}.stage-opening .welcome>:not(.leather-book){opacity:0;transition:opacity .35s}.reader{z-index:2;max-width:1050px;min-height:calc(100svh - 214px);margin:auto;padding:15px 35px;animation:.7s both welcome-in;position:relative}.reader-top,.reader-bottom{justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.reader-top>span{letter-spacing:2px;color:#c1a775;font:9px Arial}.text-button{color:#c6ae83;background:0 0;border:0;min-height:36px;padding:10px 8px;font-size:13px}.spread{background:var(--paper);color:#3c2d23;border:9px solid #3c251b;border-radius:5px;grid-template-columns:1fr 1fr;min-height:510px;display:grid;box-shadow:0 22px 60px #000}.verso,.recto{text-align:center;background:radial-gradient(#eadabc,#cbb18c);flex-direction:column;justify-content:center;align-items:center;padding:35px 45px 55px;display:flex;position:relative;box-shadow:inset -14px 0 25px #69513920}.recto{border-left:1px solid #9a805a77;box-shadow:inset 16px 0 22px #3f281c30}.page-label{text-transform:uppercase;letter-spacing:3px;color:#715332;font:9px/1.7 Arial}.verso>.page-label{position:absolute;top:35px}.botanical{color:#6c764c;opacity:.7;font-size:130px}.verso p{font-size:19px;line-height:1.8}.verso em{color:#715b3f}.folio{color:#755735;font-size:11px;position:absolute;bottom:23px}h2{margin:30px 0 15px;font-size:clamp(26px,3vw,40px);font-weight:400;line-height:1.2}.divider{color:#86653f;font-size:28px}.reading-text{white-space:pre-line;font-size:18px;line-height:1.9}.closing{color:#705637;margin-top:25px;font-size:13px;font-style:italic;line-height:1.7}progress{width:120px;height:2px;accent-color:var(--brass)}.reader>.footnote{text-align:center}.entrance{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100svh - 170px);padding:25px 20px;display:flex;position:relative}.crest{color:var(--brass);margin:0 0 12px;font-size:38px}.login h1{font-size:clamp(34px,4vw,52px)}.login .intro{margin:18px 0}.login-form{text-align:left;width:min(340px,100%)}.login-form label{letter-spacing:1.5px;color:#c9b58e;margin:15px 0;font:10px Arial;display:block}.login-form input{color:#e6d5b6;background:#0e0b09a0;border:1px solid #b398634d;border-radius:2px;width:100%;margin-top:8px;padding:12px 14px;font:16px Georgia;display:block}.login-form .brass{text-align:center;width:100%}.input-help{color:#baa98e;font:11px/1.5 Arial}.login-error{color:#e7a398;min-height:18px;margin:8px 0;font:12px/1.5 Arial}.setup-notice{text-align:center;color:#c6b18b;border:1px solid #b3986330;padding:20px 25px;font:14px/1.8 Georgia}.session-controls{z-index:6;background:#100e0c;flex-wrap:wrap;justify-content:flex-end;padding:5px 4vw;display:flex;position:relative}.session-controls .text-button{letter-spacing:1px;font:10px Arial}.session-controls [role=alert]{color:#e7a398;font:11px Arial}@keyframes flame-breathe{0%{opacity:.8;transform:rotate(-7deg)scale(.95,.97)}to{opacity:1;transform:rotate(5deg)scale(1.06,1.03)}}@keyframes halo-breathe{0%{opacity:.7}to{opacity:1}}@keyframes dust-drift{0%{opacity:0;transform:translateY(25px)}20%{opacity:.7}80%{opacity:.5}to{opacity:0;transform:translate(28px,-80px)}}@keyframes caption-in{0%{opacity:0}to{opacity:1}}@keyframes welcome-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes book-approach{0%{transform:perspective(1200px)rotateX(12deg)rotateY(-13deg)rotate(-4deg)}to{opacity:0;transform:perspective(1200px)rotateX(0)rotateY(-7deg)rotate(0)scale(1.75)translateY(-4%)}}.still-scene *,.still-scene :before,.still-scene :after{transition:none!important;animation:none!important}.still-scene .room-camera,.still-scene .leather-book{transform:none}.still-scene .dust{display:none}@media (max-width:600px){header{min-height:85px;padding:20px}.wordmark{font-size:15px}.preview-badge{text-align:right;max-width:90px;font-size:7px;line-height:1.8}.experience-controls{justify-content:center;gap:3px 13px;padding:5px 12px}.control-button{min-height:40px;font-size:10px}.volume-control input{width:58px}.dark-scene,.welcome,.reveal-caption{min-height:calc(100svh - 217px)}.rope{height:205px}.cord{min-height:135px}.rope-copy{margin-top:30px;padding-bottom:75px}.rope-copy .eyebrow{letter-spacing:1.6px;max-width:250px;font-size:7px}.rope-copy h1{font-size:42px}.library-art{width:210%;min-height:820px;left:-55%}.torch-west{left:6%}.torch-east{right:6%}.wall-torch{top:44%;transform:scale(.8)}.welcome{padding-top:30px}.welcome h1{font-size:34px}.welcome .intro{font-size:13px}.leather-book{width:193px;height:255px}.cover-title{font-size:22px}.book-hint{margin-top:20px}footer{letter-spacing:1px;padding:20px;font-size:7px}footer span:last-child{display:none}.reader{padding:10px 15px}.spread{min-height:480px;display:block}.verso{display:none}.recto{border:0;min-height:480px;padding:30px 26px 55px}.reader-top>span{letter-spacing:1px;font-size:8px}.reading-text{font-size:18px}}@media (max-height:650px) and (min-width:601px){header{min-height:70px;padding-block:15px}.welcome{min-height:460px}.welcome h1{font-size:34px}.leather-book{width:175px;height:230px}.cover-title{font-size:20px}.welcome .intro{margin:8px 0 14px}.dark-scene{min-height:440px}.rope{height:180px}.cord{min-height:110px}.rope-copy h1{font-size:38px}.rope-copy{margin-top:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.room-camera,.leather-book{transform:none!important}.dust{display:none}}.dust i{animation-play-state:paused}.stage-approach .dust i,.stage-library .dust i,.stage-opening .dust i{animation-play-state:running}.dark-scene:has(.rope-held) .rope-copy{opacity:.35}.book-reader{max-width:1180px;padding-top:12px}.book-reader .reader-top{margin-bottom:2px}.book-frame{perspective:2200px;isolation:isolate;margin:0 0 12px;position:relative}.book-reader .spread{touch-action:pan-y pinch-zoom;border:10px solid #3a2318;border-radius:5px 10px 10px 5px;grid-template-columns:1fr 1fr;min-height:510px;display:grid;position:relative;box-shadow:0 28px 70px #000b,3px 3px #a48a5f,5px 6px #39281b,7px 8px #b09872}.book-reader .book-page{overflow-wrap:anywhere;background-image:linear-gradient(90deg,#a08a6220,#0000 12% 88%,#92714818),radial-gradient(at 30% 25%,#efdfbd,#d5bf96);justify-content:flex-start;min-width:0;height:auto;min-height:510px;padding:35px 42px 58px;display:flex}.book-reader .verso{border:0;box-shadow:inset -18px 0 25px #67462a24}.book-reader .recto{border-left:1px solid #8d714d55;box-shadow:inset 18px 0 25px #5d3d2228}.book-reader .book-page>.page-label{min-height:16px;margin:0 0 12px;position:static}.book-reader h2{text-wrap:balance;margin:9px 0 12px;font-size:clamp(25px,2.7vw,36px);line-height:1.24}.book-reader .divider{margin:0 0 12px;display:block}.book-reader .reading-text{text-align:left;white-space:pre-line;width:100%;margin:0 0 15px;font:17px/1.85 Georgia,serif}.book-reader .closing{text-align:center;margin-top:auto;padding-top:20px}.book-reader .folio{text-align:center;bottom:23px;left:0;right:0}.book-reader .blank-page{justify-content:center}.end-ornament{opacity:.45;color:#5c6748;font-size:80px}.book-ribbon{clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%);z-index:2;pointer-events:none;background:linear-gradient(90deg,#39161a,#7a343c 45%,#441d24);width:18px;height:62px;position:absolute;top:-4px;left:calc(50% + 18px);box-shadow:2px 2px 4px #0005}.turning .book-ribbon{opacity:0}.turning-leaf{z-index:5;width:calc(50% - 10px);transform-style:preserve-3d;pointer-events:none;position:absolute;top:10px;bottom:10px}.turn-next .turning-leaf{transform-origin:0;animation:page-forward var(--turn-duration) cubic-bezier(.32,.04,.35,1) forwards;left:50%}.turn-previous .turning-leaf{transform-origin:100%;animation:page-backward var(--turn-duration) cubic-bezier(.32,.04,.35,1) forwards;right:50%}.leaf-face{backface-visibility:hidden;background:#decca7;position:absolute;inset:0;overflow:hidden}.leaf-face .book-page{border:0;height:100%;min-height:100%}.leaf-front{transform:translateZ(.5px)}.leaf-back{transform:rotateY(180deg)translateZ(.5px)}.leaf-shade{pointer-events:none;opacity:0;animation:fold-shadow var(--turn-duration) ease-in-out forwards;background:linear-gradient(90deg,#2d170600,#2d170655 45%,#2d170600);position:absolute;inset:0}.leaf-face:after{content:"";pointer-events:none;background:linear-gradient(90deg,#6e4c2733,#0000 12%,#fff6dc33 80%,#60401f40);position:absolute;inset:0}.book-contents{z-index:6;background:#17110fee;border:1px solid #ae8c535e;margin-bottom:23px;padding:23px 25px;position:relative;box-shadow:0 20px 40px #0009}.book-contents .eyebrow{margin-bottom:13px}.book-contents ol{max-height:45svh;margin:0;padding:0;list-style:none;overflow-y:auto}.book-contents li{border-bottom:1px solid #b3986325}.book-contents li button{text-align:left;color:#d6c29f;background:0 0;border:0;justify-content:space-between;align-items:baseline;gap:20px;width:100%;padding:14px 7px;font:16px/1.5 Georgia;display:flex}.book-contents li button:hover,.book-contents li button[aria-current]{color:#f5d694;background:#b3986310}.book-contents small{color:#a8926e;flex-shrink:0;font:10px Arial}.book-progress{flex-direction:column;align-items:center;gap:10px;display:flex}.book-progress>span{color:#cbb38e;letter-spacing:1px;font:10px Arial}.book-progress progress{width:150px}.reading-options{border-top:1px solid #b3986325;justify-content:space-between;align-items:center;gap:10px;padding-top:9px;display:flex}.reading-options>.text-button{font:10px Arial}.reading-options>span{color:#b8a181;font:10px/1.7 Arial}.save-notice{color:#e0b99c;text-align:center;font:12px/1.6 Arial}.save-notice button{font:11px Arial}.book-reader.single-page{max-width:640px}.single-page .spread{grid-template-columns:1fr}.single-page .book-page{border:0;display:flex;box-shadow:inset 10px 0 20px #6d4d2426}.single-page .book-ribbon{left:auto;right:28px}.single-page .turning-leaf{transform-origin:0;width:calc(100% - 20px);left:10px;right:auto}.single-page .turn-previous .turning-leaf{transform-origin:100%}@keyframes page-forward{0%{transform:rotateY(0)skewY(0)}45%{transform:rotateY(-85deg)skewY(-3deg)}to{transform:rotateY(-180deg)skewY(0)}}@keyframes page-backward{0%{transform:rotateY(0)skewY(0)}45%{transform:rotateY(85deg)skewY(3deg)}to{transform:rotateY(180deg)skewY(0)}}@keyframes fold-shadow{0%,to{opacity:0}45%,60%{opacity:.65}}@media (max-width:699px){.book-reader{padding:10px 12px 18px}.book-reader .reader-top{gap:8px}.book-reader .reader-top>span{letter-spacing:1.3px;font-size:8px}.book-reader .book-page{min-height:500px;padding:32px 26px 54px}.book-reader h2{font-size:29px}.book-reader .reading-text{font-size:17px;line-height:1.85}.book-reader .spread{min-height:500px}.reading-options{flex-wrap:wrap;justify-content:center;gap:0 15px}.reading-options>span{text-align:center;order:3;width:100%}.book-contents{padding:18px}.book-contents li button{font-size:15px}.book-progress progress{width:100px}}.turning-leaf:after{content:"";transform-origin:100%;pointer-events:none;width:10%;animation:paper-edge var(--turn-duration) ease-in-out both;background:linear-gradient(90deg,#0000,#f5e5be44 65%,#6a482b35);border-radius:0 18% 18% 0;position:absolute;inset:0 0 0 auto}.turn-previous .turning-leaf:after{transform-origin:0;left:0;right:auto}@keyframes paper-edge{0%,to{opacity:0;transform:rotateY(0)}40%,60%{opacity:.7;transform:rotateY(24deg)}}.owner-setup{padding-block:35px}.pairing-key{overflow-wrap:anywhere;color:#e9d8b7;letter-spacing:2px;-webkit-user-select:all;user-select:all;background:#0b0806;border:1px solid #b3986355;padding:15px 10px;font:16px/1.7 monospace;display:block}.owner-setup .login-error{max-width:350px}.owner-setup .brass{text-decoration:none}