*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{height:100dvh;display:flex;flex-direction:column;background:#f3efe7;color:#736856;font-family:Georgia,"Noto Serif TC",serif;text-align:center}header{height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;gap:20px;padding:6px 12px}header span{font:9px Arial,sans-serif;letter-spacing:4px}h1{font-size:20px;font-weight:400;letter-spacing:6px;margin:0}header p,.hint{display:none}main{flex:1;min-height:0;display:flex;flex-direction:column}.stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:3px;overflow:hidden;touch-action:none}#bookMount{position:relative;flex:none;transform-origin:center center;filter:drop-shadow(0 7px 10px #5c4a3220)}#book{position:relative;touch-action:none}#book .stf__wrapper{width:100%;height:100%;padding:0!important}#book canvas{width:100%!important;height:100%!important;display:block;touch-action:none}#loadStatus{position:absolute;inset:auto 10px 8px;font-size:11px;color:#9c8c72;pointer-events:none}nav{height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;gap:16px}button{color:inherit;background:none;border:0;cursor:pointer;font:inherit;min-width:44px;min-height:36px}button:disabled{opacity:.25;cursor:default}button:focus-visible,input:focus-visible{outline:2px solid #ab926b;outline-offset:3px}#progress{font-size:11px;letter-spacing:1px;min-width:160px}.track{height:1px;flex:0 0 1px;width:150px;background:#d9cfc0;margin:0 auto}#bar{height:100%;background:#a28a65;transition:width .4s}footer{height:40px;flex:0 0 40px;display:flex;justify-content:center;align-items:center;gap:18px;padding:0 10px;font-size:11px}footer label{display:flex;align-items:center;gap:8px}input{width:72px;accent-color:#ad9570}#audioStatus{font-size:10px;color:#9a7258}#resetZoom[hidden]{display:none}#resetZoom{border:1px solid #c9bda8;border-radius:18px;padding:0 10px;min-width:70px;min-height:28px;font-size:10px}.magnified{cursor:move}@media(prefers-reduced-motion:reduce){#bar{transition:none}}