*{box-sizing:border-box}html,body{margin:0;background:#090909;color:#f5f2eb;font:16px/1.4 Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:#151515;border:1px solid #454139;border-radius:3px;padding:10px 14px;min-height:44px;cursor:pointer}button:hover{background:#e5c17b;color:#15110b}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #edc988;outline-offset:4px}.magazine{height:100svh;min-height:440px;display:grid;grid-template-rows:74px minmax(0,1fr) 66px 32px;overflow:hidden}.magazine:fullscreen{height:100vh}header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;padding:0 28px;border-bottom:1px solid #ffffff20}header>a{color:#e5c17b}header>div{text-align:center}header strong{font-size:16px}header span{display:block;font-size:12px;color:#baad92;margin-top:4px}header small{justify-self:end;font-size:12px;letter-spacing:.12em;color:#999}#stage{min-height:0;position:relative;display:grid;place-items:center;padding:20px 30px;background:radial-gradient(ellipse at center,#30291e,#171410 45%,#090909 85%);overflow:hidden}#shell{position:relative}#book{filter:drop-shadow(0 15px 22px #0008)}.page{background:white;overflow:hidden}.page img,.page video{display:block;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none;-webkit-user-drag:none}.page video{position:absolute;inset:0}.page:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 1px #0005;pointer-events:none}.controls{padding:8px 24px;display:flex;align-items:center;gap:18px;border-top:1px solid #ffffff20;background:#0c0c0c}.tools{display:flex;gap:8px;margin-left:auto}output{color:#d5c29b;white-space:nowrap;font-size:14px}.hint{margin:0;padding:0 24px;color:#999;font-size:12px;display:flex;justify-content:space-between;align-items:center}.hint a{color:#c9b185;text-decoration:underline}#loading{position:absolute;pointer-events:none}dialog{background:#141310;color:#f5f2eb;border:1px solid #655a42;border-radius:6px;max-width:94vw;width:1000px;max-height:90svh;padding:0}dialog::backdrop{background:#000c}.dialogbar{position:sticky;top:0;z-index:5;background:#141310;display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid #454139}.dialogbar h2{margin:0;font-size:18px}.dialogbar [data-close]{margin-left:auto}#thumbgrid{padding:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:15px}#thumbgrid button{padding:5px;background:#25221c}#thumbgrid img{width:100%;aspect-ratio:612/792;object-fit:contain;display:block;background:white}#thumbgrid span{display:block;font-size:14px;margin-top:4px}#thumbgrid .selected{outline:2px solid #e5c17b}.zoomscroll{overflow:auto;max-height:calc(90svh - 75px);background:#34312a;padding:14px}#zoomimage{display:block;width:1530px;max-width:none;height:auto;margin:auto}#enlarged{width:96vw;max-width:1600px}#zoomnumber{min-width:110px;text-align:center}body:has(dialog[open]){overflow:hidden}
@media(max-width:760px){.magazine{grid-template-rows:70px minmax(0,1fr) auto 36px}header{padding:0 12px;grid-template-columns:auto 1fr;gap:10px}header strong{font-size:14px}header small{display:none}header span{font-size:12px}#stage{padding:12px 10px}.controls{flex-wrap:wrap;justify-content:center;padding:8px;gap:6px}.tools{margin-left:0;gap:5px;display:contents}.controls button{font-size:14px;padding:8px 10px}output{order:-1;flex-basis:100%;text-align:center}#prev span,#next span{display:none}.hint{padding:0 10px;font-size:12px}.hint{justify-content:center}.hint>a{margin-left:12px}#motion{font-size:12px}#fullscreen{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}