.pf-head{border-bottom:1px solid var(--line);padding-block:clamp(22px,4vw,44px) clamp(18px,3vw,28px)}.pf-head-in{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:18px 32px;display:flex}.pf-head h1{font-size:clamp(1.9rem,1.2rem + 3vw,3.6rem)}.pf-head .crumb{margin-bottom:12px}.pf-head .btn small{opacity:.75;letter-spacing:0;text-transform:none;margin-left:4px;font-weight:500}.pf-head .btn{white-space:nowrap}@media (max-width:599px){.pf-head .btn-row{width:100%}.pf-head .btn-row .btn{flex:1;padding-inline:14px}.pf-head .btn small{display:none}}.book{--chrome:52px;isolation:isolate;background:#1a1b20;position:relative;overflow:hidden}.book:before{content:"";z-index:-1;background:radial-gradient(60% 70% at 50% 45%,#2a2b31 0%,#16171b 70%);position:absolute;inset:0}.book-track{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;perspective:1600px;height:min(calc(100svh - var(--nav-h) - 120px),calc(56.25vw + 60px));outline:none;min-height:260px;display:flex;overflow:auto hidden}.book-track::-webkit-scrollbar{display:none}.book-track:focus-visible{box-shadow:inset 0 0 0 3px var(--red)}.leaf{scroll-snap-align:center;scroll-snap-stop:always;min-width:0;height:100%;padding:clamp(10px,2.4vw,28px)clamp(8px,6vw,84px)calc(var(--chrome) + 10px);flex:0 0 100%;justify-content:center;align-items:center;margin:0;display:flex}.leaf img{object-fit:contain;background:#fff;border-radius:3px;width:auto;max-width:100%;height:auto;max-height:100%;box-shadow:0 30px 60px -20px #000000a6,0 0 0 1px #ffffff0d}.leaf img:not([src]){aspect-ratio:1800/1013;background:#2a2b31;width:min(100%,1100px)}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.leaf img{transform-origin:50%;animation:linear both turn;animation-timeline:view(inline)}}}@keyframes turn{0%{opacity:.35;transform-origin:100%;transform:rotateY(-38deg)scale(.86)}50%{opacity:1;transform:none}to{opacity:.35;transform-origin:0;transform:rotateY(38deg)scale(.86)}}.turn{top:calc(50% - var(--chrome)/2);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;background:#ffffff1a;border-radius:50%;place-items:center;width:52px;height:52px;font-size:2rem;line-height:1;transition:background .3s,opacity .3s;display:grid;position:absolute;transform:translateY(-50%)}.turn:hover{background:#ffffff38}.turn[disabled]{opacity:0;pointer-events:none}.turn.prev{left:clamp(6px,1.6vw,22px)}.turn.next{right:clamp(6px,1.6vw,22px)}.turn span{transform:translateY(-2px)}@media (hover:none) and (max-width:699px){.turn{display:none}}.book-bar{height:var(--chrome);color:#c9cacf;z-index:2;align-items:center;gap:14px;padding:0 clamp(12px,3vw,28px);font-size:.85rem;display:flex;position:absolute;bottom:0;left:0;right:0}.book-bar .count{font-variant-numeric:tabular-nums;white-space:nowrap}.book-bar .count b{color:#fff;font-weight:700}.meter{background:#ffffff1f;border-radius:2px;flex:1;height:3px;overflow:hidden}.meter i{background:var(--red-logo);width:0;height:100%;transition:width .45s var(--ease-out);display:block}.book-bar .hint{white-space:nowrap;color:#9a9ca3;transition:opacity .6s}.book-bar .hint.gone{opacity:0}@media (max-width:599px){.book-bar .hint{display:none}}.bar-btn{color:#fff;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .3s;display:grid}.bar-btn:hover{background:#ffffff1f}.bar-btn svg{width:19px;height:19px}.book:-webkit-full-screen{--chrome:56px;flex-direction:column;justify-content:center;display:flex}.book:fullscreen{--chrome:56px;flex-direction:column;justify-content:center;display:flex}.book:-webkit-full-screen .book-track{height:100svh}.book:fullscreen .book-track{height:100svh}.book.immersive{z-index:var(--z-modal);--chrome:56px;position:fixed;inset:0}.book.immersive .book-track{height:100svh;padding-top:env(safe-area-inset-top)}html.book-open{overflow:hidden}.thumbs{background:#16171b;border-top:1px solid #26272d}.thumbs-in{scrollbar-width:thin;scrollbar-color:#3a3b41 transparent;gap:10px;padding:14px clamp(12px,3vw,28px);display:flex;overflow-x:auto}.thumbs button{opacity:.55;border-radius:3px;flex:none;width:clamp(92px,12vw,132px);transition:opacity .3s,box-shadow .3s;position:relative;overflow:hidden}.thumbs button:hover{opacity:.9}.thumbs button[aria-current=true]{opacity:1;box-shadow:0 0 0 2px var(--red-logo)}.thumbs img{background:#2a2b31;width:100%;height:auto;display:block}.thumbs span{color:#fff;background:#0000008c;border-radius:2px;padding:1px 5px;font-size:.68rem;font-weight:700;position:absolute;bottom:4px;right:4px}.rotate-tip{display:none}@media (orientation:portrait) and (max-width:699px){:-webkit-any(.book:-webkit-full-screen .rotate-tip,.book.immersive .rotate-tip){left:50%;top:max(18px,env(safe-area-inset-top));color:#fff;white-space:nowrap;z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.82rem;display:flex;position:absolute;transform:translate(-50%)}:is(.book:fullscreen .rotate-tip,.book.immersive .rotate-tip){left:50%;top:max(18px,env(safe-area-inset-top));color:#fff;white-space:nowrap;z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.82rem;display:flex;position:absolute;transform:translate(-50%)}.rotate-tip svg{width:18px;height:18px}}@media (prefers-reduced-motion:no-preference){.rotate-tip svg{animation:tip 2.4s var(--ease-in-out)infinite}}@keyframes tip{0%,40%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}