:root{color-scheme:dark;--reader-bg:#080d1b;--reader-panel:#111a32;--reader-line:#34415e;--reader-accent:#f5b82e;--reader-text:#eef3ff}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--reader-bg);color:var(--reader-text)}button,input,a{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.reader-app{display:grid;grid-template-rows:auto 1fr auto;overflow:hidden}.reader-toolbar{min-height:64px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,480px) auto;align-items:center;gap:1rem;padding:.65rem 1rem;background:linear-gradient(90deg,#10182f,#1b2850);border-bottom:1px solid var(--reader-line);box-shadow:0 4px 18px #0007;z-index:5}.reader-title-group,.reader-actions{display:flex;align-items:center;gap:.55rem;min-width:0}.reader-title-group h1{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.reader-icon,.reader-toolbar button,.reader-footer button{display:inline-grid;place-items:center;min-width:38px;height:38px;border:1px solid var(--reader-line);border-radius:.6rem;background:#1c2a4b;color:var(--reader-text);text-decoration:none;cursor:pointer}.reader-icon:hover,.reader-toolbar button:hover,.reader-footer button:hover,.reader-icon:focus,.reader-toolbar button:focus,.reader-footer button:focus{background:#293c68;outline:2px solid var(--reader-accent);outline-offset:1px}.reader-footer button:disabled{opacity:.35;cursor:not-allowed}.reader-search{display:flex}.reader-search input{width:100%;min-width:0;border:1px solid var(--reader-line);border-radius:.55rem 0 0 .55rem;background:#0b1328;color:#fff;padding:.65rem .8rem}.reader-search button{border-radius:0 .55rem .55rem 0;padding:0 .8rem}.reader-actions output{font-size:.8rem;min-width:42px;text-align:center}.reader-workspace{min-height:0;display:grid;grid-template-columns:220px 1fr}.thumbnail-panel{min-height:0;background:var(--reader-panel);border-right:1px solid var(--reader-line);display:flex;flex-direction:column;transition:margin .25s ease}.thumbnail-panel.collapsed{margin-left:-220px}.thumbnail-heading{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 .9rem;border-bottom:1px solid var(--reader-line);font-size:.85rem}.thumbnail-list{overflow:auto;padding:.75rem;display:grid;gap:.75rem}.thumbnail-button{display:grid;gap:.35rem;justify-items:center;width:100%;padding:.45rem;border:1px solid transparent;border-radius:.5rem;background:transparent;color:#cfe1f5;cursor:pointer}.thumbnail-button canvas{display:block;max-width:132px;height:auto;background:#fff;box-shadow:0 2px 10px #0008}.thumbnail-button.active{border-color:var(--reader-accent);background:#26385e;color:#fff}.reader-stage{position:relative;min-width:0;min-height:0;overflow:auto;display:block;padding:1.5rem 2rem 3rem;background:radial-gradient(circle at 50% 4%,#303b5b 0,#151d33 43%,#090e1b 100%);touch-action:pan-y}.reader-stage:before{content:"";position:fixed;inset:64px 0 58px 220px;pointer-events:none;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.02) 50%,transparent 50.2%)}.reader-status{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.8rem;color:#dbeafe;z-index:20}.reader-status.error{color:#fecaca}.reader-spinner{width:24px;height:24px;border:3px solid #ffffff33;border-top-color:var(--reader-accent);border-radius:50%;animation:spin .8s linear infinite}.page-surface{position:relative;width:100%;max-width:1600px;margin:0 auto}.flipbook-zoom{--flipbook-zoom:1;width:100%;zoom:var(--flipbook-zoom);transition:zoom .18s ease}.flip-book{margin:0 auto;filter:drop-shadow(0 28px 42px rgba(0,0,0,.58))}.flip-page{position:relative;overflow:hidden;background:#f8f4e9;border:1px solid rgba(36,30,18,.14);isolation:isolate}.flip-page:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.04),transparent 4%,transparent 95%,rgba(0,0,0,.08));mix-blend-mode:multiply}.flip-page.--left:after{background:linear-gradient(90deg,rgba(0,0,0,.035),transparent 5%,transparent 88%,rgba(0,0,0,.13))}.flip-page.--right:after{background:linear-gradient(90deg,rgba(0,0,0,.14),transparent 12%,transparent 96%,rgba(0,0,0,.025))}.flip-page.cover-page,.flip-page.back-cover-page{border:2px solid rgba(53,41,14,.35);box-shadow:inset 0 0 0 5px rgba(255,255,255,.12)}.pdf-page-image{display:block;width:100%;height:100%;object-fit:contain;background:#fff;user-select:none;-webkit-user-drag:none}.flip-page-loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;background:linear-gradient(135deg,#fffdf7,#ece8dc);color:#667085}.flip-page-loader>span{width:30px;height:30px;border:3px solid #d5d0c5;border-top-color:#e88a20;border-radius:50%;animation:spin .8s linear infinite}.flip-page-loader small{font-size:.72rem}.flip-page.rendered .flip-page-loader{display:none}.flip-page-number{position:absolute;z-index:3;bottom:7px;right:9px;min-width:30px;padding:2px 7px;border-radius:6px;background:rgba(255,255,255,.8);color:#404657;text-align:center;font-size:10px;box-shadow:0 1px 4px rgba(0,0,0,.15)}.flip-page.--left .flip-page-number{right:auto;left:9px}.flip-hint{display:flex;align-items:center;justify-content:center;gap:.45rem;width:max-content;max-width:calc(100% - 2rem);margin:1rem auto 0;padding:.55rem .85rem;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(17,26,50,.82);color:#d9e3f3;font-size:.76rem;transition:.3s}.flip-hint span{color:#f5c452}.flip-hint.dismissed{opacity:0;transform:translateY(6px);pointer-events:none}.stf__parent{margin:0 auto!important}.stf__wrapper{perspective:2600px!important}.stf__block{perspective:2600px!important}.stf__outerShadow,.stf__innerShadow,.stf__hardShadow,.stf__hardInnerShadow{pointer-events:none}.reader-footer{height:58px;display:flex;align-items:center;justify-content:center;gap:.65rem;background:linear-gradient(90deg,#10182f,#1b2850);border-top:1px solid var(--reader-line);z-index:4}.reader-footer input{width:64px;height:36px;border:1px solid var(--reader-line);border-radius:.45rem;background:#0b1328;color:#fff;text-align:center}.reader-footer button{height:36px}.reader-footer .page-range{color:#f5c757;font-size:.8rem;min-width:45px}.reader-footer #search-status{position:absolute;right:1rem;font-size:.8rem;color:#b9d3ee}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.reader-toolbar{grid-template-columns:1fr auto}.reader-search{grid-column:1/-1;grid-row:2}.reader-actions #zoom-level{display:none}.reader-workspace{grid-template-columns:0 1fr}.thumbnail-panel{position:absolute;top:0;bottom:0;width:220px;z-index:25;box-shadow:8px 0 25px #000a}.thumbnail-panel.collapsed{margin-left:-220px}.reader-stage{padding:1rem}.reader-stage:before{display:none}.reader-footer #search-status{display:none}}@media(max-width:560px){.reader-toolbar{gap:.55rem;padding:.5rem}.reader-title-group h1{max-width:38vw}.reader-actions{gap:.25rem}.reader-actions .reader-icon{min-width:34px}.reader-stage{padding:.5rem .25rem 2rem}.reader-footer{height:52px}.reader-footer .page-range{display:none}.flip-hint{font-size:.68rem}}
