*,:before,:after{box-sizing:border-box}:root{color:#f0e7d9;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#2a211d;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif}body{background:#4f4f4f;min-width:320px;min-height:100vh;margin:0;overflow:hidden}#root{min-height:100vh}.app-shell{width:100%;min-height:100vh;margin:0 auto;padding:0}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-header h1{margin:0;font-size:1.35rem;font-weight:700}.app-header p{color:#cfcfcf;margin:8px 0 0;font-size:.82rem}.top-actions{justify-content:center;margin-bottom:10px;display:flex}.top-actions button{color:#f3f3f3;cursor:pointer;background:#4a4a4a;border:none;border-radius:6px;padding:7px 12px}.message{text-align:center;z-index:10;background:#232323e6;border-radius:3px;margin:8px 0;padding:4px 10px;font-size:.88rem;position:absolute;top:40px;left:50%;transform:translate(-50%)}.message.error{color:#ffb9b9}.message.info{color:#dbcdb9}.flipbook-panel{box-shadow:none;background:#4c4c4c;border:none;height:100dvh;padding:0;overflow:hidden}.book-meta{text-align:center;color:#d6d6d6;padding:6px 0;font-size:.78rem}.book-toolbar{background:#333;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;min-height:38px;padding:6px 10px;display:flex}.toolbar-group{align-items:center;gap:8px;display:flex}.icon-btn{color:#ececec;cursor:pointer;opacity:.92;background:0 0;border:none;width:20px;height:20px;padding:0;font-size:.95rem}.page-indicator{color:#222;background:#fff;border-radius:2px;padding:2px 8px;font-size:.74rem}.book-stage{touch-action:pan-y;background:#585858;justify-content:center;align-items:center;gap:10px;height:calc(100dvh - 62px);padding:0;display:flex;position:relative}.flipbook-core{filter:drop-shadow(0 10px 18px #00000047);touch-action:pan-y;margin:0 auto}.page-sheet{background:#f7f3ea;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000f}.page-sheet:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#00000038,#0000);width:10px;position:absolute;top:0;bottom:0;left:0}.page-sheet:after{content:"";pointer-events:none;z-index:1;position:absolute;inset:0;box-shadow:inset 0 0 34px #00000014}.sheet-image{object-fit:cover;background:#f7f3ea;width:100%;height:100%;display:block}.sheet-number{color:#00000059;font-size:.75rem;position:absolute;bottom:8px;right:10px}.side-arrow{color:#9f9f9f;cursor:pointer;background:0 0;border:none;width:46px;font-size:2.9rem}.book-footer{color:#d8d8d8;background:#4a4a4a;justify-content:space-between;align-items:center;height:24px;padding:0 10px;font-size:.74rem;display:flex}.sheet-loading,.sheet-error{color:#555;z-index:2;background:#ffffffd9;place-items:center;font-size:.92rem;display:grid;position:absolute;inset:0}.reload-floating{color:#ededed;cursor:pointer;z-index:20;opacity:.8;background:#242424e6;border:none;border-radius:4px;padding:7px 10px;font-size:.76rem;position:fixed;bottom:12px;right:14px}@media (width<=900px){.flipbook-panel{height:100dvh}.book-toolbar{gap:4px;min-height:34px;padding-inline:6px}.icon-btn{width:18px;height:18px;font-size:.88rem}.page-indicator{padding:1px 6px;font-size:.68rem}.book-stage{background:radial-gradient(circle,#6a6a6a 0%,#525252 65%,#4a4a4a 100%);gap:4px;height:calc(100dvh - 34px);padding:0}.side-arrow{display:none}.tap-zone{z-index:12;background:0 0;border:none;width:28%;position:absolute;top:34px;bottom:0}.tap-zone.left{left:0}.tap-zone.right{right:0}.book-footer{display:none}.flipbook-core{filter:drop-shadow(0 6px 14px #0000004d);border-radius:6px;overflow:hidden}.page-sheet{background:#f6f1e5;border-radius:8px}.page-sheet:before{background:linear-gradient(90deg,#00000047,#0000);width:10px}.sheet-number{font-size:.68rem;bottom:6px;right:8px}.sheet-image{object-fit:contain}}