:root{color-scheme:dark;--navy:#071d37;--navy2:#0c2d52;--gold:#d9b766;--ink:#f7f2e8;--muted:#aeb9c5;--paper:#f4efe5}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(ellipse at 50% 28%,#16375a 0,#0b2543 42%,#06172b 100%);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body{min-height:100dvh}.reader{min-height:100dvh;max-width:1600px;margin:auto;padding:18px clamp(16px,3vw,42px) 12px;display:flex;flex-direction:column;gap:8px}.topbar{height:52px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;padding:0 0 12px}.brand{display:flex;align-items:center;gap:11px}.brand-mark{color:var(--navy);background:var(--gold);font-family:Georgia,serif;font-weight:bold;letter-spacing:1px;font-size:17px;padding:7px 9px;border-radius:4px}.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy strong{font-size:12px;letter-spacing:1.6px}.brand-copy small{font-size:9px;letter-spacing:1.25px;color:var(--muted)}.top-actions{display:flex;align-items:center;gap:14px}.reading-mode{color:#c2ccd7;font-size:11px;letter-spacing:.4px}.pdf-link,.icon-button{height:34px;border:1px solid #ffffff35;border-radius:7px;color:var(--ink);background:#ffffff0b;text-decoration:none;display:flex;align-items:center;justify-content:center}.pdf-link{padding:0 11px;font-size:11px;letter-spacing:.5px;gap:7px}.pdf-link span{color:var(--gold);font-size:17px}.icon-button{width:36px;font-size:19px;cursor:pointer}.issue-heading{display:flex;justify-content:space-between;align-items:end;padding:2px 2px 6px}.eyebrow{color:var(--gold);font-size:9px;letter-spacing:1.8px}.issue-heading h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:clamp(18px,2vw,25px);margin:3px 0 0}.issue-heading p{color:#d4dce5;font-size:11px;margin:0 0 3px}.book-stage{flex:1;min-height:0;display:flex;justify-content:center;align-items:center;perspective:1800px;overflow:hidden}.book{height:min(75dvh,840px);width:auto;aspect-ratio:1.125;position:relative;display:flex;filter:drop-shadow(0 28px 36px #0008);transform-style:preserve-3d}.book-page{position:relative;height:100%;width:auto;aspect-ratio:9/16;background:var(--paper);overflow:hidden}.book-page img,.mobile-page img,.turn-face img{width:100%;height:100%;display:block;object-fit:contain;user-select:none;-webkit-user-drag:none}.left-page{border-radius:5px 0 0 5px;box-shadow:inset -13px 0 20px -20px #000}.right-page{border-radius:0 5px 5px 0;box-shadow:inset 12px 0 20px -20px #000}.left-page::after,.right-page::before{content:"";position:absolute;top:0;bottom:0;width:18px;pointer-events:none}.left-page::after{right:0;background:linear-gradient(90deg,transparent,#071d371c)}.right-page::before{left:0;background:linear-gradient(90deg,#071d3720,transparent)}.book-shadow{position:absolute;z-index:-1;top:2%;bottom:2%;left:50%;width:14px;transform:translateX(-50%);background:linear-gradient(90deg,#0002,#0008,#0002);pointer-events:none}.mobile-page{display:none}.turn-sheet{position:absolute;z-index:4;top:0;bottom:0;left:50%;width:50%;transform-style:preserve-3d;transform-origin:left center;display:none;box-shadow:0 4px 24px #0005}.turn-sheet.mobile-turn{left:0;width:100%;transform-origin:left center}.turn-sheet.reverse-turn{left:0;transform-origin:right center}.turn-face{position:absolute;inset:0;overflow:hidden;background:var(--paper);backface-visibility:hidden;-webkit-backface-visibility:hidden}.turn-front{border-radius:0 5px 5px 0}.turn-back{transform:rotateY(180deg);border-radius:5px 0 0 5px}.turn-sheet.reverse-turn .turn-front{border-radius:5px 0 0 5px}.turn-sheet.reverse-turn .turn-back{border-radius:0 5px 5px 0}.turn-sheet.turning-forward{animation:turnForward .58s cubic-bezier(.45,.05,.35,1) forwards}.turn-sheet.turning-back{animation:turnBack .58s cubic-bezier(.45,.05,.35,1) forwards}@keyframes turnForward{from{transform:rotateY(0)}to{transform:rotateY(-180deg)}}@keyframes turnBack{from{transform:rotateY(0)}to{transform:rotateY(180deg)}}.page-hit{position:absolute;z-index:2;top:0;bottom:0;width:12%;border:0;background:transparent;cursor:pointer}.prev-hit{left:0}.next-hit{right:0}.page-hit:focus-visible,.nav-button:focus-visible,.icon-button:focus-visible,.pdf-link:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.controls{height:52px;display:flex;align-items:center;justify-content:center;gap:18px}.nav-button{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid #ffffff35;border-radius:7px;color:var(--ink);background:#ffffff0b;cursor:pointer;font-size:12px}.nav-button>span:first-child,.nav-button>span:last-child{font-size:20px;line-height:1}.nav-button.primary{background:var(--gold);border-color:var(--gold);color:var(--navy);font-weight:bold}.nav-button:disabled{opacity:.35;cursor:default}.progress-wrap{width:min(360px,36vw);display:flex;flex-direction:column;gap:3px}input[type=range]{width:100%;height:4px;accent-color:var(--gold);cursor:pointer}.progress-meta{display:flex;justify-content:space-between;color:#d9e0e7;font-size:10px}.hint{color:#9baaba}.footer{height:19px;display:flex;justify-content:space-between;align-items:center;color:#8998a8;font-size:9px;letter-spacing:.7px}.footer span:last-child{letter-spacing:0}
@media(max-width:760px){html,body{overflow:hidden}.reader{height:100dvh;min-height:0;padding:env(safe-area-inset-top) 12px env(safe-area-inset-bottom);gap:5px}.topbar{height:46px;flex:none;padding-bottom:8px}.brand{gap:8px}.brand-mark{font-size:14px;padding:6px 7px}.brand-copy strong{font-size:10px}.brand-copy small{font-size:8px;letter-spacing:.75px}.top-actions{gap:8px}.reading-mode{display:none}.pdf-link{height:31px;padding:0 9px;font-size:10px}.icon-button{width:32px;height:31px;font-size:17px}.issue-heading{flex:none;align-items:center;padding:5px 1px 3px}.eyebrow{font-size:8px;letter-spacing:1.3px}.issue-heading h1{font-size:18px;margin-top:2px}.issue-heading p{font-size:10px;white-space:nowrap;margin-left:8px}.book-stage{flex:1;min-height:0;overflow:hidden;touch-action:pan-y}.book{height:auto;width:min(100%,calc((100dvh - 190px)*.5625));max-height:calc(100dvh - 190px);aspect-ratio:9/16;display:block}.book-page{display:none}.mobile-page{display:block;position:absolute;inset:0;background:var(--paper);border-radius:4px;overflow:hidden;box-shadow:0 10px 28px #0004}.book-shadow{display:none}.page-hit{width:18%;z-index:3}.turn-sheet{width:100%;left:0}.turn-face{border-radius:4px}.controls{height:48px;flex:none;gap:8px}.nav-button{height:34px;padding:0 10px;gap:5px;font-size:11px}.nav-button>span:first-child,.nav-button>span:last-child{font-size:18px}.progress-wrap{width:auto;flex:1;max-width:260px}.progress-meta{font-size:9px}.hint{display:none}.footer{height:15px;flex:none;font-size:8px}.footer span:last-child{font-size:8px}}
@media(max-width:360px){.issue-heading h1{font-size:16px}.brand-copy small{font-size:7px}.footer span:last-child{max-width:55%;text-align:right}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}