.book-opening.app-book-opening{--app-book-ink:#43362a;--app-book-paper:#eee1c8;--app-book-paper-warm:#e8d8ba;--app-book-cinnabar:#7f2925;--app-book-gold:#d8b675;--app-book-ease:cubic-bezier(.22, .78, .16, 1);--app-book-page-ease:cubic-bezier(.4, .04, .16, 1);z-index:300;color:#ead7ae;width:100dvw;height:100dvh;min-height:100dvh;font-family:var(--serif), "Noto Serif SC", "Source Han Serif SC", "Songti SC", STSong, SimSun, "Microsoft YaHei", serif;isolation:isolate;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 50% 48%,#9d3a3029,#0000 34%),linear-gradient(122deg,#12231d,#1c3028 48%,#11211b);animation:.72s ease-out both app-book-overlay-in;display:block;position:fixed;inset:0;overflow:hidden}.book-opening.app-book-opening:before,.book-opening.app-book-opening:after{z-index:0;box-shadow:none;content:"";pointer-events:none;border:0;position:absolute;inset:0}.book-opening.app-book-opening:before{opacity:.34;background:repeating-linear-gradient(2deg,#f1dcb406 0 1px,#0000 1px 7px),repeating-linear-gradient(92deg,#f1dcb404 0 1px,#0000 1px 13px)}.book-opening.app-book-opening:after{z-index:12;background:linear-gradient(90deg,#060d0b21,#0000 9% 91%,#060d0b29)}.app-book-opening__ambient{z-index:1;pointer-events:none;background:radial-gradient(at 50% 104%,#02070575,#0000 58%),radial-gradient(at 50% 46%,#0000 35%,#040c0933 100%);position:absolute;inset:0}.app-book-opening__stage{z-index:2;perspective:clamp(1800px,160vw,3600px);perspective-origin:50%;width:100dvw;height:100dvh;min-height:100dvh;transform-style:preserve-3d;animation:app-book-camera-settle 1.25s var(--app-book-ease) both;position:absolute;inset:0}.app-book-opening__book{contain:layout style;transform-style:preserve-3d;position:absolute;inset:0}.book-opening.app-book-opening.is-preparing .app-book-opening__stage,.book-opening.app-book-opening.is-preparing .app-book-opening__stage *,.book-opening.app-book-opening.is-preparing .app-book-opening__copy{animation-play-state:paused!important}.app-book-opening__spread{z-index:1;background:var(--app-book-paper);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:absolute;inset:0;box-shadow:0 22px 70px #02080657}.app-book-opening__mobile-directory{display:none}.app-book-opening__page{min-width:0;color:var(--app-book-ink);background:repeating-linear-gradient(2deg, #533a2305 0, #533a2305 1px, transparent 1px, transparent 6px), var(--app-book-paper);border:0;position:relative;overflow:hidden;box-shadow:inset 0 0 64px #583b2214}.app-book-opening__page:before{content:"";border:1px solid #872d272e;position:absolute;inset:clamp(24px,4vw,70px);box-shadow:inset 0 0 0 5px #efdcb547,0 0 0 1px #6a4a2d0d}.app-book-opening__page--left{background:linear-gradient(90deg, #5b3d230f, transparent 76%, #452d1b29), repeating-linear-gradient(2deg, #533a2305 0, #533a2305 1px, transparent 1px, transparent 6px), var(--app-book-paper-warm)}.app-book-opening__page--right{background:linear-gradient(90deg,#452d1b2b,#0000 13% 92%,#5b3d230d),repeating-linear-gradient(2deg,#533a2305 0 1px,#0000 1px 6px),#f0e4ce}.app-book-opening__page--right>i{aspect-ratio:1;color:#832a258f;border:1px solid #832a256b;place-items:center;width:clamp(34px,3vw,48px);font-size:clamp(17px,1.6vw,23px);font-style:normal;display:grid;position:absolute;bottom:clamp(30px,7vh,88px);right:clamp(30px,6vw,96px);transform:rotate(-5deg)}.app-book-opening__final-ornament,.app-book-opening__final-index{z-index:1;color:#4e38268c;pointer-events:none;position:absolute}.app-book-opening__final-ornament{grid-template-columns:auto auto;align-items:center;gap:8px 14px;display:grid;top:clamp(38px,7vh,92px);left:clamp(42px,7vw,118px)}.app-book-opening__final-ornament:before{aspect-ratio:1;content:"";border:1px solid #842d2745;grid-row:1/span 2;width:clamp(38px,4vw,58px);transform:rotate(45deg);box-shadow:inset 0 0 0 4px #842d2709}.app-book-opening__final-ornament>span{color:#84332d;letter-spacing:.28em;font-size:clamp(11px,.9vw,14px)}.app-book-opening__final-ornament>b{letter-spacing:.18em;font-size:clamp(16px,1.5vw,23px);font-weight:500}.app-book-opening__final-ornament>small{letter-spacing:.2em;grid-column:1/-1;font-size:clamp(9px,.75vw,12px)}.app-book-opening__final-index{text-align:right;gap:7px;max-width:min(330px,66%);display:grid;bottom:clamp(88px,15vh,172px);right:clamp(58px,8vw,126px)}.app-book-opening__final-index small{color:#84332d;letter-spacing:.24em;font-size:clamp(10px,.9vw,14px)}.app-book-opening__final-index p{letter-spacing:.13em;margin:0;font-size:clamp(10px,.82vw,13px);line-height:1.8}.app-book-opening__rules{opacity:.26;background:repeating-linear-gradient(90deg,#0000 0 clamp(27px,3vw,44px),#523a2524 clamp(28px,3vw,45px));position:absolute;inset:10% 12%}.app-book-opening__directory{z-index:3;color:#412f21d6;opacity:0;width:100%;height:100%;min-height:0;animation:app-book-directory-in .7s 5.8s var(--app-book-ease) forwards;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(12px,1.8vh,22px);padding:clamp(38px,5.6vh,68px) clamp(34px,4.8vw,76px) clamp(112px,14vh,156px);display:grid;position:relative;transform:translateY(9px)}.app-book-opening__directory>header{border-bottom:1px solid #7f2a254d;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(10px,1.4vw,20px);padding-bottom:clamp(10px,1.4vh,16px);display:grid}.app-book-opening__directory>header>span{color:#83352e;letter-spacing:.3em;writing-mode:vertical-rl;font-size:clamp(10px,.88vw,13px)}.app-book-opening__directory>header>div{gap:3px;display:grid}.app-book-opening__directory>header b{color:#59382a;letter-spacing:.17em;font-size:clamp(20px,2vw,30px);font-weight:500}.app-book-opening__directory>header small{color:#5b402b94;letter-spacing:.18em;font-size:clamp(9px,.76vw,12px)}.app-book-opening__directory>header i{aspect-ratio:1;color:#87372f;border:1px solid #82302a66;place-items:center;width:clamp(30px,3vw,44px);font-size:clamp(13px,1.2vw,18px);font-style:normal;display:grid;transform:rotate(-4deg);box-shadow:inset 0 0 0 4px #82302a09}.app-book-opening__directory ol{align-content:space-evenly;gap:clamp(7px,1vh,12px);min-height:0;margin:0;padding:0;list-style:none;display:grid}.app-book-opening__directory--left{grid-template-areas:"directory-heading""directory-chapters""directory-footer"}.app-book-opening__directory--right{grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-areas:"directory-heading""directory-chapters""directory-cross-index""directory-footer"}.app-book-opening__directory>header{grid-area:directory-heading}.app-book-opening__directory ol{grid-area:directory-chapters}.app-book-opening__directory footer{grid-area:directory-footer;align-self:end}.app-book-opening__directory--right .app-book-opening__catalogue-note{grid-area:directory-cross-index;align-self:start}.app-book-opening__directory li{background:linear-gradient(90deg,#82302a0e,#0000 42%),#f9efd86b;border-top:1px solid #724c3024;border-bottom:1px solid #724c3033;grid-template-columns:clamp(30px,3.2vw,46px) minmax(0,1fr);align-items:center;gap:clamp(9px,1.2vw,16px);min-height:0;padding:clamp(8px,1vh,12px) clamp(10px,1.1vw,16px);display:grid;box-shadow:inset 3px 0 #82302a21}.app-book-opening__directory li>span{aspect-ratio:1;color:#84352e;border:1px solid #82302a4d;place-items:center;width:clamp(28px,2.8vw,40px);font-size:clamp(12px,1.05vw,16px);display:grid;transform:rotate(-3deg)}.app-book-opening__directory li>div{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"chapter-range chapter-arc""chapter-note chapter-note""chapter-anchor chapter-anchor";align-items:baseline;gap:2px 12px;min-width:0;display:grid}.app-book-opening__directory li small{color:#60422c9e;letter-spacing:.08em;grid-area:chapter-range;font-size:clamp(8px,.68vw,11px)}.app-book-opening__directory li b{color:#66372d;letter-spacing:.12em;grid-area:chapter-arc;font-size:clamp(14px,1.25vw,19px);font-weight:600}.app-book-opening__directory li p,.app-book-opening__directory li q{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.app-book-opening__directory li p{color:#473425b8;letter-spacing:.08em;grid-area:chapter-note;font-size:clamp(9px,.75vw,12px)}.app-book-opening__directory li q{color:#67332aa8;letter-spacing:.04em;quotes:none;grid-area:chapter-anchor;font-size:clamp(8px,.66vw,10px);font-style:normal}.app-book-opening__directory footer{color:#50392794;border-top:1px solid #7f2a2533;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding-top:10px;display:grid}.app-book-opening__directory footer span,.app-book-opening__catalogue-note>span{color:#82352e;letter-spacing:.18em;font-size:clamp(9px,.75vw,12px)}.app-book-opening__directory footer p,.app-book-opening__catalogue-note p{letter-spacing:.05em;margin:0;font-size:clamp(8px,.68vw,11px);line-height:1.65}.app-book-opening__catalogue-note{color:#4f3827ad;background:#83312b0b;border:1px solid #812f2924;grid-template-columns:auto minmax(0,1fr);gap:2px 12px;padding:clamp(10px,1.2vh,14px) clamp(12px,1.2vw,18px);display:grid}.app-book-opening__catalogue-note>span{writing-mode:vertical-rl;grid-row:1/span 2;align-self:center}.app-book-opening__inscription{z-index:2;color:#3e3023c7;opacity:0;text-align:center;animation:app-book-inscription-in .98s 1.1s var(--app-book-ease) forwards;align-content:center;justify-items:center;display:grid;position:absolute;inset:13% 12%;transform:translateY(12px)}.app-book-opening__inscription small{color:#84332d;letter-spacing:.34em;margin-bottom:clamp(18px,3vh,34px);font-size:clamp(14px,1.2vw,18px)}.app-book-opening__inscription p{letter-spacing:.11em;white-space:nowrap;margin:5px 0;font-size:clamp(16px,1.65vw,25px);line-height:1.55}.app-book-opening__cover,.app-book-opening__leaf{transform-origin:0;width:50%;height:100%;transform-style:preserve-3d;position:absolute;top:0;left:50%;transform:rotateY(0)}.app-book-opening__cover{z-index:7;animation:app-book-cover-turn 3.1s .82s var(--app-book-page-ease) forwards}.app-book-opening__leaf--first{z-index:6;animation:app-book-leaf-turn-first 2.5s 4.05s var(--app-book-page-ease) forwards}.app-book-opening__leaf--second{z-index:5;animation:app-book-leaf-turn-second 2.45s 6.68s var(--app-book-page-ease) forwards}.app-book-opening__cover-front>*{animation:3.1s linear .82s both app-book-face-content-out}.app-book-opening__cover-back>*{animation:3.1s linear .82s both app-book-face-content-in}.app-book-opening__leaf--first .app-book-opening__leaf-front>*{animation:2.5s linear 4.05s both app-book-face-content-out}.app-book-opening__leaf--first .app-book-opening__leaf-back>*{animation:2.5s linear 4.05s both app-book-face-content-in}.app-book-opening__leaf--second .app-book-opening__leaf-front>*{animation:2.45s linear 6.68s both app-book-face-content-out}.app-book-opening__leaf--second .app-book-opening__leaf-back>*{animation:2.45s linear 6.68s both app-book-face-content-in}.app-book-opening__cover-face,.app-book-opening__leaf-face{backface-visibility:hidden;isolation:isolate;transform-style:flat;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;position:absolute;inset:0;overflow:hidden}.app-book-opening__cover-front{color:#ead09b;background-color:#6b211e;background-image:linear-gradient(#29080814, #29080814), var(--ui-v5-book-cover);background-position:50%;background-repeat:no-repeat;background-size:100% 100%,100% 100%;align-content:center;justify-items:center;padding:clamp(34px,7vw,104px);display:grid;transform:translateZ(1.25px);box-shadow:12px 18px 48px #03090759}.app-book-opening__cover-front:before,.app-book-opening__cover-front:after{display:none}.app-book-opening__cover-front>span{letter-spacing:.42em;margin-bottom:clamp(16px,3vh,30px);font-size:clamp(14px,1.2vw,18px)}.app-book-opening__cover-front>b{z-index:1;letter-spacing:.22em;text-indent:.22em;writing-mode:vertical-rl;font-size:clamp(42px,6vw,86px);font-weight:500;line-height:1.16;position:relative}.app-book-opening__cover-front>small{z-index:1;color:#ecd3a1b8;letter-spacing:.28em;margin-top:clamp(18px,3vh,34px);font-size:clamp(10px,.9vw,13px);position:relative}.app-book-opening__cover-front>i{aspect-ratio:1;border:1px solid #edd29fa8;place-items:center;width:clamp(36px,3.4vw,52px);font-size:clamp(18px,1.7vw,25px);font-style:normal;display:grid;position:absolute;bottom:clamp(32px,7vh,88px);right:clamp(34px,7vw,110px);transform:rotate(-6deg)}.app-book-opening__cover-back{opacity:1;background:linear-gradient(90deg,#5b3a200d,#0000 18% 88%,#452b1929),repeating-linear-gradient(2deg,#533a2305 0 1px,#0000 1px 6px),#e4d3b4;padding:clamp(34px,5vw,78px);display:grid;transform:rotateY(180deg)translateZ(1.25px);box-shadow:inset 0 0 54px #4e321d1f}.app-book-opening__cover-back:before,.app-book-opening__leaf-face:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#0000 0 clamp(28px,3vw,45px),#523a251a clamp(29px,3vw,46px));border:1px solid #852d271a;position:absolute;inset:clamp(28px,5vw,76px)}.app-book-opening__leaf-front,.app-book-opening__leaf-back{background:linear-gradient(90deg,#5739210f,#0000 16% 91%,#442b191f),repeating-linear-gradient(2deg,#533a2305 0 1px,#0000 1px 6px),#efe2ca;box-shadow:5px 12px 30px #050b082e,inset 0 0 46px #583a2112}.app-book-opening__leaf-front:after,.app-book-opening__leaf-back:after,.app-book-opening__cover-back:after{z-index:0;opacity:.5;content:"";pointer-events:none;background:linear-gradient(90deg,#3420131f,#0000 8% 92%,#3420131a),radial-gradient(at 50% 48%,#0000 48%,#5e3e2314);position:absolute;inset:0}.app-book-opening__leaf-front{transform:translateZ(1px)}.app-book-opening__leaf-back{opacity:1;transform:rotateY(180deg)translateZ(1px)}.book-opening.app-book-opening:is(.is-reading,[data-settled-exit=true]) .app-book-opening__cover,.book-opening.app-book-opening:is(.is-reading,[data-settled-exit=true]) .app-book-opening__leaf--first{visibility:hidden;animation:none}.book-opening.app-book-opening:is(.is-reading,[data-settled-exit=true]) .app-book-opening__leaf--second{z-index:8;visibility:visible;will-change:auto;animation:none;transform:translateZ(3px)rotateY(-180deg)}.book-opening.app-book-opening:is(.is-reading,[data-settled-exit=true]) .app-book-opening__leaf--second .app-book-opening__leaf-front{visibility:hidden}.book-opening.app-book-opening:is(.is-reading,[data-settled-exit=true]) .app-book-opening__leaf--second .app-book-opening__leaf-back{visibility:visible}.app-book-opening__folio--directory{padding:0;display:block;position:relative;overflow:hidden}.app-book-opening__directory-watermark{object-fit:cover;opacity:.1;filter:sepia(.34)saturate(.56)contrast(.9);width:100%;height:100%;display:block;position:absolute;inset:0;transform:scale(1.035)}.app-book-opening__directory-map-label{z-index:2;color:#5b3b2775;letter-spacing:.12em;writing-mode:vertical-rl;font-size:clamp(8px,.66vw,10px);position:absolute;bottom:clamp(18px,2.4vh,32px);right:clamp(18px,2.2vw,34px)}.app-book-opening__endpaper,.app-book-opening__folio{z-index:1;color:#422f20d1;width:100%;min-width:0;height:100%;position:relative}.app-book-opening__endpaper{background:#f5e5c57a;border:1px solid #7e502f33;grid-template-rows:auto minmax(0,1fr) auto auto;gap:clamp(9px,1.5vh,18px);padding:clamp(18px,2.4vw,38px);display:grid;box-shadow:inset 0 0 0 5px #fff8e447,0 12px 34px #4d2e1b14}.app-book-opening__endpaper header{border-bottom:1px solid #7f292538;justify-content:space-between;align-items:end;gap:18px;padding-bottom:10px;display:flex}.app-book-opening__endpaper header span{color:#84332d;letter-spacing:.32em;font-size:clamp(11px,.95vw,15px)}.app-book-opening__endpaper header b{letter-spacing:.18em;font-size:clamp(21px,2.2vw,34px);font-weight:500}.app-book-opening__endpaper-art{background:#dbc7a4;border:1px solid #69452b40;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 5px #f7e9cc9e,0 10px 24px #442b1a1a}.app-book-opening__endpaper-art:after,.app-book-opening__folio-plate:after{content:"";pointer-events:none;background:linear-gradient(#fff6e00f,#0000 68%),radial-gradient(#0000 55%,#3e271829);position:absolute;inset:0}.app-book-opening__endpaper-art img,.app-book-opening__folio-plate img{object-fit:cover;filter:saturate(.72)sepia(.12)contrast(.96)brightness(1.01);backface-visibility:hidden;width:100%;height:100%;display:block}.app-book-opening__endpaper-art img{object-position:center 54%}.app-book-opening__endpaper>p,.app-book-opening__endpaper>small{text-align:center;margin:0}.app-book-opening__endpaper>p{color:#6b342b;letter-spacing:.2em;font-size:clamp(14px,1.35vw,21px)}.app-book-opening__endpaper>small{color:#4431218f;letter-spacing:.24em;font-size:clamp(9px,.8vw,12px)}.app-book-opening__folio{grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(12px,2vh,24px);padding:clamp(42px,6vw,92px) clamp(34px,5vw,80px);display:grid}.app-book-opening__folio-heading{border-bottom:1px solid #802a2540;justify-content:space-between;align-items:center;gap:18px;padding-bottom:clamp(8px,1.2vh,14px);display:flex}.app-book-opening__folio-heading>span{color:#6f312b;letter-spacing:.3em;font-size:clamp(12px,1vw,16px)}.app-book-opening__folio-heading>i{aspect-ratio:1;color:#7e2b26cc;border:1px solid #7e2b2661;flex:none;place-items:center;width:clamp(28px,2.6vw,40px);font-size:clamp(13px,1.2vw,18px);font-style:normal;display:grid;transform:rotate(-4deg)}.app-book-opening__folio-plate{background:#ddcbaa;border:1px solid #60402747;min-height:0;margin:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 6px #f8ebcf7a,0 12px 30px #442a191f}.app-book-opening__folio-plate img{transition:transform 1.6s var(--app-book-ease), filter 1.2s ease;grid-area:1/1}.app-book-opening__folio--dream .app-book-opening__folio-plate img{object-position:64% center;transform:scale(1.025)}.app-book-opening__folio--garden .app-book-opening__folio-plate img{object-position:68% center}.app-book-opening__folio--poetry .app-book-opening__folio-plate img{object-position:53% center}.app-book-opening__folio--map .app-book-opening__folio-plate img{object-position:center;transform:scale(1.035)}.app-book-opening__folio-plate figcaption{z-index:2;color:#f3e3c0;text-align:right;background:linear-gradient(135deg,#33251ad6,#49291fb8);border:1px solid #eacc9452;gap:5px;max-width:min(330px,76%);padding:clamp(10px,1.1vw,16px) clamp(12px,1.35vw,20px);display:grid;position:absolute;bottom:clamp(12px,1.5vw,22px);right:clamp(12px,1.5vw,22px);box-shadow:0 7px 20px #22170f38}.app-book-opening__folio-plate figcaption b{letter-spacing:.18em;font-size:clamp(17px,1.7vw,26px);font-weight:500}.app-book-opening__folio-plate figcaption small{color:#f2deb9bf;letter-spacing:.08em;font-size:clamp(9px,.76vw,12px);line-height:1.6}.app-book-opening__folio-quote{color:#4f3624b8;text-align:center;letter-spacing:.15em;margin:0;font-size:clamp(12px,1.1vw,17px);line-height:1.7}.app-book-opening__spine{z-index:9;opacity:0;background:linear-gradient(90deg,#36231557,#f1deb9b8,#3623154d);width:6px;animation:.9s ease-out 1.85s forwards app-book-spine-in;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 0 18px #2e1d1138}.app-book-opening__copy{z-index:10;width:min(620px,80vw);color:var(--app-book-ink);opacity:0;pointer-events:none;animation:app-book-copy-in .98s 9.7s var(--app-book-ease) forwards;background:#efe1c5e6;border:1px solid #802b263d;justify-content:center;align-items:center;gap:clamp(14px,2.2vw,28px);padding:12px clamp(18px,2.4vw,32px);display:flex;position:absolute;bottom:clamp(18px,3.2vh,42px);left:50%;right:auto;transform:translate(-50%,12px);box-shadow:0 16px 40px #33211429,inset 0 0 0 4px #fff8e452}.app-book-opening__copy>span{aspect-ratio:1;color:#84332d;border:1px solid #84322c7a;flex:none;place-items:center;width:clamp(42px,4.3vw,62px);font-size:clamp(15px,1.5vw,21px);display:grid;transform:rotate(-5deg)}.app-book-opening__copy>div{gap:9px;display:grid}.app-book-opening__copy h2,.app-book-opening__copy p{margin:0}.app-book-opening__copy h2{color:#5f2923;letter-spacing:.16em;text-indent:.16em;font-size:clamp(32px,4.2vw,64px);font-weight:500;line-height:1.12}.app-book-opening__copy p{color:#413224a8;letter-spacing:.24em;font-size:clamp(14px,1.15vw,18px)}.app-book-opening__skip{z-index:20;top:max(18px, env(safe-area-inset-top));right:max(20px, env(safe-area-inset-right));color:#eedab3e0;min-width:82px;min-height:44px;font:inherit;letter-spacing:.16em;cursor:pointer;opacity:0;animation:app-book-skip-in .52s .18s var(--app-book-ease) forwards;background:0 0;border:0;border-bottom:1px solid #d8b6757a;border-radius:0;justify-content:center;align-items:center;gap:9px;padding:8px 3px;font-size:14px;display:inline-flex;position:absolute;transform:translateY(-7px)}.app-book-opening__skip>span{color:var(--app-book-gold);font-size:17px}.app-book-opening__skip:hover{color:#fff2d2;border-bottom-color:#e9c989db}.app-book-opening__skip:focus-visible{color:#fff2d2;outline-offset:5px;outline:2px solid #d8b675}.book-opening.app-book-opening.is-leaving{animation:.84s cubic-bezier(.44,0,.66,.2) forwards app-book-overlay-out}.book-opening.app-book-opening.is-leaving .app-book-opening__stage{animation:.84s cubic-bezier(.44,0,.66,.2) both app-book-camera-out}.book-opening.app-book-opening.is-leaving .app-book-opening__copy,.book-opening.app-book-opening.is-leaving .app-book-opening__skip{pointer-events:none}@keyframes app-book-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes app-book-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes app-book-camera-settle{0%{opacity:0;transform:translateY(10px)scale(1.018)}38%{opacity:1}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes app-book-camera-out{0%{transform:translate(0,0)scale(1)}to{transform:translateY(-4px)scale(1.006)}}@keyframes app-book-face-content-out{0%,44%{opacity:1}49%,to{opacity:0}}@keyframes app-book-face-content-in{0%,51%{opacity:0}55%,to{opacity:1}}@keyframes app-book-cover-turn{0%{z-index:7;transform:translateZ(3px)rotateY(0)}8%{transform:translateZ(3px)rotateY(-2deg)}35%{transform:translateZ(3px)rotateY(-54deg)}49.9%{z-index:7;transform:translateZ(3px)rotateY(-89.5deg)}50%{z-index:2;transform:translateZ(1px)rotateY(-90.5deg)}68%{transform:translateZ(1px)rotateY(-143deg)}to{z-index:2;transform:translateZ(1px)rotateY(-180deg)}}@keyframes app-book-leaf-turn-first{0%{z-index:6;transform:translateZ(2px)rotateY(0)}9%{transform:translateZ(2px)rotateY(-2deg)}38%{transform:translateZ(2px)rotateY(-62deg)}49.9%{z-index:6;transform:translateZ(2px)rotateY(-89.5deg)}50%{z-index:3;transform:translateZ(2px)rotateY(-90.5deg)}72%{transform:translateZ(2px)rotateY(-150deg)}to{z-index:3;transform:translateZ(2px)rotateY(-180deg)}}@keyframes app-book-leaf-turn-second{0%{z-index:5;transform:translateZ(1px)rotateY(0)}9%{transform:translateZ(1px)rotateY(-2deg)}38%{transform:translateZ(1px)rotateY(-62deg)}49.9%{z-index:5;transform:translateZ(1px)rotateY(-89.5deg)}50%{z-index:4;transform:translateZ(3px)rotateY(-90.5deg)}72%{transform:translateZ(3px)rotateY(-150deg)}to{z-index:4;transform:translateZ(3px)rotateY(-180deg)}}@keyframes app-book-directory-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translate(0,0)}}@keyframes app-book-spine-in{0%{opacity:0}to{opacity:.76}}@keyframes app-book-copy-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@keyframes app-book-inscription-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translate(0,0)}}@keyframes app-book-skip-in{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translate(0,0)}}@media (width>=701px) and (width<=1080px){.app-book-opening__directory{gap:10px;padding:34px 24px 98px}.app-book-opening__directory li p{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:10px;line-height:1.45;display:-webkit-box;overflow:hidden}.app-book-opening__directory li q{display:none}}@media (width<=700px){.book-opening.app-book-opening:is(.is-reading,[data-settled-exit=true]) .app-book-opening__spread,.book-opening.app-book-opening:is(.is-reading,[data-settled-exit=true]) .app-book-opening__cover,.book-opening.app-book-opening:is(.is-reading,[data-settled-exit=true]) .app-book-opening__leaf,.book-opening.app-book-opening:is(.is-reading,[data-settled-exit=true]) .app-book-opening__spine{visibility:hidden}.book-opening.app-book-opening:is(.is-reading,[data-settled-exit=true]) .app-book-opening__mobile-directory{z-index:10;min-height:0;padding:max(24px, env(safe-area-inset-top)) 22px max(106px, calc(88px + env(safe-area-inset-bottom)));color:#412f21e6;animation:app-book-directory-in .42s var(--app-book-ease) both;background:linear-gradient(90deg,#5b3d230f,#0000 13% 88%,#452d1b1a),repeating-linear-gradient(2deg,#533a2305 0 1px,#0000 1px 6px),#eee1c8;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;display:grid;position:absolute;inset:0;box-shadow:inset 0 0 54px #4e321d1a}.app-book-opening__mobile-directory:before{content:"";pointer-events:none;border:1px solid #872d272e;position:absolute;inset:18px;box-shadow:inset 0 0 0 4px #efdcb53d}.app-book-opening__mobile-directory>header{z-index:1;border-bottom:1px solid #7f2a254d;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:2px 4px 10px;display:grid;position:relative}.app-book-opening__mobile-directory>header>span{color:#83352e;letter-spacing:.16em;writing-mode:vertical-rl;font-size:10px}.app-book-opening__mobile-directory>header>div{gap:2px;display:grid}.app-book-opening__mobile-directory>header b{color:#59382a;letter-spacing:.1em;font-size:20px;font-weight:500}.app-book-opening__mobile-directory>header small{color:#5b402ba8;letter-spacing:.08em;font-size:10px}.app-book-opening__mobile-directory>header i{aspect-ratio:1;color:#87372f;border:1px solid #82302a66;place-items:center;width:30px;font-size:13px;font-style:normal;display:grid;transform:rotate(-4deg)}.app-book-opening__mobile-directory ol{z-index:1;grid-template-rows:repeat(7,minmax(0,1fr));gap:5px;min-height:0;margin:0;padding:0 4px;list-style:none;display:grid;position:relative}.app-book-opening__mobile-directory li{background:#f9efd880;border-block:1px solid #724c3029;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;min-height:0;padding:5px 10px;display:grid;box-shadow:inset 2px 0 #82302a26}.app-book-opening__mobile-directory li>span{aspect-ratio:1;color:#84352e;border:1px solid #82302a4d;place-items:center;width:28px;font-size:12px;display:grid;transform:rotate(-3deg)}.app-book-opening__mobile-directory li>div{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"mobile-arc mobile-range""mobile-note mobile-note";align-content:center;gap:1px 10px;min-width:0;display:grid}.app-book-opening__mobile-directory li small{color:#60422ca8;letter-spacing:.04em;text-align:left;white-space:nowrap;grid-area:mobile-range;font-size:9px}.app-book-opening__mobile-directory li b{color:#66372d;letter-spacing:.08em;grid-area:mobile-arc;font-size:13px;font-weight:600}.app-book-opening__mobile-directory li p{color:#473425c2;letter-spacing:.04em;grid-area:mobile-note;margin:0;font-size:10px;line-height:1.4}.app-book-opening__mobile-directory footer{z-index:1;color:#503927a8;border-top:1px solid #7f2a2533;grid-template-columns:auto minmax(0,1fr);gap:2px 10px;padding:8px 5px 0;display:grid;position:relative}.app-book-opening__mobile-directory footer span{color:#82352e;letter-spacing:.12em;writing-mode:vertical-rl;grid-row:1/span 2;align-self:center;font-size:9px}.app-book-opening__mobile-directory footer p{letter-spacing:.03em;margin:0;font-size:8px;line-height:1.45}.app-book-opening__page:before{inset:18px}.app-book-opening__final-ornament{grid-template-columns:auto;gap:4px;top:28px;left:24px}.app-book-opening__final-ornament:before,.app-book-opening__final-ornament>small{display:none}.app-book-opening__final-ornament>span{letter-spacing:.16em;font-size:9px}.app-book-opening__final-ornament>b{letter-spacing:.08em;font-size:13px}.app-book-opening__final-index{max-width:calc(100% - 50px);bottom:72px;right:26px}.app-book-opening__final-index small{letter-spacing:.12em;font-size:9px}.app-book-opening__final-index p{letter-spacing:.06em;font-size:8px;line-height:1.65}.app-book-opening__directory{gap:8px;padding:28px 12px 88px}.app-book-opening__directory>header{grid-template-columns:minmax(0,1fr) auto;gap:6px;padding-bottom:7px}.app-book-opening__directory>header>span{display:none}.app-book-opening__directory>header b{letter-spacing:.06em;font-size:14px}.app-book-opening__directory>header small{letter-spacing:.04em;font-size:8px}.app-book-opening__directory>header i{width:23px;font-size:10px}.app-book-opening__directory ol{align-content:start;gap:5px}.app-book-opening__directory li{grid-template-columns:22px minmax(0,1fr);gap:6px;padding:5px 6px;box-shadow:inset 2px 0 #82302a21}.app-book-opening__directory li>span{width:21px;font-size:9px}.app-book-opening__directory li>div{grid-template-columns:1fr;gap:1px}.app-book-opening__directory li small{font-size:8px}.app-book-opening__directory li b{letter-spacing:.04em;font-size:11px}.app-book-opening__directory li p{letter-spacing:.02em;font-size:8px;line-height:1.45}.app-book-opening__directory li q{display:none}.app-book-opening__directory footer{grid-template-columns:1fr;gap:2px;padding-top:6px}.app-book-opening__directory footer span,.app-book-opening__catalogue-note>span{font-size:7px}.app-book-opening__directory footer p,.app-book-opening__catalogue-note p{font-size:8px;line-height:1.55}.app-book-opening__catalogue-note{grid-template-columns:1fr;gap:1px;padding:5px 6px}.app-book-opening__catalogue-note>span{writing-mode:horizontal-tb;grid-row:auto}.app-book-opening__directory-map-label{display:none}.app-book-opening__cover-front{padding:24px}.app-book-opening__cover-front>span{letter-spacing:.1em;white-space:nowrap;font-size:10px;line-height:1.5}.app-book-opening__cover-front>b{font-size:clamp(34px,10vw,58px)}.app-book-opening__cover-front>small{text-align:center;letter-spacing:.06em;white-space:nowrap;max-width:90%;margin-top:16px;font-size:8px;line-height:1.7}.app-book-opening__cover-back{padding:18px}.app-book-opening__endpaper{gap:8px;padding:12px;box-shadow:inset 0 0 0 3px #fff8e447}.app-book-opening__endpaper header{gap:3px;padding-bottom:7px;display:grid}.app-book-opening__endpaper header span{letter-spacing:.18em;font-size:9px}.app-book-opening__endpaper header b{font-size:17px}.app-book-opening__endpaper>p{letter-spacing:.09em;font-size:11px}.app-book-opening__endpaper>small{letter-spacing:.1em;font-size:8px}.app-book-opening__folio{gap:9px;padding:28px 18px}.app-book-opening__folio-heading{gap:7px;padding-bottom:6px}.app-book-opening__folio-heading>span{letter-spacing:.12em;font-size:9px}.app-book-opening__folio-heading>i{width:24px;font-size:11px}.app-book-opening__folio-plate{box-shadow:inset 0 0 0 3px #f8ebcf7a,0 8px 18px #442a191a}.app-book-opening__folio-plate figcaption{gap:2px;max-width:calc(100% - 12px);padding:7px 8px;bottom:6px;right:6px}.app-book-opening__folio-plate figcaption b{letter-spacing:.1em;font-size:13px}.app-book-opening__folio-plate figcaption small{display:none}.app-book-opening__folio-quote{letter-spacing:.05em;font-size:9px;line-height:1.55}.app-book-opening__inscription{inset:10% 6%}.app-book-opening__inscription small{letter-spacing:.16em;margin-bottom:14px;font-size:12px}.app-book-opening__inscription p{letter-spacing:.02em;font-size:clamp(12px,3.5vw,16px)}.app-book-opening__copy{gap:12px;width:min(78vw,480px);padding:8px 12px;bottom:14px}.app-book-opening__copy>span{width:38px;font-size:14px}.app-book-opening__copy h2{letter-spacing:.09em;text-indent:.09em;font-size:clamp(19px,5.8vw,30px)}.app-book-opening__copy p{letter-spacing:.1em;white-space:nowrap;font-size:12px}.app-book-opening__skip{top:max(12px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right))}}@media (height<=560px) and (width>=700px){.app-book-opening__cover-front>b{font-size:clamp(34px,9vh,58px)}.app-book-opening__cover-front>small{margin-top:8px}.app-book-opening__cover-back{padding:22px 42px}.app-book-opening__endpaper{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(150px,.78fr) minmax(0,1.22fr);gap:8px 14px;padding:14px}.app-book-opening__endpaper header{grid-column:1}.app-book-opening__endpaper-art{grid-area:1/2/-1}.app-book-opening__endpaper>p,.app-book-opening__endpaper>small{grid-column:1}.app-book-opening__folio{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;padding:24px 42px}.app-book-opening__directory{gap:7px;padding:22px 34px 72px}.app-book-opening__directory ol{gap:4px}.app-book-opening__directory li{padding-block:4px}.app-book-opening__directory li q,.app-book-opening__directory footer p{display:none}.app-book-opening__folio-heading,.app-book-opening__folio-plate{grid-column:1}.app-book-opening__folio-quote{letter-spacing:.08em;writing-mode:vertical-rl;grid-area:1/2/-1;align-self:center;max-height:78%;font-size:10px}.app-book-opening__folio-plate figcaption small{display:none}.app-book-opening__copy h2{font-size:clamp(28px,8vh,48px)}}@media (prefers-reduced-motion:reduce){.book-opening.app-book-opening,.book-opening.app-book-opening *,.book-opening.app-book-opening :before,.book-opening.app-book-opening :after{transition:none!important;animation:none!important}}@media (forced-colors:active){.book-opening.app-book-opening{color:canvastext;background:canvas}.app-book-opening__ambient,.app-book-opening__stage{display:none}.app-book-opening__copy{color:canvastext;opacity:1;width:auto;min-width:min(560px,82vw);animation:none;display:flex;top:50%;left:50%;transform:translate(-50%,-50%)}.app-book-opening__copy h2,.app-book-opening__copy p,.app-book-opening__skip{color:canvastext}.app-book-opening__copy>span,.app-book-opening__skip{border-color:canvastext}}.section-folio-transition.folio-scene{--folio-paper:#eadcc2;--folio-paper-light:#f0e5cf;--folio-ink:#513c2b;--folio-cinnabar:#85302a;z-index:320;color:var(--folio-ink);font-family:var(--serif), "Noto Serif SC", "Source Han Serif SC", "Songti SC", STSong, SimSun, "Microsoft YaHei", serif;isolation:isolate;perspective:clamp(1600px,150vw,3200px);perspective-origin:50%;pointer-events:all;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:0 0;outline:0;display:block;position:fixed;inset:0;overflow:hidden}.section-folio-transition.folio-scene:before,.section-folio-transition.folio-scene:after{content:none}.folio-scene__shade{z-index:0;opacity:0;pointer-events:none;background:#0a141047;position:absolute;inset:0}.folio-scene__paper{transform-origin:0;width:100dvw;height:100dvh;transform-style:preserve-3d;will-change:auto;position:absolute;inset:0;overflow:hidden;transform:translate(103%)rotateY(-5deg)}.folio-scene__paper--leaf{z-index:1;background:radial-gradient(circle at 55% 47%, #fffbf05c, transparent 42%), linear-gradient(90deg, #593b2221, transparent 8% 93%, #593b220d), repeating-linear-gradient(2deg, #563c2505 0, #563c2505 1px, transparent 1px, transparent 7px), var(--folio-paper-light);box-shadow:-28px 0 58px #150d083d,inset 0 0 70px #5b3d2414}.folio-scene__paper--leaf:before,.folio-scene__paper--leaf:after{content:"";pointer-events:none;position:absolute}.folio-scene__paper--leaf:before{border:1px solid #85302a1f;inset:clamp(22px,3.6vw,62px)}.folio-scene__paper--leaf:after{opacity:.2;background:repeating-linear-gradient(90deg,#0000 0 clamp(34px,4vw,60px),#533a241f clamp(35px,4vw,61px));inset:10% 8%}.folio-scene__edge{z-index:4;pointer-events:none;background:linear-gradient(90deg,#2c1c1138,#fff4da33 32%,#0000);width:clamp(18px,2.6vw,44px);position:absolute;top:0;bottom:0;left:0;box-shadow:-12px 0 26px #0f09062e}.folio-scene__title{z-index:5;opacity:0;justify-content:center;align-items:center;gap:clamp(16px,2.4vw,30px);min-width:min(540px,82vw);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(10px - 50%))}.folio-scene__title>span{aspect-ratio:1;width:clamp(46px,4.5vw,64px);color:var(--folio-cinnabar);border:1px solid #85302a8a;flex:none;place-items:center;font-size:clamp(20px,2vw,28px);display:grid;transform:rotate(-5deg)}.folio-scene__title>div{gap:7px;display:grid}.folio-scene__title p,.folio-scene__title h2{margin:0}.folio-scene__title p{color:#4c382599;letter-spacing:.3em;font-size:14px}.folio-scene__title h2{color:#602a25;letter-spacing:.16em;text-indent:.16em;font-size:clamp(36px,5vw,72px);font-weight:500;line-height:1.08}.folio-scene__skip{z-index:8;top:max(18px, env(safe-area-inset-top));right:max(20px, env(safe-area-inset-right));color:#f9ecd1f0;min-width:82px;min-height:44px;font:inherit;letter-spacing:.16em;cursor:pointer;background:#182b236b;border:0;border-bottom:1px solid #e0c289ad;border-radius:0;justify-content:center;align-items:center;gap:9px;padding:8px 3px;font-size:14px;display:inline-flex;position:absolute}.folio-scene__skip>span{color:#e1c186;font-size:17px}.folio-scene__skip:hover{color:#fff7e5;border-bottom-color:#ead09c}.folio-scene__skip:focus-visible{color:#fff7e5;outline-offset:5px;outline:2px solid #d8b675}.section-folio-transition.folio-scene.is-covering .folio-scene__shade{will-change:opacity;animation:.66s ease-out forwards folio-scene-shade-in}.section-folio-transition.folio-scene.is-covering .folio-scene__paper--leaf{will-change:transform;animation:.66s cubic-bezier(.24,.72,.16,1) forwards folio-scene-cover}.section-folio-transition.folio-scene.is-covering .folio-scene__title{animation:.3s ease-out .34s forwards folio-scene-title-in}.section-folio-transition.folio-scene.is-covered .folio-scene__shade{opacity:1}.section-folio-transition.folio-scene.is-covered .folio-scene__paper{will-change:auto;transform:translate(0,0)rotateY(0)}.section-folio-transition.folio-scene.is-covered .folio-scene__title{opacity:1;transform:translate(-50%,-50%)}.section-folio-transition.folio-scene.is-revealing .folio-scene__shade{opacity:1;will-change:opacity;animation:.72s ease-in forwards folio-scene-shade-out}.section-folio-transition.folio-scene.is-revealing .folio-scene__paper--leaf{will-change:transform;animation:.74s cubic-bezier(.46,.02,.16,1) forwards folio-scene-reveal;transform:translate(0,0)rotateY(0)}.section-folio-transition.folio-scene.is-revealing .folio-scene__edge{background:linear-gradient(270deg,#2c1c1133,#fff4da2e 32%,#0000);left:auto;right:0;box-shadow:12px 0 26px #0f090629}.section-folio-transition.folio-scene.is-revealing .folio-scene__title{opacity:1;animation:.22s ease-in 60ms forwards folio-scene-title-out;transform:translate(-50%,-50%)}@keyframes folio-scene-cover{0%{transform:translate(103%)rotateY(-5deg)}58%{transform:translate(22%)rotateY(-2deg)}to{transform:translate(0,0)rotateY(0)}}@keyframes folio-scene-reveal{0%{transform:translate(0,0)rotateY(0)}42%{transform:translate(-22%)rotateY(2deg)}to{transform:translate(-103%)rotateY(5deg)}}@keyframes folio-scene-title-in{0%{opacity:0;transform:translate(-50%,calc(10px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes folio-scene-title-out{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,calc(-50% - 8px))}}@keyframes folio-scene-shade-in{0%{opacity:0}to{opacity:1}}@keyframes folio-scene-shade-out{0%{opacity:1}to{opacity:0}}@media (width<=620px){.folio-scene__paper--leaf:before{inset:16px}.folio-scene__title{gap:14px;min-width:88vw}.folio-scene__title>span{width:44px;font-size:20px}.folio-scene__title p{letter-spacing:.18em;font-size:12px}.folio-scene__title h2{letter-spacing:.1em;text-indent:.1em;font-size:clamp(30px,10vw,48px)}.folio-scene__skip{top:max(12px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right))}}@media (prefers-reduced-motion:reduce),(forced-colors:active){.section-folio-transition.folio-scene{display:none!important}}