/* AnimeCity React theme - purple nebula. Edit the variables below to re-colour the whole site. */
:root{--bg:#120826;--bg2:#1c0f36;--bg3:#271748;--line:#3a2760;--tx:#f3eeff;--tx2:#b9a9d9;--ac:#b79bff;--p1:#b79bff;--p2:#ffb98a;--p3:#7ee8c8;--p4:#7ec8ff;--p5:#ff8fc2;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(1200px 600px at 80% -10%,#2b1659 0,transparent 60%),var(--bg);color:var(--tx);font:15px/1.55 system-ui,"Noto Sans Georgian",sans-serif;min-height:100vh;display:flex;flex-direction:column}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.wrap{width:min(1280px,100% - 32px);margin:0 auto}main{flex:1;padding:22px 0 40px}
.btn,button.btn{display:inline-block;background:var(--ac);color:#1b0a30;border:0;border-radius:12px;padding:10px 20px;font-weight:700;cursor:pointer;font:inherit;font-weight:700}
.btn:hover{filter:brightness(1.08)}
/* header */
.top{position:sticky;top:0;z-index:50;background:rgba(18,8,38,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.top__in{display:flex;align-items:center;gap:20px;height:62px}.logo{font-size:21px;font-weight:800;color:var(--ac);letter-spacing:.3px}
.nav{display:flex;gap:6px;flex:1}.nav a{padding:8px 14px;border-radius:999px;color:var(--tx2);font-weight:600}.nav a:hover,.nav a.is-on{background:var(--bg3);color:var(--tx)}
.search input{background:var(--bg2);border:1px solid var(--line);color:var(--tx);border-radius:999px;padding:9px 16px;width:220px;font:inherit}.search input:focus{outline:2px solid var(--ac);border-color:transparent}
.burger{display:none;background:none;border:0;color:var(--tx);font-size:24px}
/* headings / grid */
.h{font-size:21px;margin:30px 0 14px;display:flex;align-items:baseline;gap:12px}.h small{color:var(--tx2);font-weight:500}.more{font-size:13px;color:var(--ac);margin-left:auto}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:18px}
.card{position:relative;display:block;border-radius:var(--r);overflow:hidden;background:var(--bg2);border:1px solid var(--line);transition:.2s}
.card:hover{transform:translateY(-4px);border-color:var(--ac);box-shadow:0 12px 30px rgba(0,0,0,.4)}
.card img{width:100%;aspect-ratio:2/3;object-fit:cover}.card__t{padding:10px 12px}.card__t b{display:block;font-size:14px;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card__t small{color:var(--tx2)}
.badge,.rate{position:absolute;top:8px;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:rgba(0,0,0,.65)}.badge{left:8px;color:var(--p3)}.rate{right:8px;color:#ffd666}
.empty{color:var(--tx2);padding:30px 0}
/* hero */
.hero{position:relative;border-radius:20px;overflow:hidden;min-height:340px;display:flex;align-items:flex-end;border:1px solid var(--line)}
.hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(22px) brightness(.55);transform:scale(1.2)}
.hero__in{position:relative;padding:34px;max-width:620px}.hero__k{color:var(--ac);font-weight:700;font-size:13px}.hero h2{font-size:34px;margin:6px 0 10px}.hero p{color:var(--tx2);margin:0 0 18px}
.hero__dots{position:absolute;right:18px;bottom:16px;display:flex;gap:8px}.hero__dots button{width:10px;height:10px;border-radius:50%;border:0;background:#fff4;cursor:pointer;padding:0}.hero__dots .is-on{background:var(--ac);width:26px;border-radius:6px}
/* genre buttons + filters */
.gbar,.tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.gbtn{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:999px;background:var(--bg3);border:1px solid var(--line);color:var(--tx2);font-size:13px;font-weight:700;transition:.15s}
.gbtn:hover{color:var(--tx);border-color:var(--ac)}.gbtn.is-on{background:var(--ac);border-color:var(--ac);color:#1b0a30}
.filters{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}.filters select,.adm input,.adm select,.adm textarea{background:var(--bg2);border:1px solid var(--line);color:var(--tx);border-radius:10px;padding:9px 12px;font:inherit}
.pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:30px 0}.pager a{display:inline-block;min-width:38px;text-align:center;padding:8px 12px;border-radius:10px;background:var(--bg2);border:1px solid var(--line)}.pager a.is-on{background:var(--ac);color:#1b0a30;border-color:var(--ac)}
.crumbs{color:var(--tx2);font-size:13px;margin-bottom:6px}.crumbs a:hover{color:var(--ac)}
/* title page */
.tp{display:grid;grid-template-columns:260px 1fr;gap:28px;margin-top:10px}.tp__img{border-radius:var(--r);border:1px solid var(--line);width:100%}
.tp h1{margin:0;font-size:30px}.tp h1 small{color:var(--tx2);font-weight:500}.orig{color:var(--tx2);margin:2px 0 12px}.meta{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:6px 22px;color:var(--tx2)}.meta b{color:var(--tx)}.desc{max-width:760px}
/* player */
.player{background:var(--bg2);border:1px solid var(--line);border-radius:18px;padding:14px}
.player__screen{aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden}.player__screen iframe{width:100%;height:100%;border:0}
.player__bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0}.player__bar button,.adm__bar button{background:var(--bg3);color:var(--tx);border:1px solid var(--line);border-radius:10px;padding:8px 14px;cursor:pointer;font:inherit}.player__bar button:hover{border-color:var(--ac)}
.seasons{display:flex;align-items:center;gap:10px;margin-bottom:10px}.seasons>span{color:var(--tx2);font-weight:700;font-size:13px}
.seasons__row{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.seasons__row button{flex:none;min-width:38px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--bg3);color:var(--tx);font-weight:700;cursor:pointer}.seasons__row .is-on{background:var(--ac);color:#1b0a30;border-color:var(--ac)}
.legend{display:flex;flex-wrap:wrap;gap:14px;margin:6px 0 10px;font-size:12px;font-weight:700;color:var(--tx2)}.legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;background:currentColor}
.eps{display:grid;grid-template-columns:repeat(auto-fill,minmax(54px,1fr));gap:8px}
.ep{height:46px;border-radius:12px;border:1px solid var(--line);background:var(--bg3);font-weight:800;font-size:15px;cursor:pointer;color:var(--tx)}
.p1{color:var(--p1)}.p2{color:var(--p2)}.p3{color:var(--p3)}.p4{color:var(--p4)}.p5{color:var(--p5)}
.ep.p2{background:#3a2a38;border-color:#7a5a58}.ep.p3{background:#1f3a3c;border-color:#3c7773}.ep.p4{background:#1f3350;border-color:#3c6a9a}.ep.p5{background:#432238;border-color:#8c4670}
.ep.is-on{background:var(--ac);color:#1b0a30;border-color:var(--ac)}.ep.p2.is-on{background:var(--p2)}.ep.p3.is-on{background:var(--p3)}.ep.p4.is-on{background:var(--p4)}.ep.p5.is-on{background:var(--p5)}.ep.is-on{color:#1b0a30}
.foot{border-top:1px solid var(--line);padding:22px 0;color:var(--tx2);font-size:13px}.nf{text-align:center;padding:80px 0}.nf h1{font-size:80px;margin:0;color:var(--ac)}
/* admin */
.adm{max-width:1100px;margin:30px auto;padding:0 16px}.adm h1{margin-top:0}.adm__bar{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.adm__bar a{color:var(--ac)}
.adm label{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;color:var(--tx2);font-size:13px}.adm__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 14px}
.adm table{width:100%;border-collapse:collapse}.adm th,.adm td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line)}.adm td button{background:none;border:0;cursor:pointer;font-size:16px}
.adm.login{max-width:340px;margin-top:20vh}.adm .err{color:#ff8fa3}.adm__imp{margin-top:24px;color:var(--tx2)}.adm code{background:var(--bg3);padding:2px 6px;border-radius:6px;word-break:break-all}
@media(max-width:820px){.burger{display:block;margin-left:auto}.nav{display:none;position:absolute;top:62px;left:0;right:0;background:var(--bg2);flex-direction:column;padding:10px 16px}.nav.is-open{display:flex}.search{display:none}.tp{grid-template-columns:1fr}.tp__img{max-width:220px}.hero h2{font-size:24px}.hero__in{padding:20px}
.gbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.gbtn{flex:none}.grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}}