:root{color-scheme:dark;--bg:#102a37;--ink:#e9f0f1;--muted:#abc0c9;--line:#ffffff20;--accent:#72d0ec}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.4 system-ui,-apple-system,sans-serif;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}header{height:85px;flex-shrink:0;display:flex;align-items:center;gap:32px;padding:0 34px;border-bottom:1px solid var(--line)}.brand{font:bold 28px/.85 Georgia,serif;color:var(--ink);text-decoration:none;letter-spacing:-1.2px}.brand span{display:block;padding-left:24px}.issue{display:flex;flex-direction:column;gap:4px;font-size:11px;letter-spacing:1.5px}.issue strong{font-weight:500}.issue span{color:var(--muted);letter-spacing:.4px}.issue i{font-style:normal;margin:0 7px}#fullscreen{margin-left:auto}button{border:1px solid transparent;background:transparent;color:inherit;border-radius:7px;min-width:40px;min-height:40px;cursor:pointer;font:24px/1 system-ui;padding:8px}button:hover{background:#ffffff12;border-color:var(--line)}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button span{font-size:12px;vertical-align:middle}#stage{position:relative;flex:1;min-height:0;padding:20px 48px 14px;background:radial-gradient(ellipse at 50% 40%,#2f4b56 0%,#193744 45%,#102a37 90%);overflow:hidden}#book{height:100%;width:100%;transition:translate .5s ease}.page{background:#fff;overflow:hidden;box-shadow:0 0 20px #0002}.page img{width:100%;height:100%;object-fit:contain;display:block;user-select:none;pointer-events:none}.page.--left:after,.page.--right:after{content:'';position:absolute;inset:0;pointer-events:none}.page.--left:after{background:linear-gradient(90deg,transparent 93%,#0002)}.page.--right:after{background:linear-gradient(90deg,#0002,transparent 7%)}#loading{position:absolute;inset:0;display:grid;place-items:center;background:var(--bg)}#loading[hidden]{display:none}footer{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:7px 28px;border-top:1px solid var(--line);gap:12px}nav,.tools,#jump{display:flex;align-items:center;gap:6px}#jump{font-size:12px;color:var(--muted);white-space:nowrap}#page-number{width:46px;height:32px;text-align:center;color:var(--ink);background:#ffffff0a;border:1px solid #ffffff30;border-radius:5px;font:13px system-ui;appearance:textfield}#page-number::-webkit-inner-spin-button{appearance:none}.caption{display:flex;justify-content:space-between;padding:0 36px 12px;color:var(--muted);font-size:11px}.hint{opacity:.7}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{color:var(--ink);background:#173442;border:1px solid #ffffff30;border-radius:12px;padding:0;width:min(880px,94vw);max-height:88dvh;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#05141bc9;backdrop-filter:blur(5px)}.dialog-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#173442;border-bottom:1px solid var(--line)}h2{font:20px Georgia;margin:0}#results{padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px}.thumb{padding:8px;font-size:12px;line-height:1.4;text-align:left}.thumb img{width:100%;aspect-ratio:19/26;object-fit:contain;background:#fff;display:block;margin-bottom:10px}.thumb[aria-current=true]{border-color:var(--accent)}#search-box{padding:20px 20px 0}#query{display:block;width:100%;margin-top:8px;background:#0a2430;border:1px solid #ffffff40;border-radius:6px;padding:12px;color:white;font:16px system-ui}#result-count{color:var(--muted);font-size:12px}.snippet{display:block;font-size:11px;color:var(--muted);margin-top:6px}#zoom-panel{width:96vw;height:94dvh;max-height:94dvh}#zoom-panel[open]{display:flex;flex-direction:column}#zoom-scroll{overflow:auto;flex:1;background:#324b56;padding:16px}#zoom-images{display:flex;align-items:flex-start;gap:2px;min-width:100%;width:max-content}#zoom-images img{display:block;height:auto;width:var(--zoom-width,75vw)}@media(max-width:650px){header{height:70px;padding:0 16px;gap:20px}.brand{font-size:23px}.issue{font-size:9px;letter-spacing:.7px}#stage{padding:12px 8px}footer{padding:6px 7px;gap:0}.tools{gap:0}button{min-width:35px;padding:6px}button span{display:none}#first,#last{display:none}nav{gap:1px}.caption{padding:0 16px 10px;font-size:10px}.hint{display:none}#results{grid-template-columns:repeat(2,1fr)}#zoom-images{flex-direction:column}}@media(prefers-reduced-motion:reduce){#book{transition:none}}@media(max-height:500px){header{height:52px}#stage{padding:5px 10px}.caption{display:none}footer{padding:3px 12px}}