.reader-app{--paper: #fffdf8;--paper-edge: #e7e1d6;--ink-shadow: rgba(20, 16, 12, .45);display:grid;grid-template-columns:1fr;height:100dvh;overflow:hidden;background:hsl(var(--background));color:#fff}@media(min-width:1024px){.reader-app{grid-template-columns:280px 1fr}}.reader-sidebar{position:fixed;inset:0 auto 0 0;z-index:50;display:flex;width:280px;max-width:86vw;flex-direction:column;background:hsl(var(--background));transform:translate(-100%);transition:transform .22s cubic-bezier(.16,1,.3,1)}.reader-sidebar--open{transform:none}@media(min-width:1024px){.reader-sidebar{position:relative;transform:none;background:#ffffff08}}.reader-scrim{position:fixed;inset:0;z-index:40;background:#0009}.reader-nav{display:block;border-radius:10px;padding:8px 10px;color:#fff9;transition:color .15s ease,background-color .15s ease}.reader-nav:hover{background:#ffffff0f;color:#fff}.reader-toc{display:flex;width:100%;align-items:center;justify-content:space-between;gap:10px;border-radius:10px;padding:9px 10px;text-align:left;font-size:14px;color:#ffffffa6}.reader-toc:hover{background:#ffffff0f;color:#fff}.reader-toc--active{background:#ffffff1a;color:#fff}.reader-main{display:flex;min-width:0;flex-direction:column;height:100dvh}.reader-top{display:flex;height:56px;flex:none;align-items:center;gap:10px;padding:0 12px}.reader-icon{display:inline-flex;height:40px;width:40px;align-items:center;justify-content:center;border-radius:999px;color:#ffffffb3;transition:background-color .15s ease,color .15s ease}.reader-icon:hover{background:#ffffff14;color:#fff}.reader-icon:disabled{opacity:.3}.reader-search{display:none;align-items:center;gap:8px;border-radius:999px;background:#ffffff0f;padding:0 12px;height:38px;width:300px;color:#fff9}@media(min-width:768px){.reader-search{display:flex}}.reader-search input{width:100%;background:transparent;font-size:14px;color:#fff;outline:none}.reader-search input::-moz-placeholder{color:#fff6}.reader-search input::placeholder{color:#fff6}.reader-search kbd{flex:none;border-radius:6px;background:#ffffff1a;padding:2px 6px;font-size:11px;color:#ffffff8c}.reader-stage{position:relative;flex:1 1 auto;min-height:0;overflow:auto;display:flex;align-items:flex-start;justify-content:center;padding:8px 12px 20px}.reader-embed{width:100%;height:100%;min-height:70vh;border:0;border-radius:12px;background:var(--paper)}.reader-book{position:relative;display:grid;grid-template-columns:1fr;width:100%;max-width:1180px;margin:0 auto;border-radius:14px}.reader-single{position:relative}@media(min-width:1024px){.reader-book[data-spread=true]{grid-template-columns:1fr 1fr}}.reader-stage[data-fit=page] .reader-media{height:calc(100dvh - 180px);width:auto;margin:0 auto}.reader-stage[data-fit=page] .reader-book{width:auto}.reader-page{position:relative;background:var(--paper);overflow:hidden;box-shadow:0 1px #f3efe6,0 2px 0 var(--paper-edge),0 3px #f3efe6,0 4px 0 var(--paper-edge),0 30px 60px -30px var(--ink-shadow)}.reader-page--blank{background:transparent;box-shadow:none}.reader-page--left{border-radius:12px 0 0 12px}.reader-page--right{border-radius:0 12px 12px 0}.reader-page--single{border-radius:12px}.reader-page--left:after,.reader-page--right:after,.reader-page--single:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to left,#3c2d1c29,#3c2d1c00 9%),linear-gradient(to right,#3c2d1c0d,#3c2d1c00 3%)}.reader-page--left:after{transform:scaleX(-1)}.reader-holes{position:absolute;top:0;bottom:0;width:24px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:20px 0;pointer-events:none;z-index:2}.reader-holes--left{left:0}.reader-holes--right{right:0}.reader-hole{width:10px;height:10px;border-radius:999px;background:#efe9dd;box-shadow:inset 0 1px 2px #00000073,0 1px #ffffffe6}.reader-spiral{position:absolute;top:0;bottom:0;width:30px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:20px 0;pointer-events:none;z-index:3}.reader-spiral--center{left:50%;transform:translate(-50%)}.reader-spiral--left{left:-4px}.reader-ring{width:28px;height:12px;border-radius:999px;border:2.5px solid #b9bcc2;border-top-color:#e6e8ec;border-bottom-color:#8f949c;background:linear-gradient(to bottom,#ffffffd9,#8c919840);box-shadow:0 1px 2px #00000047}.reader-curl{position:absolute;right:0;bottom:0;width:74px;height:74px;pointer-events:none;background:linear-gradient(315deg,rgba(255,255,255,.95) 46%,rgba(233,226,213,.95) 52%,rgba(0,0,0,.06) 54%,transparent 56%);filter:drop-shadow(-6px -6px 10px rgba(0,0,0,.18))}.reader-media{display:block;width:100%;height:auto;aspect-ratio:1 / 1.414;-o-object-fit:contain;object-fit:contain;background:var(--paper)}.reader-tap{position:absolute;top:56px;bottom:56px;width:14%;cursor:pointer;background:transparent}.reader-tap--prev{left:0}.reader-tap--next{right:0}.reader-bottom{position:relative;display:flex;height:56px;flex:none;align-items:center;justify-content:center;padding:0 12px}.reader-pager{display:flex;align-items:center;gap:2px}.reader-tools{position:absolute;right:12px;display:none;align-items:center;gap:2px}@media(min-width:640px){.reader-tools{display:flex}}.reader-fit{border-radius:10px;padding:8px 12px;font-size:14px;color:#ffffffb3}.reader-fit:hover{background:#ffffff14;color:#fff}.reader-grid{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;background:#0a0a0af7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.reader-printed{position:fixed;right:16px;bottom:72px;z-index:30;display:none;border-radius:999px;background:#ffffff1a;padding:10px 16px;font-size:13px;color:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reader-printed:hover{background:#ffffff2e;color:#fff}@media(min-width:1024px){.reader-printed{display:inline-flex}}.reader-turn-next{animation:reader-turn-next .24s ease-out}.reader-turn-prev{animation:reader-turn-prev .24s ease-out}@keyframes reader-turn-next{0%{transform:perspective(1600px) rotateY(-7deg);opacity:.6}to{transform:none;opacity:1}}@keyframes reader-turn-prev{0%{transform:perspective(1600px) rotateY(7deg);opacity:.6}to{transform:none;opacity:1}}@media(prefers-reduced-motion:reduce){.reader-turn-next,.reader-turn-prev{animation:none}}.reader-pdf-wrap{position:relative;width:100%;height:100%;min-height:70vh;overflow:hidden;border-radius:12px;background:var(--paper)}.reader-pdf-wrap .reader-embed{display:block;width:100%;height:100%;min-height:70vh;border:0;background:var(--paper)}.reader-pdf-open{position:absolute;right:14px;bottom:14px}.reader-pdf-open a{display:inline-flex;align-items:center;border-radius:999px;background:#141414db;padding:8px 12px;font-size:12px;color:#fff;text-decoration:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(max-width:767px){.reader-pdf-wrap,.reader-pdf-wrap .reader-embed{min-height:calc(100dvh - 140px)}}