*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}.ebook-body{width:100vw;height:100vh;overflow:hidden;font-family:Hanken Grotesk,Switzer,-apple-system,sans-serif;background:#0a0a0a;color:#e5e2e1;-webkit-user-select:none;user-select:none}.ebook-scene{position:relative;width:100%;height:100%;background-color:#0e0e0e;background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.03) 1px,transparent 0);background-size:32px 32px;overflow:hidden}.corner-btn{position:absolute;z-index:200;display:flex;align-items:center;gap:8px;padding:8px 14px;background:#1c1b1b;border:1px solid #333333;color:#8e9192;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;text-decoration:none;border-radius:0;transition:background .15s ease,color .15s ease,border-color .15s ease}.corner-btn:hover{background:#fff;color:#131313;border-color:#fff}.corner-back{bottom:88px;left:20px}.corner-fullscreen{bottom:88px;right:20px}.flip-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:150;width:48px;height:48px;border-radius:0;background:#1c1b1b;border:1px solid #333333;color:#8e9192;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.flip-arrow:hover{background:#fff;color:#131313;border-color:#fff}.flip-arrow:disabled{opacity:.15;cursor:not-allowed;background:#1c1b1b;color:#444748}.flip-arrow-left{left:20px}.flip-arrow-right{right:20px}.book-stage{position:absolute;width:3840px;height:1080px;top:50%;left:50%;margin-top:-540px;margin-left:-1920px;transform-origin:center center;outline:1px solid #333333;transition:transform .25s ease}.book{position:relative;width:100%;height:100%;perspective:3000px;transform-style:preserve-3d;background:#201f1f}.book:after{content:"";position:absolute;left:50%;top:0;width:1px;height:100%;transform:translate(-50%);background:#333;z-index:40;pointer-events:none}.book:before{content:"";position:absolute;left:50%;top:0;width:40px;height:100%;transform:translate(-50%);background:linear-gradient(to right,#00000040,#0000 40%,#0000 60%,#00000040);z-index:39;pointer-events:none}.book-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:16px;font-family:JetBrains Mono,monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#444748}.loading-spinner{width:28px;height:28px;border:1px solid #333333;border-top-color:#8e9192;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.leaf{position:absolute;width:50%;height:100%;right:0;top:0;transform-origin:left center;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.25,.9,.4,1);z-index:1}.leaf.flipped{transform:rotateY(-180deg)}.leaf.flipping{z-index:99!important}.page-front,.page-back{position:absolute;width:100%;height:100%;top:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;overflow:hidden}.page-back{transform:rotateY(180deg)}.ebook-page-img{width:100%;height:100%;object-fit:cover;display:block;background:#fff}.page-front:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,rgba(0,0,0,.12) 0%,transparent 5%);pointer-events:none;z-index:2}.page-back:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to left,rgba(0,0,0,.12) 0%,transparent 5%);pointer-events:none;z-index:2}.controls-layer{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:0;z-index:200;pointer-events:none}.toolbar-pill{display:inline-flex;align-items:center;gap:0;background:#1c1b1b;border:1px solid #333333;border-radius:0;padding:0 4px;pointer-events:all;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);margin-bottom:0}.pill-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#8e9192;cursor:pointer;border-radius:0;transition:background .15s ease,color .15s ease;flex-shrink:0;position:relative}.pill-btn:hover{background:#fff;color:#131313}.pill-btn:disabled{opacity:.18;cursor:not-allowed;background:transparent}.pill-btn.active{background:#fff;color:#131313}.pill-divider{width:1px;height:24px;background:#333;margin:0 4px;flex-shrink:0}.pill-indicator{display:flex;align-items:center;gap:6px;padding:0 14px;height:40px;border-left:1px solid #333333;border-right:1px solid #333333;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:400;color:#8e9192;margin:0 4px;background:transparent}.pill-page-input{width:28px;background:transparent;border:none;border-bottom:1px solid #444748;outline:none;font-family:JetBrains Mono,monospace;font-size:12px;color:#e5e2e1;text-align:center;padding:2px 0;transition:border-color .15s ease}.pill-page-input:focus{border-bottom-color:#8e9192}.pill-sep{color:#444748}.pill-total{color:#444748;min-width:20px}.pill-go{padding:3px 10px;background:transparent;border:1px solid #444748;border-radius:0;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#8e9192;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.pill-go:hover{background:#fff;color:#131313;border-color:#fff}.slider-bar{display:flex;align-items:center;gap:0;width:100%;height:20px;pointer-events:all;background:#131313;border-top:1px solid #333333;padding:0 12px;position:relative}.slider-label{font-family:JetBrains Mono,monospace;font-size:9px;letter-spacing:.08em;color:#444748;min-width:20px;text-align:center;flex-shrink:0;line-height:1}.page-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2px;border-radius:0;outline:none;cursor:pointer;margin:0 8px;background:linear-gradient(to right,#ffffff 0%,#ffffff var(--fill, 0%),#333333 var(--fill, 0%),#333333 100%)}.page-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:0;background:#fff;cursor:pointer;border:none;transition:transform .12s ease}.page-slider::-webkit-slider-thumb:hover{transform:scaleX(1.5)}.page-slider::-moz-range-thumb{width:12px;height:12px;border-radius:0;background:#fff;cursor:pointer;border:none}.ez-toast{position:fixed;bottom:36px;left:50%;transform:translate(-50%) translateY(6px);background:#201f1f;border:1px solid #333333;color:#8e9192;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:8px 20px;border-radius:0;z-index:9999;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;white-space:nowrap}.ez-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.book-stage.cover-mode{outline:none}.book-stage.cover-mode .book{clip-path:inset(0 0 0 50%)}.book-stage.cover-mode .book:after,.book-stage.cover-mode .book:before{display:none}.book-stage.cover-mode .leaf{box-shadow:0 0 0 1px #333}.book-stage{transition:transform .35s cubic-bezier(.4,0,.2,1),outline .1s ease}@media(max-width:768px){.flip-arrow{width:36px;height:36px}.pill-btn{width:32px;height:32px}.corner-btn span{display:none}.corner-btn{padding:8px 10px}.corner-back{bottom:44px;left:12px}.corner-fullscreen{bottom:44px;right:12px}}