@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(./cormorant-garamond-cyrillic-ext-400-normal-W3Dto7M0.woff2)format("woff2"),url(./cormorant-garamond-cyrillic-ext-400-normal-DLdKLAvx.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(./cormorant-garamond-cyrillic-400-normal-DD2KOZkl.woff2)format("woff2"),url(./cormorant-garamond-cyrillic-400-normal-CVFrM67f.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(./cormorant-garamond-vietnamese-400-normal-6K-YXo6g.woff2)format("woff2"),url(./cormorant-garamond-vietnamese-400-normal-4uxlocMh.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(./cormorant-garamond-latin-ext-400-normal-Drx2k2n9.woff2)format("woff2"),url(./cormorant-garamond-latin-ext-400-normal-uvC0WHQr.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:400;src:url(./cormorant-garamond-latin-400-normal-B-1hWBU7.woff2)format("woff2"),url(./cormorant-garamond-latin-400-normal-B7YtguxJ.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(./cormorant-garamond-cyrillic-ext-500-normal-Yta7XZ9C.woff2)format("woff2"),url(./cormorant-garamond-cyrillic-ext-500-normal-lsPpqi9g.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(./cormorant-garamond-cyrillic-500-normal-CyAY5ZLS.woff2)format("woff2"),url(./cormorant-garamond-cyrillic-500-normal-DkJXBcIH.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(./cormorant-garamond-vietnamese-500-normal-BZGLGj12.woff2)format("woff2"),url(./cormorant-garamond-vietnamese-500-normal-DqXqCC0q.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(./cormorant-garamond-latin-ext-500-normal-CH1kM7og.woff2)format("woff2"),url(./cormorant-garamond-latin-ext-500-normal-DYeaGGzO.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:500;src:url(./cormorant-garamond-latin-500-normal-BsRWmXhO.woff2)format("woff2"),url(./cormorant-garamond-latin-500-normal-zIXX3Q-H.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(./cormorant-garamond-cyrillic-ext-600-normal-BMhMHfrj.woff2)format("woff2"),url(./cormorant-garamond-cyrillic-ext-600-normal-CsIYWmWK.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(./cormorant-garamond-cyrillic-600-normal-C2atO-64.woff2)format("woff2"),url(./cormorant-garamond-cyrillic-600-normal-FNmA3REe.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(./cormorant-garamond-vietnamese-600-normal-BoXdMtcr.woff2)format("woff2"),url(./cormorant-garamond-vietnamese-600-normal-C4HEjEaf.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(./cormorant-garamond-latin-ext-600-normal-DaBc-lu7.woff2)format("woff2"),url(./cormorant-garamond-latin-ext-600-normal-Dk3-quAP.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(./cormorant-garamond-latin-600-normal-Co1r35X9.woff2)format("woff2"),url(./cormorant-garamond-latin-600-normal-2CBVLo0M.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(./cormorant-garamond-cyrillic-ext-400-italic-BEGvmv_3.woff2)format("woff2"),url(./cormorant-garamond-cyrillic-ext-400-italic-C_Uk1MUY.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(./cormorant-garamond-cyrillic-400-italic-D3GtrbRZ.woff2)format("woff2"),url(./cormorant-garamond-cyrillic-400-italic-AH1vqu4S.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(./cormorant-garamond-vietnamese-400-italic-BoXDRTEW.woff2)format("woff2"),url(./cormorant-garamond-vietnamese-400-italic-CJpMwFnN.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(./cormorant-garamond-latin-ext-400-italic-BdEzgT7i.woff2)format("woff2"),url(./cormorant-garamond-latin-ext-400-italic-CQvLaSWn.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:italic;font-display:swap;font-weight:400;src:url(./cormorant-garamond-latin-400-italic-Dc_OZ8oc.woff2)format("woff2"),url(./cormorant-garamond-latin-400-italic-BLh7T8o8.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:300;src:url(./jost-cyrillic-300-normal-DcIdRxLM.woff2)format("woff2"),url(./jost-cyrillic-300-normal-Da-u_v9v.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:300;src:url(./jost-latin-ext-300-normal--ixxmfGr.woff2)format("woff2"),url(./jost-latin-ext-300-normal-DIStW2bt.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:300;src:url(./jost-latin-300-normal-DkBQXsFU.woff2)format("woff2"),url(./jost-latin-300-normal-Ckm9JHl_.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:400;src:url(./jost-cyrillic-400-normal-bVZEi0jL.woff2)format("woff2"),url(./jost-cyrillic-400-normal-Dk3McGkH.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:400;src:url(./jost-latin-ext-400-normal-CpdMQIMr.woff2)format("woff2"),url(./jost-latin-ext-400-normal-Dsyb2mtt.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:400;src:url(./jost-latin-400-normal-q-RKOgPK.woff2)format("woff2"),url(./jost-latin-400-normal-C7S-3Ky6.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:500;src:url(./jost-cyrillic-500-normal-DtB2bvF0.woff2)format("woff2"),url(./jost-cyrillic-500-normal-DlHwnXyv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:500;src:url(./jost-latin-ext-500-normal-BkvHgcKf.woff2)format("woff2"),url(./jost-latin-ext-500-normal-Cpxiadwk.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Jost;font-style:normal;font-display:swap;font-weight:500;src:url(./jost-latin-500-normal-41lBe9I9.woff2)format("woff2"),url(./jost-latin-500-normal-B-AtzreL.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#110d0b;--ink-2:#1b1512;--ink-3:#2a211c;--cream:#f4ecdf;--cream-2:#f4ecdfbd;--cream-3:#f4ecdf80;--hair:#f4ecdf24;--gold:#cdb07b;--gold-hair:#cdb07b66;--serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;--sans:"Jost", "Helvetica Neue", Arial, sans-serif;--ease:cubic-bezier(.22, .61, .36, 1);--topbar-h:64px;--bottombar-h:76px;--btn:38px;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px)}@media (width<=640px){:root{--topbar-h:54px;--bottombar-h:66px;--btn:36px}}@media (height<=480px) and (orientation:landscape){:root{--topbar-h:44px;--bottombar-h:50px;--btn:32px}}*,:before,:after{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--cream);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;margin:0;font-weight:400;overflow:hidden}body{position:fixed;inset:0}p{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}[hidden]{display:none!important}:focus-visible{outline:1px solid var(--gold);outline-offset:3px}svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round}.screen{place-items:center;display:grid;position:fixed;inset:0}.loader{z-index:30;background:radial-gradient(ellipse at 50% 42%, var(--ink-3) 0%, var(--ink) 70%);transition:opacity .8s var(--ease), visibility .8s}.loader.is-done{opacity:0;visibility:hidden;pointer-events:none}.loader__inner{text-align:center;animation:rise 1s var(--ease) both;flex-direction:column;align-items:center;gap:18px;padding:24px;display:flex}.loader__brand{font-family:var(--serif);letter-spacing:.42em;margin-right:-.42em;font-size:clamp(30px,7vw,46px);font-weight:500;line-height:1}.loader__ornament{background:linear-gradient(90deg, transparent, var(--gold), transparent);width:64px;height:1px}.loader__label{letter-spacing:.34em;text-transform:uppercase;color:var(--cream-2);margin-right:-.34em;font-size:11px;font-weight:300}.loader__bar{background:var(--hair);width:min(240px,60vw);height:1px;margin-top:6px;position:relative;overflow:hidden}.loader__bar>span{background:var(--gold);transform-origin:0;transform:scaleX(var(--p,0));position:absolute;inset:0}.loader__pct{letter-spacing:.2em;color:var(--cream-3);font-variant-numeric:tabular-nums;font-size:11px}.loader.is-error .loader__label{letter-spacing:.06em;text-transform:none;color:#e9b9a6;max-width:34ch;margin-right:0;line-height:1.7}.loader.is-error .loader__bar{display:none}.opening{z-index:20;background:var(--ink);transition:opacity .9s var(--ease) .15s, visibility 0s linear 1.05s;overflow:hidden}.opening__bg{filter:blur(36px)saturate(1.05)brightness(.4);opacity:0;transition:opacity 1.6s var(--ease);background:50%/cover no-repeat;position:absolute;inset:-10%;transform:scale(1.08)}.opening:after{content:"";pointer-events:none;background:radial-gradient(at 50% 45%,#110d0b00 0%,#110d0b80 58%,#110d0beb 100%);position:absolute;inset:0}.opening__content{z-index:1;padding:calc(var(--safe-t) + 20px) 24px calc(var(--safe-b) + 20px);transition:transform 1.1s var(--ease), opacity .8s var(--ease);flex-direction:column;align-items:center;gap:clamp(16px,3vh,28px);display:flex;position:relative}.opening__cover{height:min(58vh, 620px, calc((100vw - 64px) / var(--aspect,.714)));height:min(58svh, 620px, calc((100vw - 64px) / var(--aspect,.714)));aspect-ratio:var(--aspect,.714);opacity:0;margin:0 0 6px;position:relative}.opening__cover:before{content:"";border:1px solid var(--gold-hair);pointer-events:none;position:absolute;inset:-11px}.opening__cover img{object-fit:cover;width:100%;height:100%;display:block;box-shadow:0 34px 80px -24px #000000d9,0 0 0 1px #ffffff0a}.opening__title{letter-spacing:.46em;text-transform:uppercase;color:var(--cream-2);opacity:0;align-items:center;gap:16px;font-size:11px;font-weight:400;display:flex}.opening__title:before,.opening__title:after{content:"";background:var(--gold-hair);width:36px;height:1px}.btn-open{border:1px solid var(--gold);letter-spacing:.34em;text-transform:uppercase;color:var(--cream);opacity:0;transition:background .4s var(--ease), color .4s var(--ease), box-shadow .4s var(--ease);background:#110d0b40;padding:15px 34px 15px calc(34px + .34em);font-size:12px;font-weight:500}.btn-open:active{background:var(--gold);color:var(--ink)}@media (hover:hover){.btn-open:hover{background:var(--gold);color:var(--ink);box-shadow:0 12px 34px -12px #cdb07b8c}}.opening__hint{font-family:var(--serif);color:var(--cream-3);opacity:0;align-items:center;gap:8px;font-size:15px;font-style:italic;display:flex}.opening__hint svg{width:14px;height:14px;color:var(--gold)}.opening.is-visible .opening__bg{opacity:1}.opening.is-visible .opening__cover{animation:cover-in 1.3s var(--ease) .1s both}.opening.is-visible .opening__title{animation:rise 1s var(--ease) .55s both}.opening.is-visible .btn-open{animation:rise 1s var(--ease) .75s both}.opening.is-visible .opening__hint{animation:rise 1s var(--ease) .95s both}.opening.is-leaving{opacity:0;visibility:hidden;pointer-events:none}.opening.is-leaving .opening__content{opacity:0;transform:scale(1.05)}@keyframes cover-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.reader{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;opacity:0;visibility:hidden;background:radial-gradient(75% 65% at 50% 48%,#2b221d 0%,#17110f 58%,#0b0807 100%);flex-direction:column;display:flex;position:fixed;inset:0}body.is-reading .reader{opacity:1;visibility:visible;transition:opacity 1.2s var(--ease) .3s}.topbar{height:calc(var(--topbar-h) + var(--safe-t));padding:var(--safe-t) max(clamp(14px, 3vw, 32px), var(--safe-r)) 0 max(clamp(14px, 3vw, 32px), var(--safe-l));flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.brand{align-items:center;gap:14px;min-width:0;display:flex}.brand__name{font-family:var(--serif);letter-spacing:.36em;white-space:nowrap;font-size:19px;font-weight:600;line-height:1}.brand__sep{background:var(--gold-hair);width:1px;height:16px}.brand__sub{letter-spacing:.3em;text-transform:uppercase;color:var(--cream-3);white-space:nowrap;font-size:10.5px}.tools{align-items:center;gap:6px;display:flex}.tools__sep{background:var(--hair);width:1px;height:18px;margin:0 4px}.icon-btn{width:var(--btn);height:var(--btn);border:1px solid var(--hair);color:var(--cream-2);border-radius:50%;place-items:center;transition:border-color .3s,color .3s,opacity .3s,background .3s;display:grid}.icon-btn svg{width:17px;height:17px}.icon-btn:disabled{opacity:.3}@media (hover:hover){.icon-btn:not(:disabled):hover{border-color:var(--gold-hair);color:var(--gold)}}#btn-fullscreen .i-exit,#btn-fullscreen.is-active .i-enter{display:none}#btn-fullscreen.is-active .i-exit{display:block}.zoom-level{text-align:center;letter-spacing:.1em;min-width:42px;color:var(--cream-3);font-variant-numeric:tabular-nums;font-size:11px;transition:color .3s}.reader.is-zoomed .zoom-level{color:var(--gold)}@media (width<=640px){.brand__sep,.brand__sub{display:none}.brand__name{letter-spacing:.3em;font-size:16px}.tools{gap:4px}.icon-btn svg{width:16px;height:16px}}@media (width<=380px){.zoom-level,.tools__sep{display:none}}.stage{touch-action:none;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.book-frame{transition:transform .7s var(--ease);flex:none;position:relative}.book-frame.is-hidden{visibility:hidden}.book{width:100%}.page{background:#fff;overflow:hidden}.page:before{content:"";background:linear-gradient(110deg,#f1ede7 35%,#faf8f4 50%,#f1ede7 65%) 0 0/250% 100%;animation:1.8s linear infinite shimmer;position:absolute;inset:0}.page.is-loaded:before{display:none}.page__img{object-fit:cover;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:opacity .35s;display:block;position:relative}.page.is-loaded .page__img{opacity:1}.stf__item{box-shadow:0 22px 44px -22px #000000bf}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}.zoom{z-index:2;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;cursor:grab;scrollbar-width:thin;scrollbar-color:#cdb07b59 transparent;position:absolute;inset:0;overflow:auto}.zoom.is-dragging{cursor:grabbing}.zoom__content{justify-content:center;align-items:center;display:flex}.zoom__sheet{background:#fff;flex:none;display:flex;box-shadow:0 26px 60px -24px #000000d9}.zoom__sheet img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;flex:1 1 0;min-width:0;height:100%;display:block}.zoom::-webkit-scrollbar{width:6px;height:6px}.zoom::-webkit-scrollbar-thumb{background:#cdb07b59;border-radius:3px}.hint{z-index:3;border:1px solid var(--hair);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.1em;text-align:center;max-width:calc(100% - 32px);color:var(--cream-2);opacity:0;transition:opacity .6s var(--ease), transform .6s var(--ease);pointer-events:none;background:#110d0bc7;border-radius:999px;padding:9px 18px;font-size:11px;line-height:1.5;position:absolute;bottom:12px;left:50%;transform:translate(-50%,8px)}.hint.is-visible{opacity:1;transform:translate(-50%)}.bottombar{height:calc(var(--bottombar-h) + var(--safe-b));padding-bottom:var(--safe-b);flex:none;justify-content:center;align-items:center;gap:clamp(18px,4vw,40px);display:flex}.nav-btn{width:calc(var(--btn) + 6px);height:calc(var(--btn) + 6px);border:1px solid var(--gold-hair);color:var(--cream);transition:background .35s var(--ease), color .35s var(--ease), border-color .35s var(--ease), opacity .35s;border-radius:50%;place-items:center;display:grid}.nav-btn svg{width:18px;height:18px}.nav-btn:disabled{opacity:.25}.nav-btn:not(:disabled):active{background:var(--gold);color:var(--ink)}@media (hover:hover){.nav-btn:not(:disabled):hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}}.pager{flex-direction:column;align-items:center;gap:9px;min-width:92px;display:flex}.pager__label{letter-spacing:.2em;font-variant-numeric:tabular-nums;white-space:nowrap;margin-right:-.2em;font-size:12.5px}.pager__total{color:var(--cream-3)}.pager__track{background:var(--hair);width:92px;height:1px;position:relative}.pager__track>span{background:var(--gold);transform-origin:0;transform:scaleX(var(--p,0));transition:transform .6s var(--ease);position:absolute;inset:0}@media (height<=480px) and (orientation:landscape){.pager{gap:6px}}@media (width<=400px){.bottombar{gap:12px}.pager{min-width:72px}.pager__track{width:64px}}.music{z-index:40;right:max(16px, calc(var(--safe-r) + 12px));bottom:calc(var(--safe-b) + (var(--bottombar-h) - 46px) / 2);border:1px solid var(--gold-hair);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:46px;height:46px;color:var(--gold);opacity:0;pointer-events:none;transition:opacity .7s var(--ease) .8s, transform .7s var(--ease) .8s, border-color .3s;background:#110d0b9e;border-radius:50%;place-items:center;display:grid;position:fixed;transform:translateY(10px)}body.is-reading .music{opacity:1;pointer-events:auto;transform:none}@media (height<=480px) and (orientation:landscape){.music{width:38px;height:38px;bottom:calc(var(--safe-b) + (var(--bottombar-h) - 38px) / 2)}}.music__ring{border:1px dashed #cdb07b80;border-radius:50%;position:absolute;inset:4px}.music__icon{width:18px;height:18px;position:relative;overflow:visible}.music__note{transform-origin:50% 60%}.music__slash{opacity:0;transition:opacity .3s}.music:not(.is-playing) .music__slash{opacity:1}.music:not(.is-playing) .music__note{opacity:.55}.music.is-playing .music__ring{animation:9s linear infinite spin}.music.is-playing .music__note{animation:2.6s ease-in-out infinite sway}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sway{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-1.5px)rotate(-6deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}
