/*
Theme Name: Deku Theme
Description: A modern manga and novel reading WordPress theme
Version: 2.0
Author: Deku Team
Text Domain: deku
*/
:root {--primary-color:#e11d48; --secondary-color:#1a1a1a; --bg-color:#0f172a; --text-color:#ffffff; --text-muted:#888; --border-color:#333; --card-bg:#1a1a1a; --hover-bg:#2a2a2a; --logo-color:#ffffff;}
.theme-light {--bg-color:#ffffff; --text-color:#333333; --text-muted:#666666; --border-color:#e5e5e5; --card-bg:#f8f9fa; --hover-bg:#e9ecef; --secondary-color:#ffffff;}
.theme-sepia {--bg-color:#f4f1ea; --text-color:#5c4b37; --text-muted:#8b7355; --border-color:#d4c4a8; --card-bg:#e8e3d3; --hover-bg:#ddd6c1; --secondary-color:#e8e3d3;}
* {margin:0; padding:0; box-sizing:border-box;}
body {font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background-color:var(--bg-color); color:var(--text-color); line-height:1.6; transition:all 0.3s ease;}
.site-header {background-color:var(--secondary-color); padding:1rem 0; border-bottom:1px solid var(--border-color); position:relative;}
.header-container {max-width:1200px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; padding:0 1rem;}
.site-logo {display:flex; align-items:center; gap:0.75rem;}
.site-logo img {width:auto; height:60px; border-radius:8px;}
.site-logo h1 {font-size:1.5rem; font-weight:bold; color:var(--logo-color);}
.site-logo h1 a {color:inherit; text-decoration:none;}
.theme-toggle {background:none; border:1px solid var(--border-color); color:var(--text-color); padding:0.5rem; border-radius:8px; cursor:pointer; transition:all 0.3s ease; display:flex; align-items:center; justify-content:center;}
.theme-toggle:hover {background-color:var(--hover-bg); border-color:var(--primary-color);}
.header-nav {display:flex; align-items:center; gap:1rem;}
.search-form {display:flex; align-items:center; background-color:var(--hover-bg); border-radius:6px; padding:0.5rem 1rem; gap:0.5rem;}
.search-form input {background:none; border:none; color:var(--text-color); outline:none; width:200px;}
.search-form input::placeholder {color:var(--text-muted);}
.nav-icons {display:flex; gap:0.5rem;}
.nav-icon {color:var(--text-color); text-decoration:none; padding:0.5rem; border-radius:4px; transition:background-color 0.2s; display:flex; align-items:center; justify-content:center;}
.nav-icon:hover {background-color:var(--hover-bg);}
.sign-in-btn {background-color:var(--primary-color); color:var(--text-color); padding:0.5rem 1rem; border-radius:6px; text-decoration:none; transition:background-color 0.2s; display:flex; align-items:center; gap:0.5rem;}
.sign-in-btn:hover {background-color:#be185d;}
.mobile-menu-toggle {display:none; background:none; border:none; color:var(--text-color); font-size:1.5rem; cursor:pointer;}
.mobile-menu {display:none; position:absolute; top:100%; left:0; right:0; background-color:var(--secondary-color); border-top:1px solid var(--border-color); padding:1rem;}
.mobile-menu.active {display:block;}
.hero-slider {position:relative; height:500px; overflow:hidden; margin-bottom:2rem;}
.slider-container {display:flex; transition:transform 0.8s cubic-bezier(0.25,0.46,0.45,0.94); height:100%;}
.slider-slide {min-width:100%; height:100%; position:relative; background-size:cover; background-position:center; display:flex; align-items:center;}
.slider-slide::before {content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(135deg, rgba(0,0,0,0.8) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.8) 100%);}
.slide-content {position:relative; z-index:2; max-width:1200px; margin:0 auto; padding:0 2rem; display:flex; align-items:center; gap:3rem; width:100%;}
.slide-cover {width:300px; height:400px; object-fit:cover; border-radius:12px; box-shadow:0 20px 40px rgba(0,0,0,0.5); flex-shrink:0;}
.slide-info {flex:1;}
.slide-title {font-size:3rem; font-weight:bold; margin-bottom:1rem; text-shadow:2px 2px 4px rgba(0,0,0,0.8); line-height:1.2;}
.slide-meta {display:flex; gap:1rem; margin-bottom:1rem; flex-wrap:wrap;}
.slide-badge {background-color:var(--primary-color); color:var(--text-color); padding:0.25rem 0.75rem; border-radius:20px; font-size:0.8rem; font-weight:500;}
.slide-description {font-size:1.1rem; opacity:0.9; margin-bottom:2rem; text-shadow:1px 1px 2px rgba(0,0,0,0.8); line-height:1.6;}
.slide-actions {display:flex; gap:1rem;}
.btn-primary {background-color:var(--primary-color); color:var(--text-color); padding:0.75rem 2rem; border-radius:8px; text-decoration:none; font-weight:600; transition:all 0.3s ease; display:inline-flex; align-items:center; gap:0.5rem; border:none; cursor:pointer;}
.btn-primary:hover {background-color:#be185d; transform:translateY(-2px);}
.btn-secondary {background-color:transparent; color:var(--text-color); padding:0.75rem 2rem; border:2px solid var(--text-color); border-radius:8px; text-decoration:none; font-weight:600; transition:all 0.3s ease;}
.btn-secondary:hover {background-color:var(--text-color); color:var(--bg-color);}
.slider-nav {position:absolute; top:50%; transform:translateY(-50%); background-color:rgba(0,0,0,0.6); color:var(--text-color); border:none; padding:1rem; cursor:pointer; font-size:1.5rem; transition:all 0.3s ease; z-index:3; border-radius:50%; width:50px; height:50px; display:flex; align-items:center; justify-content:center;}
.slider-nav:hover {background-color:var(--primary-color); transform:translateY(-50%) scale(1.1);}
.slider-prev {left:2rem;}
.slider-next {right:2rem;}
.slider-indicators {position:absolute; bottom:2rem; left:50%; transform:translateX(-50%); display:flex; gap:0.75rem; z-index:3;}
.slider-indicator {width:12px; height:12px; border-radius:50%; background-color:rgba(255,255,255,0.4); cursor:pointer; transition:all 0.3s ease;}
.slider-indicator.active {background-color:var(--primary-color); transform:scale(1.2);}
.main-content {max-width:1600px; margin:0 auto; padding:0 1rem;}
.content-section {margin-bottom:4rem;}
.section-header {display:flex; justify-content:space-between; align-items:center; margin-bottom:2rem;}
.section-title {font-size:1.8rem; font-weight:bold; color:var(--text-color); position:relative;}
.section-title::after {content:""; position:absolute; bottom:-5px; left:0; width:50px; height:3px; background-color:var(--primary-color);}
.view-all-btn {color:var(--primary-color); text-decoration:none; font-weight:500; transition:opacity 0.2s;}
.view-all-btn:hover {opacity:0.8;}
.novels-grid {display:grid; grid-template-columns:repeat(auto-fill, minmax(180px,1fr)); gap:1.5rem;}
.novel-card {background-color:var(--card-bg); border-radius:12px; overflow:hidden; transition:all 0.3s ease; position:relative; box-shadow:0 4px 6px rgba(0,0,0,0.1);}
.novel-card:hover {transform:translateY(-8px); box-shadow:0 20px 40px rgba(0,0,0,0.3);}
.novel-cover {width:100%; height:240px; object-fit:cover; display:block;}
.novel-info {padding:1rem;}
.novel-title {font-size:0.9rem; font-weight:600; margin-bottom:0.5rem; color:var(--text-color); line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
.novel-title a {color:inherit; text-decoration:none;}
.novel-meta {display:flex; gap:0.5rem; flex-wrap:wrap; margin-bottom:0.5rem;}
.novel-badge {background-color:var(--primary-color); color:var(--text-color); padding:0.2rem 0.5rem; border-radius:12px; font-size:0.7rem; font-weight:500; text-transform:uppercase;}
.novel-badge.completed {background-color:#10b981;}
.novel-badge.ongoing {background-color:#f59e0b;}
.novel-badge.hiatus {background-color:#6b7280;}
.latest-chapters {margin-top:0.5rem; padding-top:0.5rem; border-top:1px solid var(--border-color);}
.latest-chapter {margin-bottom:0.5rem; font-size:0.75rem;}
.chapter-link-small {color:var(--primary-color); text-decoration:none; font-weight:500; display:block; margin-bottom:0.25rem;}
.chapter-link-small:hover {text-decoration:underline;}
.chapter-date-small {color:var(--text-muted); font-size:0.7rem;}
.bookmark-btn {position:absolute; top:0.75rem; right:0.75rem; background-color:rgba(0,0,0,0.7); border:none; color:var(--text-color); padding:0.5rem; border-radius:50%; cursor:pointer; transition:all 0.3s ease; z-index:2; opacity:0;}
.novel-card:hover .bookmark-btn {opacity:1;}
.bookmark-btn:hover {background-color:var(--primary-color); transform:scale(1.1);}
.bookmark-btn.bookmarked {background-color:var(--primary-color); opacity:1;}
.single-novel-container {max-width:1200px; margin:0 auto; padding:2rem 1rem;}
.novel-header {    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%); border-radius:16px; padding:3rem; margin-bottom:3rem; display:flex; gap:3rem; align-items:flex-start;}
.novel-cover-large {width:280px; height:380px; object-fit:cover; border-radius:16px; flex-shrink:0; box-shadow:0 20px 40px rgba(0,0,0,0.3);}
.novel-details {flex:1;}
.novel-details h1 {font-size:2.5rem; margin-bottom:1rem; color:var(--text-color); line-height:1.2;}
.novel-actions {display:flex; gap:1rem; margin-bottom:2rem;}
.novel-meta-grid {display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); gap:1rem; margin-bottom:2rem;}
.meta-item {display:flex; align-items:center; gap:0.5rem;}
.meta-label {font-weight:600; color:var(--text-muted); min-width:80px;}
.meta-value {color:var(--text-color);}
.genre-tags {display:flex; gap:0.5rem; flex-wrap:wrap;}
.genre-tag {background-color:var(--hover-bg); color:var(--text-color); padding:0.25rem 0.75rem; border-radius:20px; font-size:0.8rem; text-decoration:none; transition:background-color 0.2s;}
.genre-tag:hover {background-color:var(--primary-color);}
.novel-description {color:#cccccc; line-height:1.8; font-size:1rem;}
.chapters-section {    background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%); border-radius:16px; padding:2rem;}
.chapters-header {display:flex; justify-content:space-between; align-items:center; margin-bottom:2rem; padding-bottom:1rem; border-bottom:1px solid var(--border-color);}
.chapters-list {display:grid; gap:0.5rem;}
.chapter-item {display:flex; justify-content:space-between; align-items:center; padding:1rem; background-color:var(--hover-bg); border-radius:8px; transition:all 0.2s ease;}
.chapter-item:hover {background-color:#333; transform:translateX(5px);}
.chapter-link {color:var(--text-color); text-decoration:none; font-weight:500; flex:1;}
.chapter-link:hover {color:var(--primary-color);}
.chapter-date {color:var(--text-muted); font-size:0.9rem;}
.archive-header {text-align:center; margin-bottom:3rem;}
.archive-title {font-size:2.5rem; margin-bottom:1rem;}
.archive-filters {display:flex; gap:1rem; justify-content:center; margin-bottom:2rem; flex-wrap:wrap;}
.filter-select {background-color:var(--card-bg); color:var(--text-color); border:1px solid var(--border-color); padding:0.75rem 1rem; border-radius:8px; min-width:150px;}
.filter-select:focus {outline:none; border-color:var(--primary-color);}
.search-results {max-width:1200px; margin:0 auto; padding:2rem 1rem;}
.search-header {margin-bottom:2rem;}
.search-title {font-size:2rem; margin-bottom:0.5rem;}
.search-info {color:var(--text-muted);}
.no-results {text-align:center; padding:4rem 2rem;}
.no-results h2 {font-size:1.5rem; margin-bottom:1rem; color:var(--text-muted);}
.chapter-search-result {background-color:var(--card-bg); padding:1.5rem; border-radius:8px; margin-bottom:1rem;}
.chapter-result-content h3 {margin-bottom:0.5rem;}
.chapter-result-content h3 a {color:var(--text-color); text-decoration:none;}
.chapter-result-content h3 a:hover {color:var(--primary-color);}
.chapter-meta {color:var(--text-muted); font-size:0.9rem; margin-bottom:0.5rem;}
.chapter-meta a {color:var(--primary-color); text-decoration:none;}
.chapter-excerpt {color:#cccccc; line-height:1.6;}
.pagination {display:flex; justify-content:center; gap:0.5rem; margin-top:3rem; flex-wrap:wrap;}
.pagination a, .pagination span {display:inline-block; padding:0.75rem 1rem; background-color:var(--card-bg); color:var(--text-color); text-decoration:none; border-radius:8px; transition:all 0.2s; min-width:44px; text-align:center;}
.pagination a:hover {background-color:var(--primary-color); transform:translateY(-2px);}
.pagination .current {background-color:var(--primary-color);}
.auth-container {max-width:400px; margin:4rem auto; padding:2rem; background-color:var(--card-bg); border-radius:16px; box-shadow:0 20px 40px rgba(0,0,0,0.3);}
.auth-form {display:flex; flex-direction:column; gap:1rem;}
.form-group {display:flex; flex-direction:column; gap:0.5rem;}
.form-group label {color:var(--text-color); font-weight:500;}
.form-group input {background-color:var(--hover-bg); border:1px solid var(--border-color); color:var(--text-color); padding:0.75rem; border-radius:8px; transition:border-color 0.2s;}
.form-group input:focus {outline:none; border-color:var(--primary-color);}
.auth-btn {background-color:var(--primary-color); color:var(--text-color); padding:0.75rem; border:none; border-radius:8px; font-weight:500; cursor:pointer; transition:background-color 0.2s;}
.auth-btn:hover {background-color:#be185d;}
.auth-links {text-align:center; margin-top:1rem;}
.auth-links a {color:var(--primary-color); text-decoration:none;}
.auth-links a:hover {text-decoration:underline;}
.site-footer {background-color:var(--secondary-color); border-top:1px solid var(--border-color); padding:3rem 0; margin-top:4rem; text-align:center; color:var(--text-muted);}
.footer-container {max-width:1200px; margin:0 auto; padding:0 1rem;}
.notifications {max-width:1200px; margin:0 auto 2rem; padding:0 1rem;}
.notification {background-color:var(--card-bg); border:2px solid var(--primary-color); border-radius:12px; padding:1.5rem; margin-bottom:1rem; position:relative;}
.notification::before {content:""; position:absolute; left:0; top:0; bottom:0; width:4px; background-color:var(--primary-color); border-radius:4px 0 0 4px;}
.notification-title {color:var(--primary-color); font-weight:bold; margin-bottom:0.5rem; font-size:1.1rem;}
.notification-content {color:#cccccc; line-height:1.6;}
.notification-action {background-color:var(--primary-color); color:var(--text-color); padding:0.5rem 1rem; border-radius:6px; text-decoration:none; display:inline-block; margin-top:1rem; transition:background-color 0.2s; font-weight:500;}
.notification-action:hover {background-color:#be185d;}
.deku-admin-panel {background:#fff; margin:20px 0; padding:0; border-radius:8px; box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.deku-admin-header {background:linear-gradient(135deg,#e11d48 0%,#be185d 100%); color:white; padding:20px; border-radius:8px 8px 0 0;}
.deku-admin-header h1 {margin:0; font-size:24px;}
.deku-admin-content {padding:20px;}
.deku-admin-tabs {display:flex; border-bottom:1px solid #ddd; margin-bottom:20px;}
.deku-admin-tab {padding:10px 20px; background:none; border:none; cursor:pointer; border-bottom:2px solid transparent; transition:all 0.2s;}
.deku-admin-tab.active {border-bottom-color:#e11d48; color:#e11d48;}
.deku-admin-tab-content {display:none;}
.deku-admin-tab-content.active {display:block;}
.deku-settings-grid {display:grid; grid-template-columns:repeat(auto-fit, minmax(300px,1fr)); gap:20px;}
.deku-setting-card {background:#f9f9f9; padding:20px; border-radius:8px; border:1px solid #ddd;}
.deku-setting-card h3 {margin-top:0; color:#333;}
.deku-form-group {margin-bottom:15px;}
.deku-form-group label {display:block; margin-bottom:5px; font-weight:500;}
.deku-form-group input, .deku-form-group select, .deku-form-group textarea {width:100%; padding:8px 12px; border:1px solid #ddd; border-radius:4px;}
.deku-color-input {width:60px !important; height:40px; padding:0; border:none; border-radius:4px; cursor:pointer;}
.deku-btn {background:#e11d48; color:white; padding:10px 20px; border:none; border-radius:4px; cursor:pointer; transition:background 0.2s;}
.deku-btn:hover {background:#be185d;}
.deku-stats-grid {display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); gap:20px; margin-bottom:30px;}
.deku-stat-card {background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%); padding:20px; border-radius:8px; text-align:center; border:1px solid #dee2e6;}
.deku-stat-number {font-size:2rem; font-weight:bold; color:#e11d48; margin-bottom:5px;}
.deku-stat-label {color:#6c757d; font-size:0.9rem;}
.loading {opacity:0.6; pointer-events:none;}
.spinner {border:2px solid var(--border-color); border-top:2px solid var(--primary-color); border-radius:50%; width:20px; height:20px; animation:spin 1s linear infinite; display:inline-block; margin-left:0.5rem;}
.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.mb-1 {margin-bottom:0.5rem;}
.mb-2 {margin-bottom:1rem;}
.mb-3 {margin-bottom:1.5rem;}
.mt-1 {margin-top:0.5rem;}
.mt-2 {margin-top:1rem;}
.mt-3 {margin-top:1.5rem;}
.hidden {display:none;}
.block {display:block;}
.flex {display:flex;}
.inline-flex {display:inline-flex;}
.editors-choice-section {margin-bottom:4rem;}
.editors-choice-container {max-width:1200px; margin:0 auto; padding:0 1rem;}
.editors-choice-content {background:linear-gradient(135deg, rgba(255,255,255,0.1) 0%, rgba(255, 255, 255, 0.05) 100%); border-radius:16px; overflow:hidden; display:grid; grid-template-columns:1fr 400px; min-height:500px; position:relative;}
.editors-choice-info {padding:3rem; display:flex; flex-direction:column; justify-content:space-between;}
.editors-choice-header {display:flex; align-items:center; gap:1rem; margin-bottom:2rem;}
.editors-choice-icon {color:var(--primary-color);}
.editors-choice-title {font-size:1.8rem; font-weight:bold; color:var(--text-color);}
.featured-novel-info {margin-bottom:2rem;}
.featured-novel-title {font-size:2.5rem; font-weight:black; margin-bottom:1rem; line-height:1.2; color:var(--text-color);}
.featured-novel-description {font-size:1.1rem; line-height:1.6; color:#cccccc; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}
.editors-choice-carousel {height:150px; position:relative;}
.carousel-container {height:100%; position:relative; overflow:hidden; border-radius:12px;}
.carousel-track {display:flex; gap:1.5%; height:100%; transition:transform 0.3s ease;}
.carousel-slide {width:25%; height:100%; border-radius:8px; position:relative; cursor:pointer; transition:all 0.3s ease; overflow:hidden; opacity:0.5;}
.carousel-slide.active {opacity:1; transform:scale(1.05); box-shadow:0 8px 25px rgba(225,29,72,0.3);}
.slide-background {position:absolute; top:0; left:0; right:0; bottom:0; background-size:cover; background-position:center; filter:blur(3px); opacity:0.3;}
.slide-overlay {position:absolute; top:0; left:0; right:0; bottom:0; background-size:cover; background-position:center; background-color:rgba(255,255,255,0.1); mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 1.5), transparent); -webkit-mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 1.5), transparent);}
.carousel-nav {position:absolute; top:50%; transform:translateY(-50%); background:rgba(0,0,0,0.7); color:white; border:none; width:40px; height:40px; border-radius:50%; cursor:pointer; display:flex; align-items:center; justify-content:center; font-size:1.2rem; transition:all 0.3s ease; z-index:2;}
.carousel-nav:hover {background:var(--primary-color); transform:translateY(-50%) scale(1.1);}
.carousel-prev {left:0px;}
.carousel-next {right:0px;}
.editors-choice-cover {position:relative; overflow:hidden;}
.cover-container {width:100%; height:100%; background-size:cover; background-position:center; display:flex; align-items:flex-end; justify-content:center; padding:2rem; position:relative;}
.cover-overlay {position:absolute; top:0; left:0; right:0; bottom:0; background:linear-gradient(135deg, rgba(0,0,0,0.3) 0%, rgba(0, 0, 0, 0.7) 100%);}
.start-reading-btn {position:relative; z-index:2;}
.btn-start-reading {background:var(--primary-color); color:white; padding:1rem 2rem; border-radius:50px; text-decoration:none; font-weight:600; display:flex; align-items:center; gap:0.75rem; transition:all 0.3s ease; backdrop-filter:blur(10px); background:rgba(225,29,72,0.9);}
.btn-start-reading:hover {background:rgba(225,29,72,1); transform:translateY(-2px); box-shadow:0 8px 25px rgba(225, 29, 72, 0.4);}
.user-menu-dropdown {position:relative;}
.user-profile-btn {display:flex; align-items:center; gap:0.75rem; background:none; border:none; color:var(--text-color); cursor:pointer; padding:0.5rem 1rem; border-radius:8px; transition:background-color 0.2s;}
.user-profile-btn:hover {background-color:var(--hover-bg);}
.user-avatar {width:32px; height:32px; border-radius:50%; object-fit:cover;}
.user-name {font-weight:500; max-width:120px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.user-dropdown-menu {position:absolute; top:100%; right:0; background-color:var(--card-bg); border:1px solid var(--border-color); border-radius:8px; box-shadow:0 8px 25px rgba(0,0,0,0.3); min-width:200px; z-index:1000; opacity:0; visibility:hidden; transform:translateY(-10px); transition:all 0.3s ease;}
.user-dropdown-menu.active {opacity:1; visibility:visible; transform:translateY(0);}
.dropdown-item {display:flex; align-items:center; gap:0.75rem; padding:0.75rem 1rem; color:var(--text-color); text-decoration:none; transition:background-color 0.2s;}
.dropdown-item:hover {background-color:var(--hover-bg);}
.dropdown-divider {height:1px; background-color:var(--border-color); margin:0.5rem 0;}
.chapter-page {max-width:800px; margin:0 auto; padding:2rem 1rem;}
.chapter-navigation-top {display:flex; justify-content:space-between; align-items:center; margin-bottom:2rem; padding:1rem; background-color:var(--card-bg); border-radius:8px;}
.back-to-novel {display:flex; align-items:center; gap:0.5rem; color:var(--primary-color); text-decoration:none; font-weight:500;}
.back-to-novel:hover {text-decoration:underline;}
.chapter-settings {display:flex; gap:0.5rem;}
.settings-btn, .chapters-list-btn {background:none; border:1px solid var(--border-color); color:var(--text-color); padding:0.5rem; border-radius:6px; cursor:pointer; transition:all 0.2s;}
.settings-btn:hover, .chapters-list-btn:hover {background-color:var(--hover-bg); border-color:var(--primary-color);}
.reading-settings-panel {position:fixed; top:100px; right:-300px; width:280px; background-color:var(--card-bg); border:1px solid var(--border-color); border-radius:12px; padding:1.5rem; box-shadow:0 8px 25px rgba(0,0,0,0.3); z-index:1000; transition:right 0.3s ease;}
.reading-settings-panel.active {right:20px;}
.settings-group {margin-bottom:1.5rem;}
.settings-group label {display:block; margin-bottom:0.5rem; font-weight:500; color:var(--text-color);}
.font-size-controls, .line-height-controls {display:flex; align-items:center; gap:1rem;}
.font-size-controls button, .line-height-controls button {background-color:var(--hover-bg); border:1px solid var(--border-color); color:var(--text-color); padding:0.5rem 0.75rem; border-radius:6px; cursor:pointer; transition:all 0.2s;}
.font-size-controls button:hover, .line-height-controls button:hover {background-color:var(--primary-color); border-color:var(--primary-color);}
.bg-color-options {display:flex; gap:0.5rem;}
.bg-option {width:40px; height:40px; border-radius:8px; border:2px solid transparent; cursor:pointer; transition:all 0.2s;}
.bg-option.active {border-color:var(--primary-color); transform:scale(1.1);}
.chapters-list-panel {position:fixed; top:100px; left:-350px; width:320px; height:60vh; background-color:var(--card-bg); border:1px solid var(--border-color); border-radius:12px; box-shadow:0 8px 25px rgba(0,0,0,0.3); z-index:1000; transition:left 0.3s ease; display:flex; flex-direction:column;}
.chapters-list-panel.active {left:20px;}
.chapters-list-header {display:flex; justify-content:space-between; align-items:center; padding:1rem 1.5rem; border-bottom:1px solid var(--border-color);}
.chapters-list-header h3 {margin:0; font-size:1.1rem;}
.close-btn {background:none; border:none; color:var(--text-color); font-size:1.5rem; cursor:pointer; padding:0; width:24px; height:24px; display:flex; align-items:center; justify-content:center;}
.chapters-list-content {flex:1; overflow-y:auto; padding:1rem;}
.chapter-list-item {display:flex; justify-content:space-between; align-items:center; padding:0.75rem; margin-bottom:0.5rem; background-color:var(--hover-bg); border-radius:6px; color:var(--text-color); text-decoration:none; transition:all 0.2s;}
.chapter-list-item:hover {background-color:var(--primary-color); transform:translateX(5px);}
.chapter-list-item.current {background-color:var(--primary-color); color:white;}
.chapters-controls {display:flex; align-items:center; gap:1rem;}
.chapter-sort-btn {display:flex; align-items:center; gap:0.5rem; background:none; border:1px solid var(--border-color); color:var(--text-color); padding:0.5rem 1rem; border-radius:6px; cursor:pointer; transition:all 0.2s; font-size:0.9rem;}
.chapter-sort-btn:hover {background-color:var(--hover-bg); border-color:var(--primary-color);}
.comments-section {background-color:var(--card-bg); border-radius:12px; padding:0rem; margin-top:3rem;}
.comments-title {font-size:1.5rem; margin-bottom:1.5rem; color:var(--text-color);}
.bg-sepia {background-color:#f4f1ea !important;}
.bg-sepia .chapter-navigation-top, .bg-sepia .reading-settings-panel, .bg-sepia .chapters-list-panel {background-color:#e8e3d3 !important; color:#5c4b37 !important;}
.bg-light {background-color:#ffffff !important;}
.bg-light .chapter-navigation-top, .bg-light .reading-settings-panel, .bg-light .chapters-list-panel {background-color:#f8f9fa !important; color:#333333 !important;}
.deku-admin-panel {background:linear-gradient(135deg,#667eea 0%,#764ba2 100%); margin:20px 0; padding:0; border-radius:16px; box-shadow:0 20px 40px rgba(0, 0, 0, 0.1); overflow:hidden;}
.deku-admin-header {background:linear-gradient(135deg,#e11d48 0%,#be185d 100%); color:white; padding:2rem; position:relative; overflow:hidden;}
.deku-admin-header::before {content:""; position:absolute; top:-50%; right:-50%; width:200%; height:200%; background:radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%); animation:float 6s ease-in-out infinite;}
.deku-admin-header h1 {margin:0; font-size:2rem; font-weight:700; position:relative; z-index:2;}
.deku-admin-header p {margin:0.5rem 0 0 0; opacity:0.9; position:relative; z-index:2;}
.deku-admin-content {padding:2rem; background:white;}
.deku-admin-tabs {display:flex; border-bottom:2px solid #f1f5f9; margin-bottom:2rem; background:#f8fafc; border-radius:12px 12px 0 0; padding:0.5rem;}
.deku-admin-tab {padding:1rem 1.5rem; background:none; border:none; cursor:pointer; border-radius:8px; transition:all 0.3s ease; font-weight:500; color:#64748b; position:relative; overflow:hidden;}
.deku-admin-tab::before {content:""; position:absolute; top:0; left:-100%; width:100%; height:100%; background:linear-gradient(90deg, transparent, rgba(225,29,72,0.1), transparent); transition:left 0.5s;}
.deku-admin-tab:hover::before {left:100%;}
.deku-admin-tab.active {background:linear-gradient(135deg,#e11d48,#be185d); color:white; transform:translateY(-2px); box-shadow:0 8px 25px rgba(225, 29, 72, 0.3);}
.deku-admin-tab-content {display:none; animation:fadeIn 0.5s ease;}
.deku-settings-grid {display:grid; grid-template-columns:repeat(auto-fit, minmax(350px,1fr)); gap:2rem;}
.deku-setting-card {background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%); padding:2rem; border-radius:16px; border:1px solid #e2e8f0; box-shadow:0 4px 6px rgba(0, 0, 0, 0.05); transition:all 0.3s ease; position:relative; overflow:hidden;}
.deku-setting-card::before {content:""; position:absolute; top:0; left:0; right:0; height:4px; background:linear-gradient(90deg,#e11d48,#be185d,#7c3aed);}
.deku-setting-card:hover {transform:translateY(-5px); box-shadow:0 20px 40px rgba(0,0,0,0.1);}
.deku-setting-card h3 {margin-top:0; color:#1e293b; font-size:1.25rem; font-weight:600; margin-bottom:1.5rem;}
.deku-form-group {margin-bottom:1.5rem;}
.deku-form-group label {display:block; margin-bottom:0.5rem; font-weight:500; color:#374151;}
.deku-form-group input, .deku-form-group select, .deku-form-group textarea {width:100%; padding:0.75rem 1rem; border:2px solid #e5e7eb; border-radius:8px; transition:all 0.3s ease; font-size:0.95rem;}
.deku-form-group input:focus, .deku-form-group select:focus, .deku-form-group textarea:focus {outline:none; border-color:#e11d48; box-shadow:0 0 0 3px rgba(225,29,72,0.1);}
.deku-color-input {width:80px !important; height:50px; padding:0; border:2px solid #e5e7eb; border-radius:8px; cursor:pointer; transition:all 0.3s ease;}
.deku-color-input:hover {transform:scale(1.05); box-shadow:0 8px 25px rgba(0,0,0,0.15);}
.deku-btn {background:linear-gradient(135deg,#e11d48,#be185d); color:white; padding:1rem 2rem; border:none; border-radius:12px; cursor:pointer; transition:all 0.3s ease; font-weight:600; font-size:1rem; position:relative; overflow:hidden;}
.deku-btn::before {content:""; position:absolute; top:0; left:-100%; width:100%; height:100%; background:linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition:left 0.5s;}
.deku-btn:hover::before {left:100%;}
.deku-btn:hover {transform:translateY(-2px); box-shadow:0 15px 35px rgba(225,29,72,0.4);}
.deku-stats-grid {display:grid; grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); gap:1.5rem; margin-bottom:2rem;}
.deku-stat-card {background:linear-gradient(135deg,#667eea 0%,#764ba2 100%); padding:2rem; border-radius:16px; text-align:center; color:white; position:relative; overflow:hidden; transition:all 0.3s ease;}
.deku-stat-card::before {content:""; position:absolute; top:-50%; right:-50%; width:200%; height:200%; background:radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%); animation:rotate 10s linear infinite;}
.deku-stat-card:hover {transform:translateY(-5px) scale(1.02); box-shadow:0 20px 40px rgba(0,0,0,0.2);}
.deku-stat-number {font-size:2.5rem; font-weight:700; margin-bottom:0.5rem; position:relative; z-index:2;}
.deku-stat-label {font-size:0.95rem; opacity:0.9; position:relative; z-index:2; font-weight:500;}
.chapters-search {margin-bottom:1.5rem;}
.chapters-search input {width:100%; padding:0.75rem 1rem; background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%); border:1px solid var(--border-color); border-radius:8px; color:var(--text-color); font-size:1rem;}
.chapters-search input:focus {outline:none; border-color:var(--primary-color);}
.chapters-search input::placeholder {color:var(--text-muted);}
.chapters-grid {display:grid; grid-template-columns:repeat(4,1fr); gap:1rem; margin-bottom:2rem;}
.chapter-grid-item {background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%); border-radius:8px; transition:all 0.3s ease; overflow:hidden;}
.chapter-grid-item:hover {background-color:#333; transform:translateY(-2px);}
.chapter-grid-link {display:block; padding:1rem; color:var(--text-color); text-decoration:none; height:100%;}
.chapter-info {display:flex; flex-direction:column; gap:0.25rem;}
.chapter-title {font-weight:500; font-size:0.9rem;}
.expand-chapters {text-align:center; margin-top:1rem;}
.expand-btn {display:flex; align-items:center; gap:0.5rem; background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%); color:var(--text-color); padding:0.75rem 1.5rem; border-radius:8px; cursor:pointer; transition:all 0.3s ease; margin:0 auto;}
.expand-btn:hover {background-color:var(--hover-bg); border-color:var(--primary-color);}
.expand-btn svg {transition:transform 0.3s ease;}
.trending-rank {position:absolute; top:8px; right:8px; background:linear-gradient(135deg,#ffd700,#ffed4e); color:#1a1a1a; width:24px; height:24px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:0.75rem; font-weight:bold; z-index:2;}
.trending-rank.rank-1 {background:linear-gradient(135deg,#ffd700,#ffed4e);}
.trending-rank.rank-2 {background:linear-gradient(135deg,#c0c0c0,#e5e5e5);}
.trending-rank.rank-3 {background:linear-gradient(135deg,#cd7f32,#daa520);}
.novel-actions .bookmark-btn {position:static; opacity:1; background-color:transparent; border:2px solid var(--primary-color); color:var(--primary-color); padding:0.75rem 1.5rem; border-radius:8px; font-weight:600; transition:all 0.3s ease; display:inline-flex; align-items:center; gap:0.5rem;}
.novel-actions .bookmark-btn:hover {background-color:var(--primary-color); color:white; transform:translateY(-2px);}
.novel-actions .bookmark-btn.bookmarked {background-color:var(--primary-color); color:white; border-color:var(--primary-color);}
.novel-actions .bookmark-btn.bookmarked:hover {background-color:#be185d; border-color:#be185d;}
.wrap.deku-admin-wrap {margin-left:-20px; margin-right:-20px; margin-top:-10px;}
.wrap.deku-admin-wrap .notice {margin:1rem 2rem; border-left:4px solid #10b981; background:#f0fdf4; border-radius:8px; box-shadow:0 2px 8px rgba(0,0,0,0.1);}
.wrap.deku-admin-wrap .notice p {margin:1rem; color:#065f46; font-weight:500;}
.chapter-page {max-width:900px; margin:0 auto; padding:3rem 2rem;}
.chapter-title-header {text-align:center; margin-bottom:2rem;}
.chapter-title-header h1 {font-size:2.5rem; font-weight:bold; color:var(--text-color); margin-bottom:0.5rem;}
.chapter-meta {color:var(--text-muted); font-size:1rem;}
.chapter-content {background-color:var(--card-bg); border-radius:12px; padding:3rem; line-height:2; font-size:1.1rem; color:#cccccc; margin-bottom:3rem;}
.chapter-content p {margin-bottom:1.5rem;}
.chapter-navigation {display:flex; justify-content:space-between; align-items:center; margin-bottom:2rem;}
.chapter-navigation a {background-color:var(--primary-color); color:var(--text-color); padding:1rem 2rem; border-radius:8px; text-decoration:none; font-weight:600; transition:all 0.3s ease;}
.chapter-navigation a:hover {background-color:#be185d; transform:translateY(-2px);}
.chapter-page {max-width:900px; margin:0 auto; padding:2rem 1rem;}
.chapter-navigation-modern {display:flex; align-items:center; justify-content:space-between; background:var(--card-bg); border-radius:16px; padding:1.5rem 2rem; margin-bottom:2rem; box-shadow:0 4px 20px rgba(0,0,0,0.1); border:1px solid var(--border-color);}
.back-to-novel-modern {display:flex; align-items:center; gap:0.75rem; color:var(--primary-color); text-decoration:none; font-weight:500; transition:all 0.3s ease; padding:0.5rem 1rem; border-radius:8px;}
.back-to-novel-modern:hover {background-color:var(--hover-bg); transform:translateX(-2px);}
.chapter-nav-center {flex:1; text-align:center; margin:0 2rem;}
.chapter-title-modern {margin:0; display:flex; flex-direction:column; align-items:center; gap:0.5rem;}
.chapter-nav-right {display:flex; gap:0.75rem;}
.modern-settings-btn, .modern-chapters-btn {background:var(--hover-bg); border:1px solid var(--border-color); color:var(--text-color); padding:0.75rem; border-radius:12px; cursor:pointer; transition:all 0.3s ease; display:flex; align-items:center; justify-content:center;}
.modern-settings-btn:hover, .modern-chapters-btn:hover {background-color:var(--primary-color); border-color:var(--primary-color); color:white; transform:translateY(-2px);}
.modern-reading-settings {position:fixed; top:50%; right:-400px; transform:translateY(-50%); width:350px; max-height:80vh; background:var(--card-bg); border:1px solid var(--border-color); border-radius:20px; box-shadow:0 20px 60px rgba(0,0,0,0.3); z-index:1000; transition:right 0.4s cubic-bezier(0.4, 0, 0.2, 1); overflow:hidden;}
.modern-reading-settings.active {right:20px;}
.settings-panel-header {display:flex; justify-content:space-between; align-items:center; padding:1.5rem 2rem; border-bottom:1px solid var(--border-color); background:linear-gradient(135deg, var(--primary-color), #be185d); color:white;}
.settings-panel-header h3 {margin:0; font-size:1.2rem; font-weight:600;}
.close-panel-btn {background:none; border:none; color:white; cursor:pointer; padding:0.5rem; border-radius:8px; transition:all 0.3s ease;}
.close-panel-btn:hover {background:rgba(255,255,255,0.2);}
.settings-panel-content {padding:2rem; max-height:calc(80vh - 80px); overflow-y:auto;}
.setting-group {margin-bottom:2rem;}
.setting-group label {display:block; margin-bottom:1rem; font-weight:600; color:var(--text-color); font-size:0.95rem;}
.setting-controls {display:flex; align-items:center; justify-content:space-between; background:var(--hover-bg); border-radius:12px; padding:0.5rem;}
.control-btn {background:var(--card-bg); border:1px solid var(--border-color); color:var(--text-color); width:40px; height:40px; border-radius:8px; cursor:pointer; transition:all 0.3s ease; display:flex; align-items:center; justify-content:center;}
.control-btn:hover {background:var(--primary-color); border-color:var(--primary-color); color:white;}
.setting-value {font-weight:600; color:var(--text-color); min-width:60px; text-align:center;}
.theme-options {display:grid; grid-template-columns:repeat(3,1fr); gap:1rem;}
.theme-option {background:var(--hover-bg); border:2px solid var(--border-color); border-radius:12px; padding:1rem; cursor:pointer; transition:all 0.3s ease; display:flex; flex-direction:column; align-items:center; gap:0.5rem;}
.theme-option.active {border-color:var(--primary-color); background:var(--primary-color); color:white;}
.theme-preview {width:30px; height:30px; border-radius:50%; border:2px solid rgba(255,255,255,0.3);}
.dark-preview {background:linear-gradient(135deg,#0a0a0a,#1a1a1a);}
.sepia-preview {background:linear-gradient(135deg,#f4f1ea,#e8e3d3);}
.light-preview {background:linear-gradient(135deg,#ffffff,#f8f9fa);}
.modern-chapters-list {position:fixed; top:50%; left:-400px; transform:translateY(-50%); width:350px; max-height:80vh; background:var(--card-bg); border:1px solid var(--border-color); border-radius:20px; box-shadow:0 20px 60px rgba(0,0,0,0.3); z-index:1000; transition:left 0.4s cubic-bezier(0.4, 0, 0.2, 1); overflow:hidden;}
.modern-chapters-list.active {left:20px;}
.chapters-panel-header {display:flex; justify-content:space-between; align-items:center; padding:1.5rem 2rem; border-bottom:1px solid var(--border-color); background:linear-gradient(135deg, var(--primary-color), #be185d); color:white;}
.chapters-panel-content {padding:1rem; max-height:calc(80vh - 80px); overflow-y:auto;}
.modern-chapter-item {display:flex; justify-content:space-between; align-items:center; padding:1rem; margin-bottom:0.5rem; background:var(--hover-bg); border-radius:12px; color:var(--text-color); text-decoration:none; transition:all 0.3s ease;}
.modern-chapter-item:hover {background:var(--primary-color); color:white; transform:translateX(5px);}
.modern-chapter-item.current {background:var(--primary-color); color:white;}
.chapter-item-content {flex:1;}
.chapter-number {font-weight:600; font-size:0.9rem;}
.chapter-title {font-size:0.8rem; opacity:0.8; margin-top:0.25rem;}
.modern-chapter-content {background:var(--card-bg); border-radius:20px; padding:3rem; margin-bottom:3rem; box-shadow:0 4px 20px rgba(0,0,0,0.1); border:1px solid var(--border-color);}
.chapter-meta {display:flex; justify-content:space-between; align-items:center; margin-bottom:2rem; padding-bottom:1rem; border-bottom:1px solid var(--border-color); font-size:0.9rem; color:var(--text-muted);}
.chapter-text {font-size:1.1rem; line-height:1.8; color:var(--text-color);}
.chapter-text p {margin-bottom:1.5rem;}
.modern-chapter-navigation {display:flex; justify-content:space-between; gap:2rem; margin-bottom:3rem;}
.nav-btn {display:flex; align-items:center; gap:1rem; background:var(--card-bg); border:1px solid var(--border-color); border-radius:16px; padding:1.5rem 2rem; color:var(--text-color); text-decoration:none; transition:all 0.3s ease; flex:1; max-width:300px;}
.nav-btn:hover {background:var(--primary-color); border-color:var(--primary-color); color:white; transform:translateY(-2px); box-shadow:0 8px 25px rgba(225,29,72,0.3);}
.prev-btn {justify-content:flex-start;}
.next-btn {justify-content:flex-end; margin-left:auto;}
.nav-btn-content {display:flex; flex-direction:column; align-items:flex-start;}
.next-btn .nav-btn-content {align-items:flex-end;}
.nav-label {font-size:0.8rem; opacity:0.7; margin-bottom:0.25rem;}
.nav-title {font-weight:600; font-size:0.95rem;}
.modern-comments-section {background:var(--card-bg); border-radius:20px; padding:0rem; border:1px solid var(--border-color);}
.comments-title {font-size:1.5rem; margin-bottom:1.5rem; color:var(--text-color); font-weight:600;}
.chapter-item-latest, .chapter-item-horizontal {display:flex; align-items:center; padding:0.75rem 1rem; background:var(--hover-bg); border-radius:10px; transition:all 0.3s ease;}

@media (max-width: 768px) {
.header-container {flex-wrap:wrap; gap:1rem;}
.header-nav {display:none;}
.mobile-menu-toggle {display:block;}
.hero-slider {height:300px;}
.slide-content {flex-direction:column; text-align:center; gap:1.5rem; padding:0 1rem;}
.slide-cover {width:200px; height:280px;}
.slide-title {font-size:2rem;}
.novels-grid {grid-template-columns:repeat(auto-fill, minmax(140px,1fr)); gap:1rem;}
.novel-cover {height:200px;}
.novel-header {flex-direction:column; padding:2rem; gap:2rem; text-align:center;}
.novel-cover-large {width:200px; height:280px; margin:0 auto;}
.novel-details h1 {font-size:2rem;}
.chapters-section {padding:1rem;}
.chapter-item {flex-direction:column; align-items:flex-start; gap:0.5rem;}
.archive-filters {flex-direction:column; align-items:center;}
.filter-select {width:100%; max-width:250px;}
.auth-container {margin:2rem 1rem; padding:1.5rem;}
.dashboard-tabs {flex-wrap:wrap;}
.dashboard-tab {flex:1; min-width:120px; text-align:center;}
}

@media (max-width: 480px) {
.novels-grid {grid-template-columns:repeat(auto-fill, minmax(120px,1fr));}
.novel-cover {height:180px;}
.hero-slider {height:250px;}
.slide-title {font-size:1.5rem;}
.slide-description {font-size:0.9rem;}
}

@keyframes spin {
0% {transform:rotate(0deg);}
100% {transform:rotate(360deg);}
}

@keyframes float {
0%, 100% {transform:translateY(0px) rotate(0deg);}
50% {transform:translateY(-20px) rotate(180deg);}
}

@keyframes fadeIn {
from {opacity:0; transform:translateY(20px);}
to {opacity:1; transform:translateY(0);}
}

@keyframes rotate {
from {transform:rotate(0deg);}
to {transform:rotate(360deg);}
}

@media (max-width: 768px) {
.editors-choice-content {grid-template-columns:1fr; min-height:auto;}
.editors-choice-info {padding:2rem;}
.featured-novel-title {font-size:2rem;}
.editors-choice-carousel {height:120px;}
.user-name {display:none;}
.reading-settings-panel, .chapters-list-panel {width:calc(100vw - 40px); left:20px; right:20px;}
.reading-settings-panel.active {right:20px;}
.chapters-list-panel.active {left:20px;}
.deku-settings-grid {grid-template-columns:1fr;}
.deku-stats-grid {grid-template-columns:repeat(2,1fr);}
}

@media (max-width: 480px) {
.carousel-slide {width:40%;}
.deku-stats-grid {grid-template-columns:1fr;}
.deku-admin-tabs {flex-wrap:wrap;}
.deku-admin-tab {flex:1; min-width:120px;}
}

@media (max-width: 768px) {
.chapters-grid {grid-template-columns:repeat(2,1fr);}
}

@media (max-width: 480px) {
.chapters-grid {grid-template-columns:1fr;}
}

@media (max-width: 768px) {
.chapter-page {padding:2rem 1rem;}
.chapter-title-header h1 {font-size:2rem;}
.chapter-content {padding:1rem; font-size:1rem;}
.chapter-navigation a {padding:0.75rem 1.5rem;}
}

@media (max-width: 600px) {
.deku-settings-grid {grid-template-columns:1fr;}
.deku-stats-grid {grid-template-columns:1fr;}
.deku-admin-tabs {flex-direction:column;}
.deku-admin-tab {padding:1rem; text-align:center;}
}

@media (max-width: 768px) {
.chapter-navigation-modern {flex-direction:column; gap:1rem; padding:1rem;}
.chapter-nav-center {margin:0;}
.chapter-title-modern {align-items:flex-start;}
.chapter-number-badge {align-self:flex-start;}
.modern-reading-settings, .modern-chapters-list {width:calc(100vw - 20px); left:10px; right:10px;}
.modern-reading-settings.active {right:10px;}
.modern-chapters-list.active {left:10px;}
.modern-chapter-content {padding:1.5rem;}
.modern-chapter-navigation {flex-direction:column; gap:1rem;}
.nav-btn {max-width:none;}
}

@media (max-width: 1200px) {
.deku-admin-main {flex-direction:column;}
.deku-admin-sidebar {width:100%;}
.admin-nav {flex-direction:row; overflow-x:auto; padding:1rem; gap:0.5rem;}
.nav-item {white-space:nowrap; min-width:140px; justify-content:center;}
}

@media (max-width: 768px) {
.header-content {flex-direction:column; gap:1rem; text-align:center;}
.quick-stats {justify-content:center;}
.stats-grid-modern {grid-template-columns:1fr;}
.action-buttons {justify-content:center; flex-wrap:wrap;}
.color-controls {grid-template-columns:1fr;}
.deku-admin-content-area {padding:1rem;}
.settings-cards {gap:1rem;}
.setting-card {padding:1.5rem;}
}

@media (max-width: 480px) {
.deku-stats-grid {grid-template-columns:1fr;}
.deku-admin-tabs {flex-wrap:wrap; padding:0.25rem;}
.deku-admin-tab {flex:1; min-width:100px; padding:0.75rem 1rem; font-size:0.9rem;}
.save-section {padding:1rem; margin:1rem -1rem -1rem -1rem;}
.save-btn {width:100%; justify-content:center;}
}

@media (max-width: 768px) {
.chapter-page {padding:2rem 1rem;}
.chapter-title-header h1 {font-size:2rem;}
.chapter-content {padding:2rem; font-size:1rem;}
.chapter-navigation a {padding:0.75rem 1.5rem;}
}
/* Genel Ayarlar */
.deku-content-section {
    margin: 40px auto;
    padding: 20px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    border: 1px solid var(--border-color);
}

.deku-latest-updates-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 20px;
}

/* Novel Kartı */
.deku-novel-card {
    display: grid;
    grid-template-columns: 40% 60%;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Sol Bölüm: Resim */
.deku-card-left {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--hover-bg);
}

.deku-novel-image {
    display: block;
    width: 100%;
    height: -webkit-fill-available;
    object-fit: cover;
}

/* Sağ Bölüm: Başlık ve Bölümler */
.deku-card-right {
    display: grid;
    grid-template-rows: auto 1fr;
    padding: 10px 15px 0px 15px;
}

.deku-novel-header {
    margin-bottom: 10px;
}

.deku-novel-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4em;
    max-height: calc(1.4em * 2);
	  font-size:0.9rem
}


.deku-novel-title a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s ease;
}

.deku-novel-title a:hover {
    color: var(--primary-color);
}

/* Bölüm Listesi */
.deku-novel-chapters {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.deku-chapter-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    padding: 5px 0;
    border-bottom: 1px solid var(--border-color);
}

.deku-chapter-item:last-child {
    border-bottom: none;
}

.deku-chapter-link {
    text-decoration: none;
    color: var(--text-color);
    transition: color 0.3s ease;
}

.deku-chapter-link:hover {
    color: var(--text-color);
    text-decoration: underline;
}

.deku-chapter-date {
    font-size: 12px;
    color: var(--text-muted);
}

/* No Chapters */
.deku-no-chapters {
    text-align: center;
    color: var(--text-muted);
    font-size: 14px;
    padding: 10px 0;
}

/* Responsive */
@media (max-width: 768px) {
    .deku-novel-card {
    }
    
    .deku-card-left {
	align-items:normal
    }
    
    .deku-novel-title {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .deku-latest-updates-grid {
        grid-template-columns: 1fr;
    }
    
    .deku-content-section {
        padding: 15px;
    }
}

span.status-badge.completed {
    position: absolute;
    top: 8px;
    right: 8px;
    background: linear-gradient(135deg, #10b981, #10b981);
    color: #ffffff;
    width: auto;
    height: 24px;
    border-radius: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: bold;
    z-index: 2;
    padding: 1%;
}

a {
    text-decoration: none;
    color: var(--text-color);
}