*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:Arial,Tahoma,sans-serif;background:var(--page-surround,#fff);color:#222}button,input{font:inherit}button{min-width:48px;min-height:48px;padding:10px 14px;background:#fff;border:1px solid #d8d8d8;border-radius:7px;color:#222;cursor:pointer;touch-action:manipulation}button:hover{background:#eee}button:disabled{opacity:.35;cursor:default}:focus-visible{outline:3px solid #1769c2;outline-offset:2px}#viewport{height:100%;overflow:auto;padding:0 0 84px;display:flex;align-items:flex-start}#sheet{position:relative;flex-shrink:0;margin:0 auto;width:min(100%,calc((100dvh - 84px)*.978));line-height:0;background:white}#page{width:100%;height:auto;display:block}#links{position:absolute;inset:0;pointer-events:none}.hotspot{position:absolute;pointer-events:auto;border:0;border-radius:0;background:transparent!important;min-height:0;min-width:0;padding:0}.hotspot:hover{outline:2px solid #d9ad54;outline-offset:-2px}.hotspot:focus-visible{outline:3px solid #1769c2;outline-offset:-3px}#toolbar{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:7px;padding:8px;border-radius:12px;background:#f5f5f5f2;box-shadow:0 3px 20px #0005;max-width:calc(100% - 20px);overflow-x:auto;white-space:nowrap}#toolbar button{flex-shrink:0}.pageNumber{display:flex;align-items:center;gap:4px;white-space:nowrap;font-size:13px}.pageNumber input{width:57px;border:1px solid #ccc;border-radius:5px;min-height:48px;text-align:center;background:white}#showControls{position:fixed;bottom:10px;right:10px;opacity:.65}body.clean #viewport{padding-bottom:0}body.clean #sheet{width:min(100%,calc(100dvh * .978))}dialog{width:min(900px,95vw);max-height:90dvh;border:0;border-radius:12px;padding:24px;overflow:auto}dialog::backdrop{background:#000b}.searchhead{display:flex;align-items:center;justify-content:space-between;gap:20px}h1{font-size:23px;font-weight:normal}.searchrow{display:flex;gap:8px;margin-top:10px}.searchrow input{width:100%;min-width:0;min-height:54px;border:1px solid #aaa;padding:12px;border-radius:6px}label{font-size:14px}.note{font-size:12px;line-height:1.5;color:#666}.result{display:flex;width:100%;gap:16px;text-align:left;align-items:center;margin:10px 0;padding:10px}.result img{width:76px;height:84px;object-fit:contain}.result span{line-height:1.6}.result small{display:block;color:#666}#keyboard .row{display:flex;gap:5px;justify-content:center;margin:6px 0}#keyboard button{flex:1;min-width:0;padding:10px 4px}#keyboard{padding-top:12px}#results>p{line-height:1.6}@media(max-width:650px){#toolbar{gap:4px;padding:6px;bottom:7px}#toolbar button{padding:8px;font-size:13px;min-width:44px}#toolbar button[aria-label="Cover"],#toolbar button[aria-label="Zoom out"],#toolbar button[aria-label="Full screen"]{display:none}.pageNumber input{width:44px}.pageNumber span{font-size:11px}dialog{padding:16px}.searchrow{gap:4px}.searchrow button{font-size:12px;padding:7px}.searchhead h1{font-size:20px}}

:root{--page-surround:#ed1d24}html:fullscreen,html:fullscreen::backdrop{background:var(--page-surround,#fff)}