@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700;900&family=Nunito:wght@300;400;600;700&display=swap";:root{--midnight-sky: #090a0f;--starlight-gold: #ffd700;--starlight-dim: #b89947;--mystic-purple: #6a0dad;--ethereal-blue: #4169e1;--glass-enchanted: rgba(20, 20, 35, .5);--glass-border: rgba(255, 215, 0, .15);--text-radiant: #fdfbf7;--text-soft: #a8aebf;--glow-gold: 0 0 20px rgba(255, 215, 0, .4), 0 0 40px rgba(255, 215, 0, .2);--glow-purple: 0 0 30px rgba(106, 13, 173, .5);--aura-shadow: 0 15px 35px rgba(0, 0, 0, .6), inset 0 0 20px rgba(255, 255, 255, .05)}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--midnight-sky);color:var(--text-radiant);font-family:Nunito,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background:radial-gradient(circle at 15% 50%,rgba(106,13,173,.08) 0%,transparent 50%),radial-gradient(circle at 85% 30%,rgba(65,105,225,.08) 0%,transparent 50%);z-index:-3}body:after{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:radial-gradient(2px 2px at 20px 30px,#fff,#0000),radial-gradient(2px 2px at 40px 70px,gold,#0000),radial-gradient(2px 2px at 50px 160px,#fff,#0000),radial-gradient(2px 2px at 90px 40px,gold,#0000),radial-gradient(2px 2px at 130px 80px,#fff,#0000);background-repeat:repeat;background-size:200px 200px;animation:stardustDrift 100s linear infinite;opacity:.4;z-index:-2}@keyframes stardustDrift{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-1000px) rotate(5deg)}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--midnight-sky);border-left:1px solid rgba(255,215,0,.1)}::-webkit-scrollbar-thumb{background:linear-gradient(to bottom,var(--starlight-dim),var(--mystic-purple));border-radius:10px}::-webkit-selection{background:#ffd7004d;color:#fff}.elegant-font{font-family:Cinzel,serif}.page-wrapper{max-width:1400px;margin:0 auto;padding:clamp(2rem,5vw,4rem) clamp(1.5rem,4vw,3rem);position:relative;z-index:1}.navbar-enchanted{display:flex;justify-content:space-between;align-items:center;padding:1.2rem clamp(2rem,5vw,5rem);background:linear-gradient(to bottom,#090a0ff2,#090a0f80);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:1000;box-shadow:0 4px 30px #00000080}.nav-brand{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;color:var(--starlight-gold);text-decoration:none;letter-spacing:4px;text-shadow:0 0 15px rgba(255,215,0,.5);display:flex;align-items:center;gap:10px}.nav-links{display:flex;gap:3rem;align-items:center;flex-wrap:wrap}.nav-item{color:var(--text-soft);text-decoration:none;font-size:1rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;transition:all .4s ease;position:relative}.nav-item:hover{color:var(--starlight-gold);text-shadow:0 0 10px rgba(255,215,0,.5)}.nav-item:after{content:"✦";position:absolute;bottom:-15px;left:50%;transform:translate(-50%) scale(0);color:var(--starlight-gold);font-size:.6rem;transition:.4s ease;opacity:0}.nav-item:hover:after{transform:translate(-50%) scale(1);opacity:1}.hero-magical{min-height:80vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative}.hero-sparkle{color:var(--starlight-gold);font-size:1.2rem;margin-bottom:1rem;animation:float 3s ease-in-out infinite}.hero-title{font-size:clamp(3rem,8vw,6.5rem);font-weight:900;background:linear-gradient(to bottom right,#fff,gold,#b89947);-webkit-background-clip:text;color:transparent;line-height:1.1;margin-bottom:1.5rem;filter:drop-shadow(0 0 20px rgba(255,215,0,.3))}.hero-sub{font-size:clamp(1rem,2vw,1.2rem);color:var(--text-soft);max-width:700px;line-height:1.8;margin-bottom:3.5rem;font-weight:300}.btn-magic{position:relative;display:inline-block;padding:1.2rem 3rem;background:#14142399;color:var(--starlight-gold);font-size:1.1rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;text-decoration:none;border:1px solid var(--starlight-dim);border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;transition:all .5s ease;box-shadow:0 0 15px #ffd7001a}.btn-magic:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,215,0,.3),transparent);transition:.6s}.btn-magic:hover{background:var(--starlight-gold);color:var(--midnight-sky);box-shadow:var(--glow-gold);transform:translateY(-3px)}.btn-magic:hover:before{left:100%}.section-heading{text-align:center;margin-bottom:4rem}.section-title{font-size:clamp(2rem,4vw,3rem);color:var(--text-radiant);display:inline-flex;align-items:center;gap:1.5rem}.section-title:before,.section-title:after{content:"";width:60px;height:1px;background:linear-gradient(90deg,transparent,var(--starlight-gold),transparent)}.grid-magical{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:3.5rem}.card-grimoire{background:var(--glass-enchanted);border:1px solid var(--glass-border);border-radius:20px;padding:1rem;position:relative;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--aura-shadow);transition:all .6s cubic-bezier(.25,1,.5,1);cursor:pointer;display:block;text-decoration:none}.card-grimoire:hover{transform:translateY(-15px);border-color:var(--starlight-gold);box-shadow:0 20px 50px #000c,0 0 30px #ffd70033}.card-cover-wrapper{width:100%;height:380px;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 10px 20px #00000080}.card-img{width:100%;height:100%;object-fit:cover;transition:.8s}.card-grimoire:hover .card-img{transform:scale(1.05);filter:brightness(1.1) saturate(1.2)}.badge-mystic{position:absolute;top:1rem;right:1rem;background:#6a0dadcc;color:#fff;padding:.4rem 1rem;border-radius:30px;font-size:.75rem;font-weight:700;letter-spacing:1px;border:1px solid #d8a8ff;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--glow-purple);animation:float 4s ease-in-out infinite}.card-info{padding:1.5rem .5rem .5rem;text-align:center}.card-title{font-size:1.3rem;color:#fff;margin-bottom:1rem;line-height:1.3;font-weight:600}.card-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.tag-pill{font-size:.75rem;font-weight:600;text-transform:uppercase;padding:.3rem .8rem;background:#ffd7000d;border:1px solid var(--starlight-dim);color:var(--starlight-dim);border-radius:20px;letter-spacing:1px}.tome-layout{display:grid;grid-template-columns:350px 1fr;gap:clamp(3rem,6vw,5rem);background:linear-gradient(135deg,#141423cc,#0a0a0fe6);padding:clamp(2rem,5vw,4rem);border-radius:30px;border:1px solid var(--glass-border);box-shadow:0 30px 60px #000c,inset 0 0 40px #ffd7000d;position:relative}.tome-cover{width:100%;border-radius:16px;border:2px solid var(--starlight-dim);box-shadow:var(--glow-gold),0 20px 40px #000c;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tome-info{display:flex;flex-direction:column;justify-content:center}.tome-title{font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;color:var(--starlight-gold);margin-bottom:1.5rem}.tome-meta{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,215,0,.1)}.meta-detail{display:flex;flex-direction:column;gap:.3rem}.meta-label{font-size:.85rem;color:var(--text-soft);text-transform:uppercase;letter-spacing:2px}.meta-value{font-size:1.2rem;color:#fff;font-weight:600}.tome-synopsis{font-size:1.1rem;line-height:1.8;color:#d1d5db;background:#0000004d;padding:2rem;border-radius:16px;margin-bottom:3rem;border-left:2px solid var(--mystic-purple);font-style:italic}.episodes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem}.chapter-scroll{background:#14141e99;border:1px solid var(--glass-border);padding:1.5rem 1rem;text-align:center;border-radius:12px;text-decoration:none;transition:all .4s ease;display:flex;flex-direction:column}.chapter-scroll:hover{background:#ffd7001a;border-color:var(--starlight-gold);transform:translateY(-5px);box-shadow:0 10px 20px #ffd70026}.ch-label{font-size:.8rem;color:var(--starlight-dim);letter-spacing:2px;margin-bottom:.5rem;font-weight:700}.ch-num{font-size:2rem;color:#fff}.reader-sanctuary{background:var(--glass-enchanted);border-radius:20px;border:1px solid var(--glass-border);padding:clamp(1.5rem,3vw,2.5rem);margin-bottom:2rem;display:flex;flex-direction:column;gap:2rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 50px #0009}.sanctuary-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;border-bottom:1px solid rgba(255,215,0,.1);padding-bottom:1.5rem}.sanctuary-title{font-size:clamp(1.2rem,3vw,1.8rem);color:var(--starlight-gold);display:flex;align-items:center;gap:10px}.sanctuary-title span{color:var(--text-soft);font-weight:300}.return-link{color:var(--text-soft);font-size:.95rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;text-decoration:none;transition:.3s}.return-link:hover{color:#fff;text-shadow:0 0 10px #fff}.magic-controls{display:flex;flex-wrap:wrap;gap:1.5rem;width:100%;justify-content:center}.btn-nav,.select-nav{flex:1 1 160px;max-width:250px;padding:1rem;background:#0006;color:#fff;border:1px solid var(--starlight-dim);border-radius:50px;font-size:.9rem;font-weight:700;letter-spacing:2px;cursor:pointer;text-transform:uppercase;text-align:center;transition:all .4s ease}.btn-nav:hover:not(:disabled){background:var(--starlight-gold);color:#000;box-shadow:var(--glow-gold)}.btn-nav:disabled{border-color:#ffffff1a;color:var(--text-soft);cursor:not-allowed;opacity:.5}.select-nav{appearance:none;outline:none;border-color:var(--mystic-purple)}.select-nav:focus{box-shadow:var(--glow-purple)}.select-nav option{background:var(--midnight-sky);color:#fff}.scroll-frame{width:100%;height:clamp(75vh,85vh,100vh);border:1px solid var(--starlight-dim);border-radius:12px;box-shadow:0 20px 60px #000c,0 0 30px #ffd7001a;background:#fff;overflow:hidden}@media(max-width:900px){.navbar-enchanted{padding:1rem;flex-direction:column;gap:1rem}.nav-links{justify-content:center;width:100%;gap:1.5rem}.tome-layout{grid-template-columns:1fr;padding:2rem 1.5rem;gap:2rem}.tome-cover{max-width:260px;margin:0 auto;display:block}.tome-title{text-align:center}.tome-meta{justify-content:center;text-align:center}.sanctuary-top{flex-direction:column;text-align:center}.magic-controls{flex-direction:column;align-items:center}.btn-nav,.select-nav{width:100%;max-width:100%}}