.reader-shell{position:fixed;inset:0;background:#20100a;color:var(--color-peach-light, #ffe4d9);overflow:hidden;font-family:var(--font-body, "DM Sans Variable", sans-serif)}.reader-empty{display:grid;place-items:center;height:100%}.reader-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.25rem;height:100%;padding:2rem;text-align:center}.reader-fallback p{margin:0;font-size:1.1rem}.reader-fallback-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.reader-stage{position:absolute;inset:0;touch-action:none;cursor:default;overflow:hidden}.zoom-wrap{position:absolute;inset:0;will-change:transform}.zoom-wrap.zoom-easing{transition:transform .22s ease-out}.reader-track{position:absolute;inset:0;will-change:transform}.reader-track.easing{transition:transform .26s cubic-bezier(.2,.7,.3,1)}.page-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.page-layer.left{transform:translate(-100%)}.page-layer.right{transform:translate(100%)}.page-layer img,.page-loading{max-width:100%;max-height:100dvh;object-fit:contain;user-select:none;-webkit-user-drag:none;box-shadow:0 0 24px #0000008c;background:#fff}.page-loading{width:min(96vw,calc(100dvh * var(--arn, .6)));aspect-ratio:var(--arn, .6);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}.page-loading.failed{background:var(--color-peach-light, #ffe4d9);color:var(--color-brown, #5b2814);font-weight:600}.spinner{width:38px;height:38px;border-radius:50%;border:4px solid rgba(91,40,20,.25);border-top-color:var(--color-orange, #ff4b00);animation:reader-spin .8s linear infinite}@keyframes reader-spin{to{transform:rotate(360deg)}}.reader-bar{position:absolute;left:0;right:0;z-index:10;display:flex;align-items:center;gap:.75rem;padding:.6rem max(.9rem,env(safe-area-inset-left));transition:opacity .25s ease,transform .25s ease}.reader-top{top:0;background:linear-gradient(#160a06eb,#160a0600);padding-bottom:2.2rem}.reader-bottom{bottom:0;background:linear-gradient(#160a0600,#160a06eb);padding-top:2.2rem}.chrome-hidden .reader-bar,.chrome-hidden .edge-btn{opacity:0;pointer-events:none}.chrome-hidden .reader-top{transform:translateY(-8px)}.chrome-hidden .reader-bottom{transform:translateY(8px)}.bar-title{display:flex;flex-direction:column;min-width:0;margin-right:auto;line-height:1.25}.bar-series{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-chapter{font-weight:600;font-size:.98rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dir-pill{flex-shrink:0;display:inline-flex;align-items:center;gap:.55em;padding:.4em 1em;border-radius:var(--radius-pill, 999px);background:var(--color-brown, #5b2814);border:1px solid transparent;color:var(--color-peach, #ffd2bf);font-size:.92rem;font-weight:700;white-space:nowrap}.dir-arrow{width:26px;height:13px;flex-shrink:0}.lang-select{flex-shrink:0;appearance:none;background:#ffa68029;border:1px solid rgba(255,166,128,.45);color:var(--color-peach-light, #ffe4d9);border-radius:8px;font:inherit;font-size:.92rem;font-weight:600;padding:.4em .9em;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.lang-select:hover{background:var(--color-orange, #ff4b00);border-color:var(--color-orange, #ff4b00);color:var(--color-white, #fff)}.lang-select:focus{outline:none}.lang-select option{color:var(--color-brown, #5b2814);background:#fff}.page-counter{flex-shrink:0;font-variant-numeric:tabular-nums;font-weight:600;font-size:.9rem;opacity:.9}.icon-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,166,128,.28);background:#ffa68029;color:var(--color-peach-light, #ffe4d9);cursor:pointer;font-weight:700;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.icon-btn:hover{background:var(--color-orange, #ff4b00);border-color:var(--color-orange, #ff4b00);color:var(--color-white, #fff)}.edge-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:9;width:46px;height:64px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:12px;background:#160a0673;color:#ffe4d9e6;cursor:pointer;transition:opacity .25s ease,background-color .15s ease}.edge-btn:hover:not(:disabled){background:#ff4b00bf}.edge-btn:disabled{opacity:.2;cursor:default}.edge-left{left:max(10px,env(safe-area-inset-left))}.edge-right{right:max(10px,env(safe-area-inset-right))}.progress{position:relative;flex:1;height:5px;border-radius:999px;background:#ffe4d92e;overflow:hidden}.progress-fill{position:absolute;top:0;bottom:0;background:var(--color-orange, #ff4b00);border-radius:999px;transition:width .2s ease}.end-overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:#160a06b8;backdrop-filter:blur(3px);padding:1.5rem}.end-card{background:#fff;color:var(--color-brown, #5b2814);border-radius:16px;box-shadow:0 12px 40px #0006;padding:2rem;max-width:460px;width:100%;display:flex;flex-direction:column;gap:1rem;text-align:left;align-items:stretch}.end-card h2{margin:0}.end-claw{width:40px;height:46px;background:var(--color-brown, #5b2814);-webkit-mask:url(/brand/PPP_Logo_Icon.svg) no-repeat center / contain;mask:url(/brand/PPP_Logo_Icon.svg) no-repeat center / contain}.end-next{width:100%}.end-caught-up{margin:0}.end-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.dir-pill-bottom{display:none}@media(max-width:640px){.reader-top .dir-pill{display:none}.dir-pill-bottom{display:inline-block}.reader-bottom .progress{margin-inline:.25rem}.bar-chapter{font-size:.88rem}.edge-btn{width:38px;height:56px}}@media(prefers-reduced-motion:reduce){.reader-track.easing,.zoom-wrap.zoom-easing,.reader-bar,.progress-fill{transition:none!important}}