:root{--bg-primary:#1a1a2e;--bg-secondary:#2a2a4a;--bg-tertiary:#3a3a5a;--accent:#e94560;--accent-dark:#0f3460;--text-primary:#fff;--text-secondary:#ddd;--text-muted:#888;--border:#2a2a4a;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;font-family:var(--sans);color:var(--text-primary);background-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}body{background-color:var(--bg-primary);min-height:100vh;margin:0}#root{min-height:100vh}button{cursor:pointer;font-family:inherit}html{scroll-behavior:smooth}::selection{background:var(--accent);color:var(--text-primary)}.home-content{padding-bottom:32px}.cover-container{width:100%;height:280px;position:relative;overflow:hidden}.cover-image{object-fit:cover;width:100%;height:100%}.cover-overlay{background:linear-gradient(#0000,#1a1a2e);height:120px;position:absolute;bottom:0;left:0;right:0}.info-section{text-align:center;padding:24px 16px}.book-title{margin-bottom:8px;font-size:28px;font-weight:700}.book-author{color:#888;margin-bottom:16px;font-size:16px}.book-description{color:#aaa;margin-bottom:24px;font-size:14px;line-height:1.6}.stats-row{justify-content:center;display:flex}.stat-item{flex-direction:column;align-items:center;gap:4px;display:flex}.stat-number{color:#fff;font-size:24px;font-weight:700}.stat-label{color:#888;font-size:14px}.button-container{flex-direction:column;gap:12px;padding:0 16px;display:flex}.admin-btn{color:#888;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:14px;display:flex}.admin-btn:hover{color:#e94560}.reader-content{padding:16px 16px 180px}.chapter-title{color:#e94560;margin-bottom:24px;font-size:24px;font-weight:700}.section-text{color:#ddd;margin-bottom:20px;font-size:16px;line-height:1.8}.search-highlight{color:#fff;background-color:#e94560;border-radius:3px;padding:2px 4px;font-weight:600}.image-section{margin:24px 0}.section-image{border-radius:12px;width:100%;height:auto;display:block}.image-caption{color:#888;text-align:center;margin-top:8px;font-size:14px;font-style:italic}.video-section{background:#000;border-radius:12px;margin:24px 0;position:relative;overflow:hidden}.section-video{width:100%;height:auto;display:block}.video-overlay{cursor:pointer;background:#00000080;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.audio-badge{background:#e94560e6;border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex}.stop-video-btn{color:#fff;cursor:pointer;background:#e94560;border:none;border-radius:8px;align-items:center;gap:8px;margin:8px auto;padding:8px 16px;display:flex}.youtube-container{width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.youtube-iframe{border:none;border-radius:12px;width:100%;height:100%;position:absolute;top:0;left:0}.audio-player{z-index:100;background:#2a2a4a;border-radius:16px;justify-content:space-between;align-items:center;width:calc(100% - 32px);max-width:468px;padding:12px 16px;display:flex;position:fixed;bottom:70px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #0000004d}.player-info{color:#aaa;align-items:center;gap:8px;font-size:14px;display:flex}.player-controls{align-items:center;gap:12px;display:flex}.play-btn{color:#fff;cursor:pointer;background:#e94560;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .2s;display:flex}.play-btn:hover{transform:scale(1.05)}.stop-btn{color:#fff;cursor:pointer;background:#3a3a5a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.generating{color:#e94560;align-items:center;gap:8px;font-size:14px;display:flex}.chapter-nav{z-index:100;background:#1a1a2e;border-top:1px solid #2a2a4a;justify-content:space-between;align-items:center;width:calc(100% - 32px);max-width:468px;padding:12px 16px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.nav-btn{color:#e94560;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:8px;font-size:14px;font-weight:600;display:flex}.nav-btn:disabled{color:#444;cursor:not-allowed}.nav-indicator{color:#888;font-size:14px}.chapters-list{padding:16px}.chapter-item{cursor:pointer;background-color:#2a2a4a;border-radius:12px;align-items:center;margin-bottom:12px;padding:16px;transition:background-color .2s;display:flex}.chapter-item:hover{background-color:#3a3a5a}.chapter-number-badge{background:linear-gradient(135deg,#e94560 0%,#0f3460 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;margin-right:16px;font-size:18px;font-weight:700;display:flex}.chapter-info{flex:1}.chapter-title{margin-bottom:4px;font-size:16px;font-weight:600}.chapter-meta{color:#888;font-size:13px}.empty-state{color:#666;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:64px 16px;display:flex}.search-container{gap:12px;padding:16px;display:flex}.search-input-wrapper{background:#2a2a4a;border-radius:12px;flex:1;align-items:center;gap:12px;padding:0 16px;display:flex}.search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:14px 0;font-size:16px}.search-input::placeholder{color:#666}.search-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#e94560;border:none;border-radius:12px;padding:14px 20px;font-size:14px;font-weight:600}.search-btn:disabled{opacity:.6;cursor:not-allowed}.results-container{padding:0 16px}.results-count{color:#888;margin-bottom:16px;font-size:14px}.result-item{cursor:pointer;background:#2a2a4a;border-radius:12px;margin-bottom:12px;padding:16px;transition:background-color .2s}.result-item:hover{background:#3a3a5a}.result-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.result-chapter{color:#fff;background:#e94560;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.result-title{font-size:14px;font-weight:600}.result-snippet{color:#aaa;font-size:14px;line-height:1.5}.highlight{color:#e94560;background:#e945604d;border-radius:4px;padding:2px 4px}.no-results{color:#666;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 16px;display:flex}.hint{color:#555;font-size:14px}.admin-list{padding:16px}.book-info-card{cursor:pointer;background:#2a2a4a;border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:16px;display:flex}.book-info-card:hover{background:#3a3a5a}.book-thumb{object-fit:cover;border-radius:4px;width:50px;height:70px}.book-info-content{flex-direction:column;flex:1;gap:2px;display:flex}.book-info-label{color:#e94560;text-transform:uppercase;font-size:11px;font-weight:600}.book-info-title{font-size:16px;font-weight:600}.book-info-author{color:#888;font-size:13px}.language-section{background:#2a2a4a;border-radius:12px;margin-bottom:16px;padding:16px}.language-label{color:#888;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:600;display:block}.language-buttons{gap:8px;display:flex}.language-btn{color:#888;cursor:pointer;background:#3a3a5a;border:2px solid #0000;border-radius:8px;flex:1;padding:10px 16px;font-size:14px;font-weight:600;transition:all .2s}.language-btn:hover{background:#4a4a6a}.language-btn.active{color:#fff;background:#0f3460;border-color:#e94560}.list-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.list-header h2{font-size:18px}.add-btn{color:#fff;cursor:pointer;background:#e94560;border:none;border-radius:20px;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:600;display:flex}.chapter-card{background:#2a2a4a;border-radius:12px;margin-bottom:12px;padding:16px;display:flex}.chapter-card-info{flex-direction:column;flex:1;gap:4px;display:flex}.chapter-card-number{color:#e94560;font-size:12px;font-weight:600}.chapter-card-title{font-size:16px;font-weight:600}.chapter-card-meta{color:#888;font-size:12px}.chapter-card-actions{align-items:center;gap:8px;display:flex}.action-btn{cursor:pointer;background:#3a3a5a;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.action-btn:disabled{opacity:.6}.empty-state{text-align:center;color:#888;padding:48px 16px}.hint{color:#666;margin-top:8px;font-size:14px}.editor{padding:16px 16px 100px}.editor-section{margin-bottom:20px}.editor-section label{color:#e94560;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.editor-section input,.editor-section textarea{color:#fff;background:#2a2a4a;border:none;border-radius:8px;width:100%;margin-bottom:8px;padding:12px;font-size:16px}.editor-section textarea{resize:vertical;min-height:80px}.helper-text{color:#888;font-size:12px;font-style:italic}.section-editor{background:#2a2a4a;border-radius:12px;margin-bottom:12px;padding:12px}.section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.section-type{font-size:14px;font-weight:600}.section-controls{gap:8px;display:flex}.section-controls button{cursor:pointer;color:#888;background:#3a3a5a;border:none;border-radius:6px;padding:6px}.section-controls button:hover{color:#fff}.preview-image{object-fit:contain;background:#1a1a2e;border-radius:8px;width:100%;max-height:200px;margin-bottom:8px}.paste-area{text-align:center;color:#e94560;cursor:pointer;background:#3a3a5a;border:2px dashed #e94560;border-radius:8px;outline:none;margin-bottom:8px;padding:16px;font-size:14px}.file-input{margin-bottom:8px}.toggle-audio-btn{color:#fff;cursor:pointer;background:#3a3a5a;border:none;border-radius:8px;align-items:center;gap:8px;width:100%;padding:12px;display:flex}.add-section-row{gap:8px;margin-top:12px;display:flex}.add-section-row button{color:#fff;cursor:pointer;background:#3a3a5a;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:14px;display:flex}.add-section-row button:hover{background:#4a4a6a}.save-bar{background:#2a2a4a;border-top:1px solid #3a3a5a;gap:12px;width:calc(100% - 32px);max-width:468px;padding:16px;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.cancel-btn{color:#fff;cursor:pointer;background:#3a3a5a;border:none;border-radius:8px;flex:1;padding:14px;font-size:16px;font-weight:600}.save-btn{color:#fff;cursor:pointer;background:#e94560;border:none;border-radius:8px;flex:2;padding:14px;font-size:16px;font-weight:600}.save-btn:disabled{opacity:.6}.spinner-small{border:2px solid #3a3a5a;border-top-color:#e94560;border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#1a1a2e;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.container{background-color:#1a1a2e;max-width:500px;min-height:100vh;margin:0 auto}.header{z-index:100;background-color:#1a1a2e;border-bottom:1px solid #2a2a4a;justify-content:space-between;align-items:center;padding:16px;display:flex;position:sticky;top:0}.header-title{font-size:18px;font-weight:600}.header-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:8px}.header-right{gap:12px;display:flex}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:80vh;display:flex}.spinner{border:3px solid #2a2a4a;border-top-color:#e94560;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e94560 0%,#0f3460 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:16px 24px;font-size:16px;font-weight:600;transition:transform .2s,opacity .2s;display:flex}.btn-primary:hover{transform:scale(1.02)}.btn-primary:active{transform:scale(.98)}.btn-secondary{color:#e94560;cursor:pointer;background-color:#2a2a4a;border:1px solid #e94560;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:16px 24px;font-size:16px;font-weight:600;transition:background-color .2s;display:flex}.btn-secondary:hover{background-color:#3a3a5a}.btn-small{border-radius:8px;padding:8px 16px;font-size:14px}.btn-icon{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;transition:background-color .2s}.btn-icon:hover{background-color:#2a2a4a}