@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#10091f;--panel:#1d1233;--panel2:#281747;--pink:#ff78cf;--pink2:#ffb0e4;--purple:#a98aff;--lav:#d8c8ff;--text:#fff8ff;--muted:#c3b4d7;--line:#ffffff20;--shadow:0 22px 55px #08031388}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 82% 7%,#592c7c55,transparent 32%),radial-gradient(ellipse at 5% 38%,#b3388150,transparent 30%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;overflow-x:hidden}.sparkles{pointer-events:none;position:fixed;inset:0;z-index:-1;background-image:radial-gradient(#fff9 1px,transparent 1px),radial-gradient(#ff9de5a8 1px,transparent 1px);background-size:83px 83px,137px 137px;background-position:0 0,30px 50px;opacity:.23}.topbar{height:82px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#10091fc9;backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;color:white;text-decoration:none;font:700 21px 'Space Grotesk'}.brand small{display:block;color:#c8b6e7;font:600 8px 'DM Sans';letter-spacing:2px;margin-top:2px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#ff9add,#8b63f6);box-shadow:0 6px 20px #ed78c75c;color:#fff;font-size:24px}.topbar nav{display:flex;gap:34px}.topbar nav a,footer a{color:var(--muted);text-decoration:none;font-size:13px}.topbar nav a:hover,footer a:hover{color:white}.nav-cta{color:white;text-decoration:none;font-size:13px;font-weight:700;padding:12px 17px;border-radius:99px;background:linear-gradient(110deg,#a879ff,#ef76cb);box-shadow:0 8px 25px #b45cce50}.hero{max-width:1180px;margin:auto;min-height:610px;padding:85px 28px 75px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:800;color:var(--pink2)}.pulse{display:inline-block;width:7px;height:7px;background:#80f6cf;border-radius:50%;box-shadow:0 0 12px #80f6cf;margin-right:8px}.hero h1{font:700 clamp(48px,6vw,76px)/.99 'Space Grotesk';letter-spacing:-4px;margin:22px 0}.hero h1 span,.section h2 span,.community h2 span{background:linear-gradient(100deg,#ff8ed8,#b69bff 65%,#f9c6f0);background-clip:text;color:transparent}.hero-copy>p,.section-head p,.community-intro>p{max-width:520px;color:var(--muted);line-height:1.8;font-size:15px}.hero-actions{display:flex;gap:12px;margin:29px 0 40px;flex-wrap:wrap}.btn{border:0;border-radius:15px;padding:14px 20px;color:white;text-decoration:none;font:700 13px 'DM Sans';cursor:pointer;display:inline-flex;gap:14px;align-items:center;transition:.2s}.btn:hover{transform:translateY(-3px);filter:brightness(1.1)}.primary{background:linear-gradient(120deg,#a36dff,#ee72cb);box-shadow:0 10px 26px #bd62dc50}.glass{background:#ffffff10;border:1px solid #ffffff30;box-shadow:inset 0 1px #ffffff20}.hero-stats{display:flex;gap:35px}.hero-stats b,.hero-stats small{display:block}.hero-stats b{font:700 16px 'Space Grotesk'}.hero-stats small{font-size:10px;color:var(--muted);margin-top:4px}.hero-art{height:420px;position:relative;border-radius:48px;background:radial-gradient(circle at 50% 45%,#f69be9 0,#a46ce6 28%,#48236f 58%,#211238 100%);box-shadow:0 35px 80px #03000b99,inset 0 2px 2px #ffffff70;overflow:hidden;transform:rotate(1deg)}.hero-art:before,.hero-art:after{content:"";position:absolute;border-radius:50%;background:#ffffff20;filter:blur(1px)}.hero-art:before{width:260px;height:260px;left:-90px;top:-90px}.hero-art:after{width:190px;height:190px;right:-60px;bottom:-50px}.orbit{position:absolute;border:1px solid #ffffff62;border-radius:50%;width:330px;height:330px;left:50%;top:45%;transform:translate(-50%,-50%) rotate(-24deg)}.orbit-two{width:400px;height:220px;transform:translate(-50%,-50%) rotate(43deg);border-color:#ffb5e5a8}.crystal{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);font-size:180px;color:#fff5ff;text-shadow:0 0 22px white,0 0 60px #ffb0e9,0 20px 40px #41106b;animation:float 4s ease-in-out infinite}.bubble{position:absolute;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#ffffff9c,#ffffff15 60%);border:1px solid #ffffff90;box-shadow:inset -8px -10px 20px #5c267e50,inset 6px 6px 16px #ffffff75,0 15px 30px #1a062e80;backdrop-filter:blur(5px)}.bubble-a{width:92px;height:92px;left:12%;top:18%;font-size:17px}.bubble-b{width:65px;height:65px;right:13%;top:22%;font-size:32px}.bubble-c{width:52px;height:52px;right:20%;bottom:20%;font-size:24px}@keyframes float{50%{transform:translate(-50%,-56%) rotate(8deg)}}.art-caption{position:absolute;bottom:28px;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center}.art-caption span{font-size:9px;letter-spacing:3px}.art-caption b{font:600 14px 'Space Grotesk'}.ticker{display:flex;justify-content:space-around;gap:20px;padding:16px 5%;border-block:1px solid var(--line);background:#ffffff08;color:#e7b9fa;font-size:10px;letter-spacing:2px;font-weight:800;flex-wrap:wrap}.section{max-width:1180px;margin:0 auto;padding:95px 28px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section h2,.community h2{font:700 clamp(34px,4vw,49px)/1.08 'Space Grotesk';letter-spacing:-2px;margin:12px 0}.section-head p{font-size:13px;margin:0}.count-pill{border:1px solid #ffffff30;background:#ffffff0d;border-radius:99px;padding:10px 15px;color:#f6c4ed;font-size:11px;white-space:nowrap}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:10px;margin-bottom:16px}.searchbox,select{min-width:0;border:1px solid #ffffff22;background:#201434;color:#fff;border-radius:14px;padding:13px 15px;font:13px 'DM Sans';outline:none}.searchbox{display:flex;align-items:center;gap:9px;color:#d5a8f4}.searchbox input{width:100%;background:transparent;border:0;outline:0;color:white;font:13px 'DM Sans'}.searchbox input::placeholder{color:#a998bb}select option{background:#211434}.genre-chips{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 24px}.chip{border:1px solid #ffffff25;color:#d8c6eb;background:#ffffff08;padding:8px 13px;border-radius:99px;font-size:10px;cursor:pointer}.chip.active,.chip:hover{background:#c47eea30;border-color:#e69ce9;color:white}.anime-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.anime-card{background:linear-gradient(145deg,#291b42,#1a112b);border:1px solid #ffffff20;border-radius:23px;overflow:hidden;box-shadow:0 15px 35px #08031255;transition:.25s;position:relative}.anime-card:hover{transform:translateY(-6px);border-color:#f5a1e8a8;box-shadow:0 20px 45px #bd61d933}.poster{height:190px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--poster)}.poster:before{content:"";position:absolute;width:190px;height:190px;border:1px solid #ffffff60;border-radius:42% 58% 55% 45%;transform:rotate(32deg);box-shadow:0 0 50px #ffffff30,inset 0 0 45px #ffffff20}.poster:after{content:"✦";position:absolute;font-size:120px;color:#ffffff38;text-shadow:0 0 30px #fff7}.poster-mark{position:relative;z-index:1;font:700 45px 'Space Grotesk';color:#fff;text-shadow:0 5px 22px #190824;letter-spacing:-3px}.year-tag,.watch-tag{position:absolute;top:12px;z-index:2;border-radius:99px;padding:6px 9px;font-size:9px;font-weight:800;background:#170c2dbb;border:1px solid #ffffff40}.year-tag{left:12px}.watch-tag{right:12px;color:#ffe1f7}.anime-info{padding:15px}.anime-info h3{font:700 16px 'Space Grotesk';margin:0 0 7px}.anime-info p{color:#c4b5d5;font-size:11px;line-height:1.55;min-height:34px;margin:0 0 12px}.tags{display:flex;gap:5px;flex-wrap:wrap}.tags span{font-size:9px;color:#edc8f3;background:#ffffff0e;border:1px solid #ffffff18;border-radius:99px;padding:5px 7px}.card-actions{display:flex;gap:7px;margin-top:14px}.small-btn{flex:1;border:1px solid #ffffff25;background:#ffffff0d;color:white;border-radius:10px;padding:9px 7px;font-size:10px;font-weight:700;cursor:pointer}.small-btn:hover{background:#d77fdb35}.small-btn.saved{color:#ff9cda;border-color:#ff9cda}.catalogue-note{font-size:10px;color:#9e8eb3;margin-top:20px}.community{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;background:radial-gradient(ellipse at 15% 50%,#7c3b9940,transparent 60%);max-width:100%;padding-inline:max(calc((100vw - 1124px)/2),28px)}.community-intro{position:relative;min-height:350px}.community-intro>p{font-size:13px}.community-orb{position:absolute;left:40px;bottom:5px;width:180px;height:180px;border-radius:50%;display:grid;place-items:center;font-size:66px;color:white;background:radial-gradient(circle at 30% 20%,#ffb5e9,#b16ff0 48%,#542a89 80%);box-shadow:inset -15px -20px 30px #34145d88,inset 8px 8px 25px #ffffffa1,0 25px 45px #07010e99;animation:float 5s infinite}.community-orb small{position:absolute;font-size:9px;letter-spacing:2px;text-align:center;bottom:32px;color:#fff}.discussion-panel{background:#211532;border:1px solid #ffffff26;border-radius:25px;padding:22px;box-shadow:var(--shadow)}.discussion-top,.post-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.discussion-top b,.discussion-top small{display:block}.discussion-top b{font:700 17px 'Space Grotesk'}.discussion-top small,.post-bottom small{color:#a99bb9;font-size:10px;margin-top:4px}.live-dot{color:#8df4c8;font-size:9px;letter-spacing:1px}.post-form{margin-top:20px;padding:16px;background:#ffffff08;border:1px solid #ffffff18;border-radius:16px}.post-form label{display:block;font-size:11px;font-weight:700;margin-bottom:10px}.post-form textarea{width:100%;height:80px;resize:vertical;background:#130c21;border:1px solid #ffffff20;border-radius:10px;padding:12px;color:white;font:12px 'DM Sans';outline:none}.post-bottom{margin-top:10px}.post-bottom .btn{padding:10px 13px;font-size:10px}.post-list{display:grid;gap:10px;margin-top:15px}.post-item{padding:13px;border-radius:13px;background:#ffffff09;border:1px solid #ffffff14}.post-item b{font-size:11px}.post-item p{font-size:12px;line-height:1.55;color:#e0d4ec;margin:7px 0}.post-item small{font-size:9px;color:#9f8caf}.community-warning{margin-top:15px;color:#f5c7a7;font-size:10px;line-height:1.5}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-top:45px}.feature-card{padding:25px;border:1px solid #ffffff20;border-radius:20px;background:linear-gradient(145deg,#ffffff10,#ffffff04);box-shadow:0 12px 30px #06010e44}.feature-card>span{font-size:28px;color:#f8a1e1}.feature-card h3{font:700 17px 'Space Grotesk';margin:14px 0 7px}.feature-card p{color:#b9a9ca;font-size:12px;line-height:1.7;margin:0}footer{border-top:1px solid var(--line);padding:35px max(5vw,24px);display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:20px}footer p{font-size:11px;color:#a99ab9;line-height:1.6}footer>div{display:flex;gap:16px;justify-content:end}footer>small{grid-column:1/-1;color:#82738f;font-size:9px}dialog{width:min(560px,calc(100% - 30px));border:1px solid #ffffff35;border-radius:24px;background:#211532;color:white;padding:28px;box-shadow:0 30px 90px #000b}dialog::backdrop{background:#090411cc;backdrop-filter:blur(6px)}.dialog-close{float:right;border:0;border-radius:50%;width:34px;height:34px;background:#ffffff18;color:white;font-size:22px;cursor:pointer}.dialog-kicker{color:#f7a0df;font-size:10px;letter-spacing:2px}.dialog-title{font:700 30px 'Space Grotesk';margin:10px 0}.dialog-desc{color:#c8b9d8;line-height:1.8;font-size:13px}.dialog-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.empty{grid-column:1/-1;padding:35px;text-align:center;color:#c9b9d9;border:1px dashed #ffffff35;border-radius:18px}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:60px}.hero-art{height:350px}.anime-grid{grid-template-columns:repeat(3,1fr)}.community{grid-template-columns:1fr;gap:25px}.community-intro{min-height:260px}.community-orb{width:130px;height:130px;left:auto;right:20px;bottom:0;font-size:45px}.community-orb small{bottom:20px}.filters{grid-template-columns:1fr 1fr}.searchbox{grid-column:1/-1}footer{grid-template-columns:1fr 1fr}footer p{grid-column:1/-1;grid-row:2}footer>div{justify-content:end}}
@media(max-width:560px){.pagination{gap:8px;flex-wrap:wrap}.pagination .btn{padding:10px 11px;font-size:10px}.topbar{height:68px;padding-inline:17px}.topbar nav{display:none}.brand{font-size:18px}.nav-cta{font-size:10px;padding:10px 12px}.hero{padding:55px 20px 50px;gap:25px}.hero h1{font-size:55px;letter-spacing:-3px}.hero-art{height:300px;border-radius:32px}.hero-stats{gap:18px}.hero-stats b{font-size:13px}.hero-stats small{font-size:9px}.section{padding:65px 18px}.section-head{align-items:start;flex-direction:column}.anime-grid{grid-template-columns:repeat(2,1fr);gap:10px}.poster{height:145px}.poster-mark{font-size:35px}.anime-info{padding:11px}.anime-info h3{font-size:14px}.anime-info p{font-size:10px}.filters{gap:7px}.searchbox,select{padding:12px 10px;font-size:11px}.feature-row{grid-template-columns:1fr;padding-top:10px}.community{padding-inline:18px}.discussion-panel{padding:15px}.post-bottom{align-items:end}.post-bottom small{max-width:130px}footer{padding:28px 18px;grid-template-columns:1fr}footer p{grid-column:auto;grid-row:auto}footer>div{justify-content:start}footer>small{grid-column:auto}}

/* Live catalogue additions */
.catalogue-status{margin:12px 0 18px;padding:12px 15px;border:1px solid #ffffff20;border-radius:13px;background:#ffffff09;color:#d9c7ea;font-size:11px}.catalogue-status.error{color:#ffd0d9;border-color:#ff8ca755}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:30px 0 10px;color:#e9d8f4;font-size:12px}.pagination .btn{padding:11px 15px}.pagination button:disabled{opacity:.4;cursor:not-allowed;transform:none}.api-poster-wrap{background:#281747}.api-poster{width:100%;height:100%;object-fit:cover;display:block}.poster-fallback{height:100%;width:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 30%,#f4a5e1,#8c62d2 55%,#2c174b);font-size:70px;text-shadow:0 0 25px #fff}.poster-fallback small{position:absolute;bottom:14px;font-size:11px}