/*
Theme Name: Manga Dream Pro
Author: Norman
Version: 1.0.0
Description: Unified manga theme — Comic Easel compatible, starry background, reader controls, admin settings, and homepage.
Text Domain: mangadream
*/

:root{
  --bg:#0b0e14;
  --card:#121826;
  --muted:#9aa4b2;
  --text:#e5e7eb;
  --primary:#7c3aed;   /* purple */
  --secondary:#0ea5e9; /* cyan   */
  --accent:#22c55e;
  --ring:rgba(124,58,237,.5);
}

html,body{height:100%;background:var(--bg);color:var(--text);}
.container{max-width:1140px;margin:0 auto;}
.card{background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:16px;}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1rem;border-radius:12px;font-weight:800;letter-spacing:.02em}
.btn-primary{background:var(--primary);color:white}
.btn-secondary{background:#1f2937;color:#e5e7eb}
.badge{display:inline-block;font-size:.75rem;background:#0f1624;color:#cbd5e1;border:1px solid rgba(255,255,255,.08);padding:.2rem .6rem;border-radius:999px;margin-right:.25rem}
.star{color:#fbbf24}
.header{backdrop-filter: blur(8px);background:rgba(12,14,20,.55);border-bottom:1px solid rgba(255,255,255,.06)}
.shadow-soft{box-shadow:0 12px 40px rgba(0,0,0,.45)}
.link{color:var(--secondary);text-decoration:none}
.link:hover{text-decoration:underline}
.cover{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}
.title{font-weight:900;letter-spacing:.04em}
.grid{display:grid;gap:1rem}
.grid-cols-2{grid-template-columns:280px 1fr}
.list-reset{list-style:none;margin:0;padding:0}
.footer{border-top:1px solid rgba(255,255,255,.06);color:#9aa4b2}
#stars-canvas{position:fixed;inset:0;z-index:-1;background:radial-gradient(1200px 600px at 30% -10%, rgba(99,102,241,.08), transparent), radial-gradient(1200px 600px at 110% 10%, rgba(34,197,94,.05), transparent)}
.input{background:#0f1624;border:1px solid rgba(255,255,255,.08);color:#e5e7eb;border-radius:10px;padding:.55rem .9rem;width:100%}
.reader-meta{opacity:.75;font-size:.9rem;margin-bottom:1rem}
.navbar{display:flex;align-items:center;justify-content:space-between;padding:18px}
.brand{font-weight:900;letter-spacing:.05em;font-size:24px}
.brand .accent{color:var(--primary)}
/* Reader bar */
.reader-bar{background:#0f1624;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.reader-select{background:#0b1220;color:#e5e7eb;border:1px solid rgba(255,255,255,.08);padding:.55rem .8rem;border-radius:10px;min-width:280px}
#backToTop{position:fixed;bottom:22px;right:22px;background:var(--primary);color:#fff;border:none;border-radius:999px;padding:.7rem 1rem;box-shadow:0 10px 30px rgba(124,58,237,.5);cursor:pointer;display:none}