*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.flipbook-custom{box-shadow:0 4px 24px #00000026;border-radius:12px;background-image:url(/assets/background.png)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-color:transparent!important}.flipbook-page{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;padding-right:10%;align-items:center;box-sizing:border-box;position:relative;background-image:url(/assets/background.png)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;overflow:hidden;padding-bottom:30px}html,body{width:100%;height:100%;margin:0;padding:0;overflow:hidden}.bookzone-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100vh;position:fixed;top:0;left:0;background:transparent;z-index:10;overflow:hidden}.flipbook-custom{box-shadow:0 4px 24px #00000026;border-radius:12px;background-image:url(/assets/background.png)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;background-color:transparent!important}.flipbook-page{width:100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;padding-right:10%;align-items:center;box-sizing:border-box;position:relative;background-image:url(/assets/background.png)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;overflow:hidden;padding-bottom:30px}.flipbook-page>div:not(.page-number){width:100%;height:100%;max-height:calc(100% - 30px);flex:1;display:flex;flex-direction:column;align-items:center;overflow-y:scroll;overflow-x:hidden;scroll-behavior:smooth}.flipbook-page.cover-page{background:transparent!important}.flipbook-page.no-background{background:#fff!important;background-image:none!important;background-color:#fff!important;background-size:unset!important;background-position:unset!important;background-repeat:unset!important}.book-text{font-size:1.1rem;color:#222;line-height:1.7;background:#ffffff4d;border-radius:8px;padding:1.5rem;padding-right:20%;padding-bottom:2rem;width:80%;max-width:100%;box-sizing:border-box;margin:15px auto;overflow:visible;flex-shrink:0}.cover-page{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:transparent!important}@media(max-width:600px){.bookzone-container{width:100vw;padding:10px}.book-text{font-size:1rem;padding:.5rem;background:#ffffff26}.flipbook-custom .page,.flipbook-custom .wrapper{background-size:cover!important}}.page-number{position:absolute;bottom:3px;left:0;right:0;text-align:center;font-size:1.2rem;color:#222;opacity:1;pointer-events:none;font-family:Georgia,serif;z-index:100;font-weight:700;margin:0;padding:0;background:transparent}.book-image{max-width:90%;max-height:90%;object-fit:contain;display:block;margin:0 auto}.book-controls{display:flex;gap:1rem;align-items:center}.book-controls button{padding:.5rem 1.5rem;font-size:1.1rem;border:none;border-radius:6px;background:#222;color:#fff;cursor:pointer;transition:background .2s}.book-controls button:disabled{background:#aaa;cursor:not-allowed}:root{--primary: #FF5C5C;--dark: #1a1a1a;--light: #f5f5f5;--gray: #888;--border: #ddd;--radius: 2px}html,body{height:100%;width:100%;overflow-y:scroll}.pages{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--light);color:var(--dark);line-height:1.5;width:100%;overflow:visible}.pages *{margin:0;padding:0;box-sizing:border-box}.pages .container{max-width:1200px;margin:0 auto;padding:40px 20px}.pages .logo{font-size:32px;font-weight:700;letter-spacing:2px}.pages .logo span{color:var(--primary)}.pages .back-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--dark);font-size:13px;padding:8px 0;cursor:pointer;background:none;border:none;border-bottom:1px solid var(--border)}.pages .back-link:hover{color:var(--primary)}.pages .btn{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s ease}.pages .btn-primary{background:var(--primary);color:#fff}.pages .btn-primary:hover{opacity:.9;transform:translateY(-2px)}.pages .btn-secondary{background:var(--border);color:var(--dark)}.pages .btn-secondary:hover{background:#ccc}.pages .card{background:#fff;border-radius:6px;padding:20px;box-shadow:0 2px 8px #0000001a}.pages .card:hover{box-shadow:0 4px 12px #00000026}.pages .player-controls{display:flex;gap:12px;align-items:center;justify-content:center;padding:16px;background:var(--light);border-radius:6px}.pages .control-btn{width:40px;height:40px;border:none;border-radius:50%;background:var(--primary);color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.pages .control-btn:hover{transform:scale(1.1)}.pages .play-btn{width:50px;height:50px;font-size:22px}.pages .lang-btn{padding:8px 16px;border:2px solid var(--border);background:#fff;border-radius:4px;cursor:pointer;font-weight:600;transition:all .2s ease}.pages .lang-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pages .lang-btn:hover{border-color:var(--primary)}.pages .track-list{display:flex;flex-direction:column;gap:8px}.pages .track-item,.pages .chapter-item{padding:12px;background:var(--light);border-radius:4px;cursor:pointer;transition:all .2s ease;text-align:left}.pages .track-item:hover,.pages .chapter-item:hover{background:#e8e8e8}.pages .track-item.active,.pages .chapter-item.active{background:var(--primary);color:#fff}.pages .icon-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease;pointer-events:auto;z-index:10}.pages .icon-btn:hover{transform:scale(1.1)}.pages .icon-back,.pages .icon-nfc{width:36px;height:36px;object-fit:contain;cursor:pointer;pointer-events:auto}.pages .nfc-btn{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.pages .nfc-btn:hover{transform:scale(1.05)}.pages .nfc-logo{width:46px;height:46px;object-fit:contain}.pages .nfc-icon{width:56px;height:56px;display:block;margin:0 auto}.pages .player-container-mobile{display:flex;flex-direction:column;gap:20px}.pages .player-container-desktop{display:grid;gridTemplateColumns:1fr 1fr;gap:40px}@media(max-width:768px){.pages .container{padding:20px 10px}.pages .logo{font-size:24px}.pages .player-controls{flex-direction:column;gap:8px}.pages .player-container-desktop{display:flex;flex-direction:column;gap:20px}}#root{width:100%;min-height:100vh;margin:0;padding:0}body{margin:0;padding:0}