.reader-app{--paper: #fffdf8;--paper-edge: #e7e1d6;--ink-shadow: rgba(20, 16, 12, .45);--reader-bg: hsl(var(--background));--reader-fg: hsl(var(--foreground));--reader-muted: hsl(var(--muted-foreground));--reader-border: hsl(var(--border));--reader-surface: hsl(var(--card) / .72);--reader-hover: hsl(var(--foreground) / .08);--reader-active: hsl(var(--foreground) / .12);display:grid;grid-template-columns:280px minmax(0,1fr);height:100dvh;overflow:hidden;background:var(--reader-bg);color:var(--reader-fg);transition:grid-template-columns .18s ease,background-color .18s ease,color .18s ease}.reader-app--sidebar-closed{grid-template-columns:0 minmax(0,1fr)}@media(max-width:1023px){.reader-app,.reader-app--sidebar-closed{grid-template-columns:1fr}.reader-sidebar{transform:translate(-100%)}.reader-sidebar--open{transform:translate(0)}}.reader-sidebar{position:fixed;inset:0 auto 0 0;z-index:50;display:flex;width:280px;max-width:86vw;flex-direction:column;background:var(--reader-bg);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:translate(0);overflow:hidden;border-right:1px solid var(--reader-border);background:var(--reader-bg)}.reader-app--sidebar-closed .reader-sidebar{pointer-events:none;opacity:0}}.reader-scrim{position:fixed;inset:0;z-index:40;background:#0009}.reader-nav{display:block;border-radius:10px;padding:8px 10px;color:var(--reader-muted);transition:color .15s ease,background-color .15s ease}.reader-nav:hover{background:var(--reader-hover);color:var(--reader-fg)}.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:var(--reader-muted)}.reader-toc:hover{background:var(--reader-hover);color:var(--reader-fg)}.reader-toc--active{background:var(--reader-active);color:var(--reader-fg)}.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:var(--reader-muted);transition:background-color .15s ease,color .15s ease}.reader-icon:hover{background:var(--reader-hover);color:var(--reader-fg)}.reader-icon:disabled{opacity:.3}.reader-search{display:none;align-items:center;gap:8px;border-radius:999px;background:var(--reader-hover);padding:0 12px;height:38px;width:300px;color:var(--reader-muted)}@media(min-width:768px){.reader-search{display:flex}}.reader-search input{width:100%;background:transparent;font-size:14px;color:var(--reader-fg);outline:none}.reader-search input::-moz-placeholder{color:var(--reader-muted)}.reader-search input::placeholder{color:var(--reader-muted)}.reader-search kbd{flex:none;border-radius:6px;background:var(--reader-active);padding:2px 6px;font-size:11px;color:var(--reader-muted)}.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:var(--reader-muted)}.reader-fit:hover{background:var(--reader-hover);color:var(--reader-fg)}.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:var(--reader-active);padding:10px 16px;font-size:13px;color:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.reader-printed:hover{background:#ffffff2e;color:var(--reader-fg)}@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)}}.reader-app .text-white{color:var(--reader-fg)!important}.reader-app .text-white\/90{color:hsl(var(--foreground) / .9)!important}.reader-app .text-white\/80{color:hsl(var(--foreground) / .8)!important}.reader-app .text-white\/70{color:hsl(var(--foreground) / .7)!important}.reader-app .text-white\/60{color:hsl(var(--foreground) / .6)!important}.reader-app .text-white\/50{color:hsl(var(--foreground) / .5)!important}.reader-app .text-white\/40{color:hsl(var(--foreground) / .4)!important}.reader-app .text-white\/35{color:hsl(var(--foreground) / .35)!important}.reader-muted{color:var(--reader-muted)!important}.reader-faint{color:hsl(var(--foreground) / .45)!important}.reader-strong{color:var(--reader-fg)!important}.reader-top-title{color:var(--reader-fg)}.reader-lang{min-width:42px;height:34px;padding:0 8px;border-radius:999px;color:var(--reader-muted);font-size:12px;font-weight:700}.reader-lang:hover,.reader-lang--active{background:var(--reader-hover);color:var(--reader-fg)}.reader-sidebar{transition:transform .18s cubic-bezier(.16,1,.3,1),opacity .18s ease}