:root{color-scheme:dark;--reader-bg:#101712;--reader-panel:#17211a;--reader-line:rgba(255,255,255,.11);--reader-text:#f4f1e9;--reader-muted:#a9b2aa;--reader-accent:#d8ff55;--reader-orange:#f06a37}.reader-body{margin:0;background:var(--reader-bg);color:var(--reader-text);font-family:Hind Madurai,system-ui,sans-serif;overflow:hidden}.reader-body *{box-sizing:border-box}.reader-app{height:100dvh;display:grid;grid-template-rows:68px minmax(0,1fr) 62px;background:radial-gradient(circle at 50% 35%,#2c3a30 0,#18221b 34%,#0d120f 76%)}.reader-header{display:flex;align-items:center;gap:16px;padding:0 22px;border-bottom:1px solid var(--reader-line);background:#0d120fdb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20}.reader-back,.reader-header-actions a,.reader-header-actions button,.reader-controls button,.thumbnail-heading button{border:1px solid var(--reader-line);background:#ffffff0e;color:var(--reader-text);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;text-decoration:none;font:inherit;font-size:18px;cursor:pointer;transition:.2s ease}.reader-back:hover,.reader-header-actions a:hover,.reader-header-actions button:hover,.reader-controls button:hover{background:var(--reader-accent);border-color:var(--reader-accent);color:#101712;transform:translateY(-1px)}.reader-title{display:grid;line-height:1.15;min-width:0}.reader-title span{color:var(--reader-accent);font-size:9px;font-weight:700;letter-spacing:.18em}.reader-title strong{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reader-header-actions{display:flex;gap:8px;margin-left:auto}.reader-workspace{display:grid;grid-template-columns:0 minmax(0,1fr);min-height:0;transition:grid-template-columns .3s ease}.reader-app.thumbnails-open .reader-workspace{grid-template-columns:220px minmax(0,1fr)}.reader-thumbnails{overflow:hidden;background:#0f1611f0;border-right:1px solid var(--reader-line);z-index:12}.thumbnail-heading{height:52px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--reader-line)}.thumbnail-heading button{width:28px;height:28px}.thumbnail-list{height:calc(100% - 52px);overflow:auto;padding:14px;display:grid;align-content:start;gap:14px}.thumbnail{border:1px solid transparent;background:transparent;color:var(--reader-muted);padding:5px;border-radius:7px;cursor:pointer;display:grid;gap:5px;transition:.2s ease}.thumbnail canvas{display:block;width:100%;background:#fff;box-shadow:0 5px 16px #00000040}.thumbnail span{font:600 11px inherit}.thumbnail:hover,.thumbnail.active{border-color:var(--reader-accent);color:var(--reader-accent);background:#d8ff550f}.reader-stage{position:relative;display:grid;place-items:center;min-width:0;min-height:0;overflow:auto;padding:30px 76px}.flipbook-zoom{width:min(100%,1120px);height:min(100%,760px);display:grid;place-items:center;transform:scale(var(--reader-zoom,1));transition:transform .2s ease;transform-origin:center}.flipbook{display:none}.flipbook.ready{display:block}.reader-page{background:#fff;color:#111;overflow:hidden}.reader-page canvas{display:block;width:100%;height:100%;object-fit:contain;background:#fff}.page-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#88908a;background:#f7f4ea;font:600 13px inherit}.page-edge{position:absolute;top:50%;translate:0 -50%;width:48px;height:76px;border:1px solid var(--reader-line);border-radius:30px;background:#0c120e94;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;font-size:36px;cursor:pointer;z-index:10;transition:.2s ease}.page-edge:hover{background:var(--reader-accent);color:#101712}.page-edge.previous{left:22px}.page-edge.next{right:22px}.reader-loading,.reader-error{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:8px;text-align:center;z-index:5}.reader-loading span{width:48px;height:48px;border-radius:50%;border:3px solid rgba(255,255,255,.15);border-top-color:var(--reader-accent);animation:reader-spin .8s linear infinite}.reader-loading strong{margin-top:8px}.reader-loading small{color:var(--reader-muted)}.reader-error[hidden],.reader-loading[hidden]{display:none}.reader-error a{color:var(--reader-accent)}@keyframes reader-spin{to{rotate:360deg}}.reader-controls{display:grid;grid-template-columns:1fr minmax(120px,420px) 1fr;align-items:center;gap:22px;padding:0 22px;border-top:1px solid var(--reader-line);background:#0d120feb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:20}.reader-nav,.reader-zoom{display:flex;align-items:center;gap:9px}.reader-nav label{display:flex;align-items:center;gap:5px;color:var(--reader-muted);font-size:12px}.reader-nav input{width:48px;height:34px;border:1px solid var(--reader-line);border-radius:6px;background:#0d120f;color:#fff;text-align:center;font:600 13px inherit}.reader-progress{height:3px;background:#ffffff1f;border-radius:4px;overflow:hidden}.reader-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--reader-orange),var(--reader-accent));transition:width .25s ease}.reader-zoom{justify-content:flex-end}.reader-zoom span{width:42px;text-align:center;color:var(--reader-muted);font-size:11px}.reader-zoom button:last-child{width:auto;border-radius:18px;padding:0 13px;font-size:12px}@media(max-width:760px){.reader-app{grid-template-rows:60px minmax(0,1fr) 58px}.reader-header{padding:0 12px}.reader-title strong{max-width:42vw}.reader-header-actions{gap:5px}.reader-app.thumbnails-open .reader-workspace{grid-template-columns:min(72vw,240px) minmax(0,1fr)}.reader-stage{padding:20px 18px}.page-edge{width:38px;height:58px;font-size:28px;top:auto;bottom:14px}.page-edge.previous{left:14px}.page-edge.next{right:14px}.reader-controls{grid-template-columns:1fr auto;padding:0 12px;gap:10px}.reader-progress{position:absolute;left:0;right:0;bottom:58px}.reader-zoom span,.reader-zoom button:not(:last-child){display:none}.reader-zoom button:last-child{height:34px}.reader-nav button{width:34px;height:34px}}