.reader-overlay{z-index:110;background:#080b0f;position:fixed;inset:0}.reader-modal{z-index:111;background:#11151b;outline:none;width:100%;height:100dvh;animation:.24s cubic-bezier(.2,.7,.2,1) reader-enter;position:fixed;inset:0;overflow:hidden}.book-reader{--reader-ink:#e3e8eb;--reader-muted:#9ba5b0;--reader-line:#dbe5ec21;width:100%;height:100%;min-height:0;color:var(--reader-ink);isolation:isolate;background:radial-gradient(at 50% 42%,#282e37 0%,#191e26 43%,#0e1218 100%);flex-direction:column;font-family:Manrope,system-ui,sans-serif;display:flex}.book-reader:fullscreen{width:100vw;height:100dvh}.reader-header{min-height:84px;padding:max(16px, env(safe-area-inset-top)) clamp(16px, 3vw, 48px) 16px;border-bottom:1px solid var(--reader-line);background:#0c1016c2;flex:none;justify-content:space-between;align-items:center;gap:20px;display:flex}.reader-heading{min-width:0}.reader-heading>span{letter-spacing:.17em;text-transform:uppercase;color:var(--reader-muted);font-size:10px;line-height:1.5;display:block}.reader-heading h2{letter-spacing:-.02em;color:var(--reader-ink);white-space:nowrap;text-overflow:ellipsis;margin:5px 0 0;font-family:inherit;font-size:clamp(14px,1.2vw,19px);font-weight:500;line-height:1.35;overflow:hidden}.reader-header-actions,.reader-tool-group,.reader-pagination{align-items:center;gap:6px;display:flex}.reader-header-actions{flex-shrink:0}.reader-icon{min-width:44px;height:44px;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #0000;border-radius:12px;flex:none;justify-content:center;align-items:center;padding:0 10px;text-decoration:none;transition:background .16s,border-color .16s,color .16s;display:inline-flex}.reader-icon:disabled{opacity:.25;cursor:default}.reader-icon[aria-pressed=true]{color:#fff;background:#dce6f021;border-color:#dce6f029}.reader-icon:focus-visible,.reader-thumbnail:focus-visible,.reader-action:focus-visible,.reader-card-button:focus-visible{outline-offset:3px;outline:2px solid #d7b780}.reader-viewport{flex:1 1 0;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.reader-book-stage{flex:none;position:relative}.reader-book-position{transition:transform .62s cubic-bezier(.22,.7,.2,1)}.reader-engine-host{width:100%;height:100%}.reader-engine{touch-action:pan-y}.reader-paper{background:0 0;overflow:hidden;box-shadow:0 1px 2px #0000003d,0 12px 36px #0000003d}.reader-engine-host[data-view=single] .reader-paper-back{background:#fffefb}.reader-paper[data-loaded=blank]{background:#303640}.reader-paper img,.reader-flat-page img,.reader-zoom-page img,.reader-card-face img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.reader-paper img[hidden]{display:none}.reader-paper:after{content:"";pointer-events:none;position:absolute;inset:0}.reader-paper.--left:after{background:linear-gradient(270deg,#00000012,#0000 2.5%)}.reader-paper.--right:after{background:linear-gradient(90deg,#00000014,#0000 2.5%)}.reader-page-placeholder{color:#9ca2a8;background:#f1f0ed;place-content:center;font-size:18px;display:grid;position:absolute;inset:0}.reader-paper[data-loaded=true] .reader-page-placeholder,.reader-paper[data-loaded=blank] .reader-page-placeholder{display:none}.reader-paper[data-loaded=false] .reader-page-placeholder:after{content:"";border:2px solid #c6cbd0;border-top-color:#606b76;border-radius:50%;width:24px;height:24px;margin:12px auto 0;animation:1s linear infinite reader-spin;display:block}.reader-flat-spread{justify-content:center;height:100%;display:flex}.reader-flat-page{background:0 0;flex:none;place-items:center;display:grid;box-shadow:0 16px 42px #00000052}.reader-flat-page .reader-spinner{color:#7c8690}.reader-zoom-viewport{overscroll-behavior:contain;cursor:grab;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch;padding:18px;position:absolute;inset:0;overflow:auto}.reader-zoom-viewport:active{cursor:grabbing}.reader-zoom-pages{margin:auto;display:flex;box-shadow:0 14px 40px #00000040}.reader-zoom-page{background:0 0;flex:1;min-width:0;height:100%}.reader-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex}.reader-loading p{color:var(--reader-muted);margin:0;font:14px/1.6 Manrope,sans-serif}.reader-action{border:1px solid var(--reader-line);min-height:44px;color:var(--reader-ink);cursor:pointer;background:#ffffff14;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:10px 18px;font-size:13px;display:inline-flex}.reader-spinner{animation:1s linear infinite reader-spin}.reader-notice{color:#e5d0aa;background:#302a20;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:8px 16px;font-size:12px;display:flex}.reader-notice button{cursor:pointer;text-decoration:underline}.reader-pending{border:1px solid var(--reader-line);pointer-events:none;background:#0d1218f0;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex;position:absolute;bottom:16px}.reader-footer{padding:12px 20px max(10px, env(safe-area-inset-bottom));border-top:1px solid var(--reader-line);background:linear-gradient(#0c101694,#0c1016f0);flex:none;position:relative}.reader-toolbar{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;max-width:800px;margin:0 auto;display:grid}.reader-tool-group:last-child{justify-content:flex-end}.reader-pagination{gap:12px}.reader-counter{white-space:nowrap;font-variant-numeric:tabular-nums;justify-content:center;align-items:baseline;gap:7px;min-width:100px;font-size:12px;display:flex}.reader-counter strong{color:#fff;font-size:15px;font-weight:500}.reader-counter>span{color:var(--reader-muted)}.reader-zoom-value{font-variant-numeric:tabular-nums;font-size:11px;font-weight:600}.reader-progress{max-width:440px;margin:2px auto 0;position:relative}.reader-progress input{cursor:pointer;appearance:none;touch-action:pan-y;background:0 0;width:100%;height:30px;margin:0}.reader-progress input::-webkit-slider-runnable-track{background:linear-gradient(to right, #d3b17c 0 var(--reader-progress), #424a54 var(--reader-progress) 100%);border-radius:999px;height:3px}.reader-progress input::-moz-range-track{background:#424a54;border-radius:999px;height:3px}.reader-progress input::-moz-range-progress{background:#d3b17c;border-radius:999px;height:3px}.reader-progress input::-webkit-slider-thumb{appearance:none;background:#c5a36b;border:2px solid #f1e3cc;border-radius:50%;width:13px;height:13px;margin-top:-5px;box-shadow:0 1px 6px #0006}.reader-progress input::-moz-range-thumb{background:#c5a36b;border:2px solid #f1e3cc;border-radius:50%;width:10px;height:10px}.reader-progress input:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #d3b17c}.reader-progress input:disabled{opacity:.45;cursor:default}.reader-seek-label{border:1px solid var(--reader-line);color:#fff;pointer-events:none;white-space:nowrap;background:#242b35;border-radius:8px;padding:8px 12px;font-size:12px;position:absolute;bottom:34px;left:50%;transform:translate(-50%)}.reader-hint{text-align:center;color:var(--reader-muted);margin:0;font:11px/1.4 Manrope,sans-serif}.reader-thumbnail-strip{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#4c555f transparent;gap:14px;max-width:960px;margin:0 auto 12px;padding:4px 12px 10px;animation:.18s ease-out reader-enter;display:flex;overflow-x:auto}.reader-thumbnail{min-width:44px;color:var(--reader-muted);cursor:pointer;background:0 0;border:none;flex:0 0 64px;padding:0}.reader-thumbnail>span{outline-offset:2px;background:#303740;border-radius:3px;outline:2px solid #0000;justify-content:center;align-items:center;width:100%;max-height:90px;display:flex;overflow:hidden}.reader-thumbnail img{object-fit:contain;width:100%;height:100%}.reader-thumbnail small{font-variant-numeric:tabular-nums;margin-top:7px;font-size:10px;display:block}.reader-thumbnail[aria-pressed=true]{color:#e4c391}.reader-thumbnail[aria-pressed=true]>span{outline-color:#d3b17c}.reader-card-button{cursor:pointer;perspective:2200px;touch-action:pan-y;background:0 0;border:none;width:100%;height:100%;padding:0;display:block}.reader-card-rotation{width:100%;height:100%;transform-style:preserve-3d;transition:transform .68s cubic-bezier(.22,.7,.2,1);position:relative}.reader-card-face{backface-visibility:hidden;background:0 0;position:absolute;inset:0;box-shadow:0 18px 48px #00000061}.reader-card-face:last-child{transform:rotateY(180deg)}@media (hover:hover){.reader-icon:not(:disabled):hover{border-color:var(--reader-line);color:#fff;background:#dee8f017}.reader-thumbnail:not(:disabled):hover{color:#fff}.reader-action:hover{background:#ffffff24}}@media (width<=600px){.reader-header{min-height:72px;padding:max(10px, env(safe-area-inset-top)) 12px 10px;gap:8px}.reader-heading>span{letter-spacing:.12em;font-size:9px}.reader-header-actions{gap:0}.reader-header-actions .reader-icon{min-width:40px;padding-inline:8px}.reader-footer{padding-inline:10px;padding-top:8px}.reader-toolbar{grid-template-columns:88px 1fr 88px;gap:4px}.reader-zoom-controls{justify-content:flex-end}.reader-pagination{justify-content:center;gap:2px}.reader-counter{gap:5px;min-width:74px}.reader-counter strong{font-size:14px}.reader-zoom-controls>.reader-icon:first-child:not(:last-child),.reader-zoom-controls>.reader-icon:last-child:not(:first-child){display:none}.reader-hint{max-width:32ch;margin-inline:auto;font-size:10px}.reader-thumbnail-strip{gap:12px;margin-bottom:6px;padding-inline:6px}.reader-thumbnail{flex-basis:48px}.reader-thumbnail>span{max-height:66px}}@media (height<=520px) and (orientation:landscape){.reader-header{min-height:54px;padding-block:5px}.reader-heading>span,.reader-hint{display:none}.reader-heading h2{margin-top:0}.reader-footer{padding-block:4px}.reader-progress{max-width:320px;margin-top:-6px}.reader-thumbnail-strip{border:1px solid var(--reader-line);background:#171d25;border-radius:12px;max-height:95px;position:absolute;bottom:calc(100% + 4px);left:12px;right:12px}}@keyframes reader-enter{0%{opacity:0}to{opacity:1}}@keyframes reader-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.reader-modal,.reader-thumbnail-strip,.reader-spinner,.reader-page-placeholder:after{animation:none}.reader-book-position,.reader-card-rotation,.reader-icon{transition:none}}