/* ════════════════════════════════════════════════════════════
   نادي الأدب - Main RTL Arabic Stylesheet
   Mobile-first, dark reader theme, thumbnail grid + list view
   ════════════════════════════════════════════════════════════ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

:root{
  --primary:#1a1a2e;--primary-light:#16213e;--accent:#e94560;--accent-hover:#d63851;
  --bg:#faf9f6;--bg-card:#fff;--text:#2d2d2d;--text-light:#6b7280;--text-muted:#9ca3af;
  --border:#e5e7eb;--border-light:#f3f4f6;
  --shadow:0 1px 3px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 10px 30px rgba(0,0,0,.12);
  --radius:10px;--radius-lg:16px;
  --font-body:'Noto Sans Arabic',-apple-system,sans-serif;
  --font-heading:'Noto Naskh Arabic','Amiri',serif;
  --font-reading:'Amiri','Noto Naskh Arabic',serif;
  --transition:.2s ease;
}

html{scroll-behavior:smooth;}
body{font-family:var(--font-body);color:var(--text);background:var(--bg);line-height:1.7;direction:rtl;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{max-width:100%;height:auto;display:block;}

/* ─── NAV ─── */
.main-nav{background:var(--primary);color:#fff;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(0,0,0,.2);}
.nav-inner{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;height:60px;}
.nav-logo{display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:#fff;}
.nav-logo i{color:var(--accent);}
.nav-links{display:flex;align-items:center;gap:1.2rem;}
.nav-links a{color:rgba(255,255,255,.8);font-size:.85rem;font-weight:500;transition:color var(--transition);}
.nav-links a:hover{color:#fff;}
.nav-admin{background:rgba(255,255,255,.1);padding:.3rem .7rem;border-radius:var(--radius);}
.btn-subscribe-nav{background:var(--accent)!important;color:#fff!important;padding:.35rem .8rem;border-radius:var(--radius);font-weight:600!important;}
.btn-login,.btn-register{padding:.35rem .8rem;border-radius:var(--radius);font-weight:600!important;}
.btn-register{background:var(--accent)!important;color:#fff!important;}
.nav-user-menu{position:relative;}
.nav-user-btn{background:rgba(255,255,255,.1);border:none;color:#fff;padding:.35rem .7rem;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;gap:.4rem;font-size:.82rem;font-family:var(--font-body);}
.nav-user-btn .fa-chevron-down{font-size:.6rem;transition:transform var(--transition);}
.nav-user-menu.open .fa-chevron-down{transform:rotate(180deg);}
.nav-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-lg);min-width:180px;overflow:hidden;display:none;z-index:200;}
.nav-user-menu.open .nav-dropdown{display:block;}
.nav-dropdown a{display:flex;align-items:center;gap:.5rem;padding:.6rem 1rem;color:var(--text);font-size:.82rem;transition:background var(--transition);}
.nav-dropdown a:hover{background:var(--border-light);}
.nav-dropdown hr{border:none;border-top:1px solid var(--border);}
.mobile-menu-btn{display:none;background:none;border:none;color:#fff;font-size:1.3rem;cursor:pointer;}

/* ─── BUTTONS ─── */
.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:var(--radius);font-family:var(--font-body);font-size:.88rem;font-weight:600;border:none;cursor:pointer;transition:all var(--transition);text-decoration:none;}
.btn-primary{background:var(--primary);color:#fff;}.btn-primary:hover{background:var(--primary-light);}
.btn-accent{background:var(--accent);color:#fff;}.btn-accent:hover{background:var(--accent-hover);}
.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary);}.btn-outline:hover{background:var(--primary);color:#fff;}
.btn-sm{padding:.35rem .7rem;font-size:.78rem;}.btn-lg{padding:.75rem 1.6rem;font-size:1rem;}.btn-full{width:100%;justify-content:center;}

/* ─── SECTIONS ─── */
.section{padding:2.5rem 0;}.section-alt{background:var(--border-light);}
.section-inner{max-width:1200px;margin:0 auto;padding:0 1rem;}
.section-title{font-family:var(--font-heading);font-size:1.7rem;font-weight:700;color:var(--primary);margin-bottom:1.2rem;}
.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.2rem;}
.section-header .section-title{margin-bottom:0;}
.view-all{color:var(--accent);font-weight:600;font-size:.85rem;display:flex;align-items:center;gap:.3rem;}
.page-title-ar{font-family:var(--font-heading);font-size:1.8rem;margin-bottom:1.5rem;}

/* ─── HERO ─── */
.hero{position:relative;padding:4rem 1rem;text-align:center;color:#fff;overflow:hidden;}
.hero-bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--primary) 0%,#0f3460 50%,var(--primary-light) 100%);z-index:0;}
.hero-bg::after{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ffffff' fill-opacity='.03'%3E%3Ccircle cx='20' cy='20' r='1.5'/%3E%3C/g%3E%3C/svg%3E");}
.hero-content{position:relative;z-index:1;max-width:650px;margin:0 auto;}
.hero h1{font-family:var(--font-heading);font-size:2.4rem;font-weight:700;margin-bottom:.8rem;line-height:1.3;}
.hero p{font-size:1.05rem;color:rgba(255,255,255,.85);margin-bottom:1.8rem;line-height:1.8;}
.hero-stats{display:flex;justify-content:center;gap:2.5rem;margin-bottom:1.8rem;}
.stat{text-align:center;}.stat-num{display:block;font-size:1.8rem;font-weight:700;font-family:var(--font-heading);}
.hero-actions{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;}

/* ─── VIEW TOGGLE (grid/list) ─── */
.view-toggle{display:flex;gap:.3rem;margin-bottom:1rem;}
.view-toggle button{background:var(--border);border:none;padding:.4rem .7rem;border-radius:6px;cursor:pointer;color:var(--text-muted);font-size:.85rem;transition:all var(--transition);}
.view-toggle button.active{background:var(--primary);color:#fff;}

/* ─── TOOLBAR ─── */
.toolbar-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;}
.search-bar{display:flex;border:2px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-card);flex:1;max-width:400px;}
.search-bar input{flex:1;border:none;padding:.55rem .8rem;font-size:.88rem;font-family:var(--font-body);outline:none;background:transparent;}
.search-bar button{background:var(--primary);border:none;color:#fff;padding:0 .8rem;cursor:pointer;}
.sidebar-filter{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap;}
.filter-tag{padding:.3rem .8rem;border-radius:20px;font-size:.78rem;font-weight:600;background:var(--border-light);color:var(--text-light);transition:all var(--transition);}
.filter-tag:hover,.filter-tag.active{background:var(--primary);color:#fff;}

/* ─── STORIES GRID (thumbnails) ─── */
.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:1rem;}
.stories-grid.list-view{grid-template-columns:1fr;gap:.6rem;}
.stories-grid.list-view .story-card{flex-direction:row;height:auto;}
.stories-grid.list-view .story-card-image{width:80px;min-height:100px;aspect-ratio:auto;}
.stories-grid.list-view .story-card-body{padding:.6rem .8rem;}

.story-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s ease;box-shadow:var(--shadow);display:flex;flex-direction:column;}
.story-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);}
.story-card-image{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--border-light);}
.story-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.story-card:hover .story-card-image img{transform:scale(1.05);}
.story-card-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:rgba(255,255,255,.25);font-size:2rem;}
.story-card-placeholder.large{min-height:250px;font-size:3.5rem;}
.story-card-body{padding:.8rem;flex:1;display:flex;flex-direction:column;}
.story-card-body h3{font-family:var(--font-heading);font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:.2rem;}
.story-author{font-size:.75rem;color:var(--text-light);margin-bottom:.4rem;}
.story-meta{margin-top:auto;display:flex;gap:.8rem;font-size:.72rem;color:var(--text-muted);}
.story-meta i{margin-left:.15rem;}
.rating-stars{color:#f59e0b;font-weight:600;}
.rating-stars i{color:#f59e0b;}
.badge-free-tag{position:absolute;top:.5rem;right:.5rem;background:#10b981;color:#fff;font-size:.65rem;font-weight:700;padding:.15rem .5rem;border-radius:12px;}

/* ─── CATEGORIES GRID ─── */
.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;}
.categories-grid.large{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));}
.category-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;text-align:center;transition:all var(--transition);box-shadow:var(--shadow);padding-bottom:.8rem;}
.category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);}
.category-card img{width:100%;height:120px;object-fit:cover;}
.cat-icon{height:120px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),#0f3460);color:rgba(255,255,255,.3);font-size:2.5rem;}
.category-card h3{font-family:var(--font-heading);font-size:1rem;margin:.6rem .5rem .2rem;line-height:1.3;}
.category-card span{font-size:.75rem;color:var(--text-muted);}

/* ─── STORY DETAIL ─── */
.story-detail-header{background:var(--primary);color:#fff;padding:2.5rem 0;}
.story-header-grid{display:grid;grid-template-columns:200px 1fr;gap:1.5rem;align-items:start;}
.story-hero-img{border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);}
.story-hero-img img{width:100%;aspect-ratio:3/4;object-fit:cover;}
.story-cats{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.5rem;}
.cat-badge{background:rgba(233,69,96,.2);color:var(--accent);font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:10px;}
.story-hero-info h1{font-family:var(--font-heading);font-size:2rem;line-height:1.3;margin-bottom:.4rem;}
.story-author-lg{font-size:1rem;color:rgba(255,255,255,.7);margin-bottom:.8rem;}
.story-desc{color:rgba(255,255,255,.8);margin-bottom:1rem;line-height:1.8;font-size:.92rem;}
.story-stats{display:flex;gap:1.2rem;flex-wrap:wrap;margin-bottom:1.2rem;font-size:.82rem;color:rgba(255,255,255,.6);}
.story-stats i{margin-left:.2rem;}
.story-actions{display:flex;gap:.8rem;flex-wrap:wrap;}

/* ─── EPISODES GRID (thumbnails) ─── */
.episodes-header{display:flex;justify-content:space-between;align-items:center;margin:1.5rem 0 1rem;}
.episodes-header h2{font-family:var(--font-heading);font-size:1.5rem;}
.episodes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;}
.episodes-grid.list-view{grid-template-columns:1fr;gap:.5rem;}
.episodes-grid.list-view .episode-card{flex-direction:row;}
.episodes-grid.list-view .episode-card-image{width:70px;min-height:80px;aspect-ratio:auto;}
.episodes-grid.list-view .episode-card-body{padding:.5rem .7rem;}

.episode-card{background:var(--bg-card);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:all var(--transition);}
a.episode-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}
.episode-card.locked{opacity:.55;cursor:default;}
.episode-card.current{box-shadow:0 0 0 2px var(--accent);}
.episode-card-image{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--border-light);}
.episode-card-image img{width:100%;height:100%;object-fit:cover;}
.ep-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:rgba(255,255,255,.4);font-size:1.5rem;font-weight:700;}
.ep-badge{position:absolute;top:.4rem;right:.4rem;font-size:.65rem;font-weight:700;padding:.15rem .4rem;border-radius:8px;}
.ep-badge.free{background:#10b981;color:#fff;}
.ep-badge.locked{background:rgba(0,0,0,.5);color:#fff;}
.episode-card-body{padding:.6rem .7rem;}
.episode-card-body h4{font-family:var(--font-heading);font-size:.88rem;line-height:1.3;margin-bottom:.3rem;}
.ep-meta{display:flex;gap:.7rem;font-size:.7rem;color:var(--text-muted);}

/* ─── READER (dark theme) ─── */
.reader{background:var(--reader-bg,#1a1a2e);color:var(--reader-text,#e8e6e3);min-height:100vh;}
.reader-topnav{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);position:sticky;top:60px;z-index:50;background:var(--reader-bg,#1a1a2e);}
.back-link{color:rgba(255,255,255,.6);font-size:.85rem;display:flex;align-items:center;gap:.4rem;}.back-link:hover{color:#fff;}
.font-controls{display:flex;gap:.3rem;}
.font-controls button{background:rgba(255,255,255,.1);border:none;color:#fff;padding:.4rem .7rem;border-radius:6px;cursor:pointer;font-size:.82rem;font-family:var(--font-body);transition:background var(--transition);}
.font-controls button:hover{background:rgba(255,255,255,.2);}

.reader-nav{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;max-width:800px;margin:0 auto;gap:.5rem;}
.reader-nav.top{border-bottom:1px solid rgba(255,255,255,.06);}
.reader-nav.bottom{border-top:1px solid rgba(255,255,255,.06);margin-top:2rem;padding-top:1.5rem;}
.nav-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .8rem;background:rgba(255,255,255,.08);border-radius:var(--radius);color:rgba(255,255,255,.7);font-size:.82rem;transition:all var(--transition);max-width:45%;}
.nav-btn:hover{background:rgba(255,255,255,.15);color:#fff;}
.ep-indicator{font-size:.8rem;color:rgba(255,255,255,.4);}
.end-msg{text-align:center;color:rgba(255,255,255,.4);font-size:.85rem;}
.end-msg i{color:#10b981;margin-left:.3rem;}

.reader-body{max-width:800px;margin:0 auto;padding:2rem 1.2rem 1rem;}
.reader-title{font-family:var(--reader-font,Amiri);font-size:1.8rem;font-weight:700;margin-bottom:.8rem;line-height:1.4;}
.reader-meta{display:flex;gap:1rem;font-size:.8rem;color:rgba(255,255,255,.4);margin-bottom:2rem;}
.reader-text{font-family:var(--reader-font,Amiri),serif;font-size:var(--reader-font-size,20px);line-height:var(--reader-line-height,2.0);color:var(--reader-text,#e8e6e3);}
.reader-text p{margin-bottom:1rem;}
.reader-text h2,.reader-text h3{font-family:var(--font-heading);margin:1.5rem 0 .8rem;}
.reader-text blockquote{border-right:3px solid var(--accent);padding-right:1rem;margin:1.2rem 0;font-style:italic;opacity:.8;}

/* ─── STAR RATING ─── */
.rating-section{max-width:800px;margin:2rem auto;text-align:center;padding:1.5rem;border-top:1px solid rgba(255,255,255,.08);}
.rating-section h3{font-family:var(--font-heading);margin-bottom:.8rem;font-size:1.1rem;}
.star-rating{display:flex;justify-content:center;gap:.3rem;margin-bottom:.5rem;}
.star-rating i{font-size:1.8rem;color:#f59e0b;cursor:pointer;transition:transform var(--transition);}
.star-rating i:hover{transform:scale(1.2);}
.star-rating i.far{color:rgba(255,255,255,.2);}
.rating-info{font-size:.8rem;color:rgba(255,255,255,.4);}

/* ─── EPISODE SIDEBAR ─── */
.ep-list-toggle{position:fixed;bottom:1.5rem;left:1.5rem;width:48px;height:48px;background:var(--accent);color:#fff;border:none;border-radius:50%;font-size:1.1rem;cursor:pointer;box-shadow:var(--shadow-lg);z-index:60;display:flex;align-items:center;justify-content:center;}
.ep-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;background:var(--primary);z-index:200;transform:translateX(-100%);transition:transform .3s ease;overflow-y:auto;padding-top:1rem;}
.ep-sidebar.open{transform:translateX(0);}
.ep-sidebar-head{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);}
.ep-sidebar-head h4{color:#fff;font-size:.9rem;}
.ep-sidebar-head button{background:none;border:none;color:rgba(255,255,255,.5);font-size:1.1rem;cursor:pointer;}
.ep-sidebar-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;color:rgba(255,255,255,.6);font-size:.8rem;transition:background var(--transition);}
.ep-sidebar-item:hover{background:rgba(255,255,255,.05);}
.ep-sidebar-item.active{background:rgba(233,69,96,.2);color:#fff;border-right:3px solid var(--accent);}
.ep-sidebar-item.locked{opacity:.4;}

/* ─── PAYWALL ─── */
.paywall-page{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:3rem 1rem;}
.paywall-container{text-align:center;max-width:450px;}
.paywall-icon{font-size:2.5rem;color:var(--accent);margin-bottom:1rem;}
.paywall-container h1{font-family:var(--font-heading);font-size:1.8rem;margin-bottom:.3rem;}
.paywall-container h2{font-size:1.1rem;color:var(--text-light);margin-bottom:1rem;}
.paywall-msg{color:var(--text-light);margin-bottom:1.5rem;line-height:1.8;}
.paywall-actions{display:flex;flex-direction:column;gap:.6rem;align-items:center;margin-bottom:1.5rem;}
.paywall-back{color:var(--text-muted);font-size:.82rem;}

/* ─── AUTH ─── */
.auth-page{min-height:65vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;}
.auth-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:2rem;width:100%;max-width:420px;box-shadow:var(--shadow-lg);}
.auth-card h1{font-family:var(--font-heading);font-size:1.6rem;text-align:center;margin-bottom:.2rem;}
.auth-sub{text-align:center;color:var(--text-muted);margin-bottom:1.5rem;font-size:.88rem;}
.auth-form .form-group{margin-bottom:1rem;}
.auth-form label{display:block;font-size:.82rem;font-weight:600;margin-bottom:.25rem;}
.auth-form input[type="text"],.auth-form input[type="email"],.auth-form input[type="password"],.auth-form textarea{width:100%;padding:.6rem .7rem;border:2px solid var(--border);border-radius:var(--radius);font-size:.88rem;font-family:var(--font-body);transition:border-color var(--transition);}
.auth-form input:focus,.auth-form textarea:focus{border-color:var(--accent);outline:none;}
.auth-footer{text-align:center;margin-top:1.2rem;font-size:.82rem;color:var(--text-muted);}
.auth-footer a{color:var(--accent);font-weight:600;}

/* ─── SUBSCRIBE ─── */
.subscribe-page{padding:2.5rem 0;text-align:center;}
.subscribe-page h1{font-family:var(--font-heading);font-size:2.2rem;margin-bottom:.3rem;}
.subscribe-sub{color:var(--text-muted);margin-bottom:2rem;font-size:1rem;}
.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.2rem;text-align:right;}
.plan-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:1.5rem;border:2px solid var(--border);position:relative;transition:border-color var(--transition);}
.plan-card.popular{border-color:var(--accent);}
.plan-badge{position:absolute;top:-10px;right:1rem;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;padding:.2rem .6rem;border-radius:10px;}
.plan-card h3{font-family:var(--font-heading);font-size:1.15rem;margin-bottom:.3rem;}
.plan-desc{font-size:.8rem;color:var(--text-light);margin-bottom:.8rem;}
.plan-price{margin-bottom:1rem;}.plan-price .amount{font-size:2rem;font-weight:700;color:var(--primary);}.plan-price .period{color:var(--text-muted);font-size:.85rem;}
.plan-trial{font-size:.75rem;color:var(--accent);margin-bottom:.8rem;}
.plan-features{list-style:none;margin-bottom:1.2rem;}
.plan-features li{padding:.25rem 0;font-size:.82rem;color:var(--text-light);}
.plan-features li i{color:#10b981;margin-left:.4rem;}
.plan-active{text-align:center;color:#10b981;font-weight:700;padding:.8rem;}.plan-active i{font-size:1.5rem;margin-bottom:.3rem;display:block;}

/* ─── CTA ─── */
.cta-section{background:var(--primary);color:#fff;text-align:center;padding:3rem 1rem;}
.cta-section h2{font-family:var(--font-heading);font-size:1.8rem;margin-bottom:.3rem;}
.cta-section p{color:rgba(255,255,255,.7);margin-bottom:1.2rem;}
.subscribe-cta{text-align:center;background:var(--border-light);border-radius:var(--radius-lg);padding:2rem;margin-top:2rem;}
.subscribe-cta h3{font-family:var(--font-heading);font-size:1.2rem;margin-bottom:.3rem;}
.subscribe-cta p{color:var(--text-muted);margin-bottom:1rem;}
.cta-buttons{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;}

/* ─── PROFILE ─── */
.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-bottom:1.5rem;}
.profile-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:1.2rem;box-shadow:var(--shadow);}
.profile-card h2{font-size:.92rem;font-weight:700;margin-bottom:.8rem;color:var(--text-light);}
.info-row{display:flex;justify-content:space-between;padding:.4rem 0;border-bottom:1px solid var(--border-light);font-size:.85rem;}
.info-row span{color:var(--text-muted);}
.sub-active,.sub-trial{color:#10b981;}.sub-expired{color:var(--accent);}.sub-free{color:var(--text-muted);}
.profile-section{margin-top:1.5rem;}.profile-section h2{font-family:var(--font-heading);font-size:1.3rem;margin-bottom:.8rem;}
.reading-list{display:flex;flex-direction:column;gap:.4rem;}
.reading-item{display:flex;align-items:center;gap:.8rem;padding:.6rem;background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);transition:border-color var(--transition);}
.reading-item:hover{border-color:var(--accent);}
.reading-item img{width:45px;height:60px;object-fit:cover;border-radius:4px;}
.reading-thumb{width:45px;height:60px;background:var(--border-light);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);}
.reading-info h4{font-size:.88rem;margin-bottom:.1rem;}.reading-info p{font-size:.78rem;color:var(--text-light);}.reading-info small{font-size:.68rem;color:var(--text-muted);}

/* ─── PAGE HEADER ─── */
.page-header{background:var(--primary);color:#fff;padding:2rem 1rem;text-align:center;}
.page-header h1{font-family:var(--font-heading);font-size:2rem;}.page-header p{color:rgba(255,255,255,.6);margin-top:.2rem;}

/* ─── ALERTS, PAGINATION, ETC ─── */
.alert{padding:.7rem 1rem;border-radius:var(--radius);font-size:.85rem;margin-bottom:1rem;display:flex;align-items:center;gap:.4rem;}
.alert-error{background:#fef2f2;color:#b91c1c;border:1px solid #fecaca;}
.alert-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;}
.alert-info{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;}
.empty-state{text-align:center;padding:2.5rem;color:var(--text-muted);}.empty-state i{font-size:2rem;margin-bottom:.8rem;display:block;}.empty-state.small{padding:1rem;}
.pagination{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:1.5rem;font-size:.85rem;}

/* ─── FOOTER ─── */
.site-footer{background:var(--primary);color:rgba(255,255,255,.7);padding:2.5rem 1rem 1rem;margin-top:2rem;text-align:center;}
.footer-inner h3{font-family:var(--font-heading);color:#fff;font-size:1.2rem;margin-bottom:.2rem;}.footer-inner h3 i{color:var(--accent);margin-left:.3rem;}
.footer-inner>p{font-size:.82rem;margin-bottom:1rem;}
.footer-links{display:flex;gap:1.2rem;justify-content:center;margin-bottom:1rem;flex-wrap:wrap;}.footer-links a{font-size:.82rem;}.footer-links a:hover{color:#fff;}
.footer-social{display:flex;gap:.8rem;justify-content:center;margin-bottom:1rem;}.footer-social a{font-size:1.1rem;}.footer-social a:hover{color:var(--accent);}
.footer-copy{border-top:1px solid rgba(255,255,255,.1);padding-top:.8rem;font-size:.75rem;}

/* ─── MOBILE ─── */
@media(max-width:768px){
  .mobile-menu-btn{display:block;}
  .nav-links{display:none;position:absolute;top:60px;left:0;right:0;background:var(--primary);flex-direction:column;padding:.8rem;gap:.3rem;box-shadow:var(--shadow-lg);z-index:200;}
  .nav-links.open{display:flex;}
  .nav-links a{padding:.5rem .8rem;width:100%;}
  .hero h1{font-size:1.7rem;}.hero p{font-size:.92rem;}
  .hero-stats{gap:1.5rem;}.stat-num{font-size:1.3rem;}
  .stories-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.7rem;}
  .categories-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));}
  .episodes-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.7rem;}
  .story-header-grid{grid-template-columns:1fr;text-align:center;}
  .story-hero-img{max-width:180px;margin:0 auto;}
  .story-hero-info h1{font-size:1.5rem;}
  .story-stats,.story-actions,.story-cats{justify-content:center;}
  .profile-grid{grid-template-columns:1fr;}
  .plans-grid{grid-template-columns:1fr;}
  .reader-body{padding:1.5rem 1rem;}
  .reader-title{font-size:1.4rem;}
  .nav-btn{font-size:.75rem;padding:.4rem .6rem;}
  .toolbar-row{flex-direction:column;align-items:stretch;}
  .search-bar{max-width:100%;}
}
@media(max-width:400px){
  .stories-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;}
  .episodes-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;}
  .hero{padding:2.5rem .8rem;}
  .hero h1{font-size:1.4rem;}
}