*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{color:#fff;background-color:#121212;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,sans-serif;overflow:hidden}#app{flex-direction:column;width:100vw;height:100vh;display:flex}.header{color:#e0e0e0;z-index:10;background:#1e1e1e;justify-content:center;align-items:center;height:44px;font-size:14px;font-weight:500;display:flex;box-shadow:0 1px 3px #0006}.book-wrapper{flex:1;justify-content:center;align-items:center;width:100%;padding:8px 4px;display:flex;overflow:hidden}.page-item{background-color:#fff;border-radius:4px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000004d}.page-item img{object-fit:contain;pointer-events:none;width:100%;height:100%;transition:transform .15s ease-out;display:block;position:relative}.offline-status{text-align:center;color:#999;background:#1a1a1a;border-bottom:1px solid #262626;padding:4px 10px;font-size:12px;line-height:1.6}.offline-status.ready{color:#4caf50}.offline-status.warn{color:#e6a23c;font-weight:500}.controls{z-index:10;background:#1e1e1e;flex-direction:column;gap:8px;padding:8px 16px 48px;display:flex;box-shadow:0 -1px 4px #0006}.slider-container{align-items:center;gap:10px;width:100%;display:flex}.slider-container .label{color:#aaa;text-align:center;min-width:24px;font-size:12px}input[type=range]{-webkit-appearance:none;background:#444;border-radius:2px;outline:none;flex:1;height:4px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#e6a23c;border-radius:50%;width:20px;height:20px;box-shadow:0 0 6px #e6a23c66}.btn-group{justify-content:space-between;gap:8px;display:flex}.btn-group button{color:#fff;cursor:pointer;background-color:#2b2b2b;border:1px solid #3a3a3a;border-radius:6px;flex:1;justify-content:center;align-items:center;height:36px;font-size:13px;font-weight:500;transition:background-color .15s,transform .1s;display:flex}.btn-group button:active{color:#000;background-color:#e6a23c;transform:scale(.97)}