.novel-detail-page{background-color:var(--pure-black);min-height:100vh;color:var(--text-primary);padding:2rem}.continue-listening-banner{background:linear-gradient(135deg,#667eea59 0%,#764ba240 100%);border:1px solid #667eea80;border-radius:12px;margin-bottom:2rem;padding:1rem 1.5rem;animation:.3s slideDown,3s ease-in-out infinite pulseGlow;position:relative;overflow:hidden;box-shadow:0 10px 24px #667eea40,0 0 0 1px #667eea59}.continue-listening-banner:before{content:"";opacity:.7;pointer-events:none;background:radial-gradient(circle,#f9731640 0%,#0000 70%);width:220px;height:220px;position:absolute;inset:-40% 20% auto auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{box-shadow:0 10px 24px #667eea33,0 0 0 1px #667eea59}50%{box-shadow:0 14px 28px #667eea52,0 0 0 1px #667eea80}}.continue-content{align-items:center;gap:1rem;display:flex}.continue-icon{background:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;padding:.75rem;display:flex;box-shadow:0 6px 14px #667eea59}.continue-icon svg{color:#fff}.continue-text{flex:1}.continue-text h3{color:var(--text-primary);margin:0;font-size:1.1rem}.continue-text p{color:var(--text-secondary);margin:.25rem 0 0;font-size:.9rem}.continue-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.continue-btn:hover{background:var(--primary-dark);transform:scale(1.05)}.dismiss-btn{color:var(--text-secondary);cursor:pointer;opacity:.7;background:0 0;border:none;padding:.5rem;font-size:1.2rem;transition:opacity .2s}.dismiss-btn:hover{opacity:1}.chapter-item.highlight-chapter{animation:2s highlightPulse}@keyframes highlightPulse{0%,to{box-shadow:none}50%{box-shadow:0 0 20px #667eea99}}.novel-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a2ef2 0%,#0a0a0afa 100%);border:1px solid #667eea26;border-radius:20px;gap:3rem;margin-bottom:3rem;padding:2.5rem;transition:all .3s;display:flex;box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d,0 0 0 1px #667eea1a}.novel-header:hover{box-shadow:0 20px 25px -5px #667eea26,0 10px 10px -5px #667eea1a,0 0 0 1px #667eea33}.novel-cover-large{border-radius:12px;flex-shrink:0;position:relative;overflow:hidden}.novel-cover-large:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#667eea1a 100%);position:absolute;inset:0}.cover-image-large{border-radius:12px;transition:transform .3s;box-shadow:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d,0 0 0 1px #667eea33}.cover-image-large:hover{transform:scale(1.02)}.novel-details{flex-direction:column;flex:1;gap:1.5rem;display:flex}.title-with-favorite{align-items:center;gap:1rem;display:flex}.novel-title-large{color:var(--text-primary);letter-spacing:-.02em;background:linear-gradient(135deg,#fff 0%,#e0e7ff 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex:1;margin:0;font-size:2.5rem;font-weight:800;line-height:1.2}.favorite-btn-detail{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ae6;border:2px solid #667eea4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.favorite-btn-detail svg{color:#9ca3af;width:24px;height:24px;transition:all .3s}.favorite-btn-detail:hover{background:#667eea33;border-color:#667eea;transform:scale(1.15);box-shadow:0 0 20px #667eea66}.favorite-btn-detail:hover svg{color:#667eea}.favorite-btn-detail.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;box-shadow:0 4px 12px #667eea66}.favorite-btn-detail.active svg{color:#fff;animation:.3s heartBeat}.favorite-btn-detail:disabled{opacity:.5;cursor:not-allowed}.novel-meta-info{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.meta-item{align-items:center;gap:.75rem;display:flex}.meta-label{color:var(--text-tertiary);font-size:.9rem;font-weight:600}.meta-value{color:var(--text-primary);font-size:1rem}.status-badge-large{text-transform:uppercase;letter-spacing:.05em;border-radius:14px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .2s;box-shadow:0 4px 6px #0003}.status-badge-large:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0000004d}.status-badge-large.ongoing{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.status-badge-large.completed{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.status-badge-large.hiatus{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.rating-large{align-items:center;gap:.5rem;display:flex}.stars-large{gap:2px;display:flex}.star-large{font-size:1.2rem}.star-full{color:var(--gold)}.star-half{color:var(--gold);opacity:.5}.star-empty{color:var(--border-gray-light)}.rating-value{color:var(--text-primary);font-size:1rem;font-weight:600}.novel-genres-large{align-items:center;gap:1rem;display:flex}.genres-list{flex-wrap:wrap;gap:.75rem;display:flex}.genre-badge-large{color:#c4b5fd;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#8b5cf626;border:1px solid #8b5cf666;border-radius:12px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:600;transition:all .2s}.genre-badge-large:hover{background:#8b5cf640;border-color:#8b5cf699;transform:translateY(-2px);box-shadow:0 4px 8px #8b5cf64d}.novel-description-section{margin-top:1rem}.section-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.novel-description-large{color:var(--text-secondary);margin:0;font-size:1rem;line-height:1.7}.chapters-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#1a1a2ef2 0%,#0a0a0afa 100%);border:1px solid #667eea26;border-radius:20px;padding:2.5rem;box-shadow:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d}.chapters-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.chapters-header-left,.chapters-header-right{align-items:center;gap:1rem;display:flex}.chapters-header-left{flex-wrap:wrap}.chapters-header-right{flex-wrap:wrap;justify-content:flex-end}.chapters-title{color:var(--text-primary);margin:0;font-size:1.75rem;font-weight:700}.chapter-window-nav{gap:.5rem;display:flex}.window-nav-btn{color:var(--text-primary);cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;padding:.35rem .75rem;font-size:.85rem;transition:all .2s}.window-nav-btn:hover:not(:disabled){background:#667eea40;border-color:#667eea66}.window-nav-btn:disabled{opacity:.5;cursor:not-allowed}.chapter-search{background:linear-gradient(135deg,#667eea2e 0%,#764ba229 100%);border:1px solid #667eea73;border-radius:999px;align-items:center;gap:.5rem;padding:.35rem .6rem;display:flex;box-shadow:0 0 0 1px #667eea33,0 0 16px #667eea59}.chapter-search input{width:120px;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:.85rem}.chapter-search input::placeholder{color:#ffffff80}.chapter-search button{color:#fff;cursor:pointer;background:#667eea4d;border:1px solid #667eea73;border-radius:999px;padding:.25rem .65rem;font-size:.8rem;font-weight:600;transition:all .2s}.chapter-search button:hover:not(:disabled){background:#667eea80}.chapter-search button:disabled{opacity:.6;cursor:not-allowed}.autoplay-toggle{align-items:center;display:flex}.toggle-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.75rem;display:flex}.toggle-checkbox{display:none}.toggle-switch{background:#ffffff1a;border-radius:12px;width:48px;height:24px;transition:background .3s;position:relative}.toggle-switch:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:2px;left:2px}.toggle-checkbox:checked+.toggle-switch{background:var(--primary-blue)}.toggle-checkbox:checked+.toggle-switch:before{transform:translate(24px)}.toggle-text{color:var(--text-secondary);font-size:.875rem;font-weight:500}.chapters-list{flex-direction:column;gap:1.5rem;display:flex}.chapter-item.is-playing{border:1px solid #667eea99;border-radius:16px;padding:.5rem;box-shadow:0 0 0 1px #667eea66,0 0 18px #667eea59}.chapter-item.is-playing .audio-player-enhanced{box-shadow:0 0 16px #667eea40}.load-more-container{justify-content:center;margin-top:2rem;display:flex}.load-more-btn{background:linear-gradient(135deg,var(--primary-color)0%,var(--primary-dark)100%);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:1rem 2.5rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #667eea4d}.load-more-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.load-more-btn:active{transform:translateY(0)}.load-previous{margin-top:0;margin-bottom:1.5rem}.load-previous .load-more-btn{background:linear-gradient(135deg,#667eea33 0%,#764ba233 100%);border:1px solid #667eea4d}.load-previous .load-more-btn:hover{background:linear-gradient(135deg,#667eea4d 0%,#764ba24d 100%)}.novel-comments-section{background:var(--dark-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:2rem;padding:2rem}.comments-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.comments-title{color:var(--text-primary);align-items:center;gap:.5rem;margin:0;font-size:1.75rem;display:flex}.comment-count{color:var(--text-tertiary);font-size:1.25rem;font-weight:400}.view-all-comments-btn{background:var(--accent-orange);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:background .2s;display:flex}.view-all-comments-btn:hover{background:#fb923c}.comments-description{color:var(--text-secondary);margin:0;font-size:.95rem}.user-rating-section{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff1a;margin-top:2rem;padding:1.5rem}.user-rating-section .section-title{margin-bottom:1rem}.rating-container{flex-direction:column;gap:.75rem;display:flex}.rating-feedback{color:var(--primary-orange);margin:0;font-size:.9rem;font-weight:500}.sign-in-prompt{color:var(--text-secondary);margin:0;font-size:.95rem}.sign-in-prompt a{color:var(--primary-orange);font-weight:600;text-decoration:none}.sign-in-prompt a:hover{text-decoration:underline}.community-rating{border-top:1px solid #ffffff1a;margin-top:1.5rem;padding-top:1.5rem}@media (max-width:768px){.novel-detail-page{padding:1rem}.novel-header{flex-direction:column;gap:1.5rem;padding:1.5rem}.novel-cover-large{align-self:center}.novel-title-large{font-size:1.75rem}.novel-meta-info{grid-template-columns:1fr}.chapters-section,.novel-comments-section{padding:1.5rem}.comments-header{flex-direction:column;align-items:flex-start;gap:1rem}.comments-title{font-size:1.5rem}.chapters-header{flex-direction:column;align-items:flex-start;gap:1rem}.chapters-header-left,.chapters-header-right{width:100%}.chapters-header-right{flex-direction:column;align-items:stretch;gap:.75rem}.chapter-window-nav{width:100%}.window-nav-btn{text-align:center;flex:1}.chapter-search,.chapter-search input{width:100%}.autoplay-toggle{justify-content:space-between;width:100%}.chapters-header-right{justify-content:flex-start}.chapter-item{flex-direction:column;align-items:stretch}.chapter-item.is-playing{border-radius:14px;padding:.35rem}}.premium-upgrade-banner{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea26 0%,#764ba226 100%);border:1px solid #667eea4d;border-radius:16px;margin-bottom:2rem;overflow:hidden}.banner-content{align-items:center;gap:1.5rem;padding:1.5rem 2rem;display:flex}.banner-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.banner-icon svg{fill:currentColor;stroke:none}.banner-text{flex:1}.banner-text h3{color:#fff;margin:0 0 .25rem;font-size:1.1rem;font-weight:600}.banner-text p{color:#ffffffb3;margin:0;font-size:.9rem}.banner-upgrade-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #667eea4d}.banner-upgrade-btn:hover{background:linear-gradient(135deg,#5568d3 0%,#6a3f91 100%);transform:translateY(-2px);box-shadow:0 8px 12px #667eea66,0 4px 4px #667eea33}@media (max-width:768px){.banner-content{text-align:center;flex-direction:column;padding:1.25rem}.banner-upgrade-btn{width:100%}}.chapter-item.locked{opacity:.7}.locked-chapter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1a1a2e99 0%,#101020cc 100%);border:1px solid #667eea33;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:120px;padding:2rem;display:flex;position:relative}.locked-chapter:before{content:"";pointer-events:none;background:linear-gradient(135deg,#667eea0d 0%,#764ba20d 100%);border-radius:12px;position:absolute;inset:0}.locked-chapter-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.locked-chapter .chapter-number{color:#ffffffe6;font-size:1.1rem;font-weight:600}.lock-icon{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.lock-icon svg{width:16px;height:16px}.locked-message{color:#fff9;margin-bottom:1rem;font-size:.9rem}.unlock-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #667eea4d}.unlock-btn:hover{background:linear-gradient(135deg,#5568d3 0%,#6a3f91 100%);transform:translateY(-2px);box-shadow:0 8px 12px #667eea66,0 4px 4px #667eea33}.load-more-container{justify-content:center;margin-top:1rem;padding:2rem 0;display:flex}.load-more-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .3s;box-shadow:0 4px 6px #667eea4d}.load-more-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #667eea66}.load-more-btn:disabled{opacity:.6;cursor:not-allowed}