*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#070711;--panel:#10101c;--panel2:#171727;--panel3:#202033;--text:#f5f7fb;--muted:#9aa4b2;--line:#28283c;--purple:#8b5cf6;--pink:#ec4899;--blue:#38bdf8;--gold:#a855f7;--red:#fb7185}body{font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 45% -10%,rgba(139,92,246,.24),transparent 35%),var(--bg);color:var(--text);min-height:100vh}.sidebar{position:fixed;left:0;top:0;bottom:0;width:250px;background:rgba(13,13,24,.94);border-right:1px solid var(--line);padding:22px 16px;overflow-y:auto;z-index:20;backdrop-filter:blur(18px)}.logo{display:flex;align-items:center;font-size:25px;font-weight:500;margin-bottom:28px}.logo i{color:white;margin-right:10px}.logo-bold{font-weight:900;color:#c084fc}.nav-menu{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;color:var(--muted);text-decoration:none;font-size:14px;font-weight:700;transition:.18s}.nav-item i{width:18px;text-align:center}.nav-item:hover,.nav-item.active{background:linear-gradient(90deg,rgba(139,92,246,.32),rgba(236,72,153,.08));color:white}.category-section{margin-top:24px}.category-title{font-size:11px;color:#687083;letter-spacing:1.5px;margin:0 0 10px 14px}.discord-card{position:relative;margin-top:24px;border-radius:22px;padding:18px;overflow:hidden;background:linear-gradient(135deg,#5865f2,#7c3aed);box-shadow:0 18px 45px rgba(88,101,242,.18)}.discord-header{display:flex;align-items:center;gap:12px}.discord-header i{font-size:28px}.discord-header strong,.discord-header span{display:block}.discord-header span,.discord-desc{font-size:12px;color:rgba(255,255,255,.78)}.discord-desc{margin:14px 0;line-height:1.5}.discord-btn{border:0;background:rgba(255,255,255,.18);color:white;width:100%;border-radius:13px;padding:11px;font-weight:900;cursor:pointer}.main-wrapper{margin-left:250px;min-height:100vh}.topbar{height:74px;display:flex;align-items:center;gap:18px;padding:0 26px;background:rgba(10,10,19,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:15}.search-container{flex:1;max-width:600px;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:16px;padding:13px 14px;display:flex;align-items:center;gap:12px}.search-container input{background:none;border:0;outline:0;color:white;font-size:14px;flex:1}.search-icon{color:var(--muted)}.shortcut-key{font-size:11px;color:var(--muted);background:rgba(255,255,255,.07);padding:4px 8px;border-radius:7px}.topbar-actions{display:flex;gap:10px}.action-link{color:var(--muted);text-decoration:none;font-weight:800;font-size:13px;padding:10px 12px;border-radius:12px}.action-link:hover{background:rgba(255,255,255,.06);color:white}.login-btn{background:linear-gradient(135deg,var(--purple),var(--pink));color:white;border:0;border-radius:14px;padding:12px 18px;font-weight:900;cursor:pointer}.content-container{display:flex}.main-content{min-width:0;flex:1}.hero{position:relative;height:430px;overflow:hidden;border-bottom:1px solid var(--line)}.hero-bg{position:absolute;right:0;top:0;bottom:0;width:65%;background:center/cover no-repeat;filter:saturate(1.1)}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),rgba(7,7,17,.62),rgba(7,7,17,.15))}.hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,var(--bg),transparent 36%)}.hero-content{position:relative;z-index:2;max-width:680px;padding:70px 36px}.spotlight-badge{display:inline-flex;background:linear-gradient(135deg,var(--purple),var(--pink));padding:7px 12px;border-radius:999px;font-weight:900;font-size:12px;margin-bottom:16px}.hero-title{font-size:44px;line-height:1.05;margin-bottom:8px;max-width:760px}.hero-jp-title{color:#c4b5fd;margin-bottom:14px}.hero-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.meta-item,.meta-tag{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.meta-item .fa-star{color:var(--gold)}.hero-desc{max-width:600px;color:#d6d9e0;line-height:1.65;font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:22px}.hero-buttons{display:flex;gap:12px}.btn{border:0;border-radius:15px;padding:13px 20px;font-weight:900;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--purple),var(--pink));color:white;box-shadow:0 18px 45px rgba(139,92,246,.28)}.btn-secondary{background:rgba(255,255,255,.11);border:1px solid rgba(255,255,255,.1);color:white}.hero-pagination{position:absolute;left:36px;bottom:24px;display:flex;gap:7px}.dot{width:8px;height:8px;border-radius:999px;background:rgba(255,255,255,.28)}.dot.active{width:26px;background:white}.hero-nav{position:absolute;right:26px;bottom:24px;display:flex;gap:10px}.nav-btn{width:40px;height:40px;border:0;border-radius:13px;background:rgba(255,255,255,.14);color:white;cursor:pointer}.filters-bar{display:flex;gap:10px;flex-wrap:wrap;padding:20px 26px 0}.filters-bar select,.filters-bar button{background:var(--panel2);border:1px solid var(--line);color:white;border-radius:13px;padding:11px 12px;font-weight:800}.anime-section{padding:24px 26px;position:relative}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h2{font-size:22px}.view-all{font-size:13px;color:#c084fc;text-decoration:none;font-weight:900}.anime-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.anime-card{background:var(--panel2);border:1px solid transparent;border-radius:18px;overflow:hidden;cursor:pointer;transition:.18s}.anime-card:hover{transform:translateY(-6px);border-color:rgba(192,132,252,.6);box-shadow:0 24px 60px rgba(0,0,0,.32)}.card-img{position:relative;aspect-ratio:3/4;background:linear-gradient(135deg,#20132f,#0f172a);overflow:hidden}.card-img img{width:100%;height:100%;object-fit:cover;display:block}.card-img:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.75))}.card-badges{position:absolute;inset:8px 8px auto 8px;display:flex;justify-content:space-between;z-index:2}.badge-rating,.badge-quality{font-size:11px;font-weight:900;padding:5px 7px;border-radius:8px;background:rgba(0,0,0,.68);backdrop-filter:blur(8px)}.badge-rating{color:var(--gold)}.badge-quality{color:#7dd3fc}.card-info{padding:12px}.card-title{font-size:13px;line-height:1.35;height:36px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-episode{display:block;margin-top:7px;color:var(--muted);font-size:12px}.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:24px}.pager button,.back-btn{background:var(--panel3);border:1px solid var(--line);color:white;border-radius:12px;padding:11px 16px;font-weight:900;cursor:pointer}.features-section{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:0 26px 26px}.feature-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:17px;display:flex;gap:12px}.feature-icon{width:42px;height:42px;border-radius:13px;background:rgba(139,92,246,.18);display:grid;place-items:center;color:#c084fc}.feature-icon.blue{background:rgba(56,189,248,.14);color:#7dd3fc}.feature-icon.pink{background:rgba(236,72,153,.14);color:#f9a8d4}.feature-text h4{font-size:14px}.feature-text p{font-size:12px;color:var(--muted);margin-top:4px}.right-sidebar{width:315px;flex-shrink:0;padding:24px 18px;border-left:1px solid var(--line);background:rgba(255,255,255,.025)}.widget{background:rgba(16,16,28,.7);border:1px solid var(--line);border-radius:20px;padding:16px}.mt-4{margin-top:18px}.widget-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.widget-header h3{font-size:16px}.continue-item,.upcoming-item{display:flex;gap:12px;margin-bottom:14px;cursor:pointer}.cont-img,.up-img{width:58px;height:76px;border-radius:12px;overflow:hidden;background:var(--panel3);flex-shrink:0}.cont-img img,.up-img img{width:100%;height:100%;object-fit:cover}.cont-info h4,.up-info h4{font-size:13px;line-height:1.35;margin-bottom:5px}.cont-info span,.up-info span{font-size:12px;color:var(--muted)}.progress-bar{height:5px;background:#2b2b42;border-radius:999px;margin:8px 0;width:130px}.progress{height:100%;background:linear-gradient(90deg,var(--purple),var(--pink));border-radius:999px}.progress-text{font-size:10px!important}.watch-page{display:none;padding:24px}.watch-page.active{display:block}.watch-head{display:flex;gap:16px;align-items:center;margin-bottom:18px}.watch-head h1{font-size:26px}.watch-head p{color:var(--muted);margin-top:5px}.watch-layout{display:grid;grid-template-columns:1fr 370px;gap:18px}.player-wrap{height:620px;background:#000;border:1px solid var(--line);border-radius:20px;overflow:hidden;position:relative}.player-wrap iframe{width:100%;height:100%;border:0;background:#000}.player-loading{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#000;color:#c4b5fd;font-size:22px;font-weight:900;z-index:2}.player-loading.show{display:flex}.episodes-panel,.detail-panel{background:rgba(16,16,28,.75);border:1px solid var(--line);border-radius:20px;padding:18px}.episodes-panel{max-height:620px;overflow:auto}.episodes-panel h2{margin-bottom:12px}.episode-btn{display:block;width:100%;text-align:left;background:var(--panel2);border:1px solid var(--line);color:white;border-radius:13px;padding:13px;margin-bottom:10px;font-weight:900;cursor:pointer}.episode-btn:hover,.episode-btn.active{background:linear-gradient(135deg,var(--purple),var(--pink));border-color:transparent}.detail-panel{margin-top:18px;line-height:1.7;color:#d6d9e0}.detail-grid{display:grid;grid-template-columns:160px 1fr;gap:18px}.detail-grid img{width:160px;border-radius:16px}.state{padding:20px;color:var(--muted);font-weight:800}.error{color:#fca5a5}@media(max-width:1350px){.anime-grid{grid-template-columns:repeat(4,1fr)}.right-sidebar{display:none}.watch-layout{grid-template-columns:1fr}}@media(max-width:850px){.sidebar{display:none}.main-wrapper{margin-left:0}.topbar{height:auto;align-items:stretch;flex-direction:column;padding:14px}.topbar-actions{overflow:auto}.anime-grid{grid-template-columns:repeat(2,1fr)}.hero{height:390px}.hero-bg{width:100%;opacity:.45}.hero-content{padding:42px 18px}.hero-title{font-size:31px}.features-section{grid-template-columns:1fr}.watch-page{padding:14px}.player-wrap{height:360px}.watch-layout{grid-template-columns:1fr}.filters-bar{padding:14px}.filters-bar select,.filters-bar button{flex:1}.anime-section{padding:18px 14px}}

/* Player browser compatibility controls */

/* Modern polish + hide ugly native scrollbars */
html{scrollbar-width:none;scroll-behavior:smooth}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:0!important;height:0!important;background:transparent!important}body{overflow-x:hidden}*{scrollbar-width:none;scrollbar-color:transparent transparent}.sidebar,.episodes-panel,.topbar-actions{scrollbar-width:none;-ms-overflow-style:none}.sidebar::-webkit-scrollbar,.episodes-panel::-webkit-scrollbar,.topbar-actions::-webkit-scrollbar{display:none!important}

body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 12%,rgba(139,92,246,.18),transparent 28%),radial-gradient(circle at 88% 18%,rgba(236,72,153,.13),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.025),transparent 38%);z-index:-1}.sidebar{background:linear-gradient(180deg,rgba(12,12,24,.86),rgba(7,7,16,.96));box-shadow:16px 0 60px rgba(0,0,0,.22)}.logo{padding:10px 8px;border-radius:18px;background:linear-gradient(135deg,rgba(139,92,246,.14),rgba(236,72,153,.07));border:1px solid rgba(255,255,255,.06)}.logo i{filter:drop-shadow(0 0 14px rgba(192,132,252,.55))}.nav-item{position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent);opacity:0;transition:.2s}.nav-item:hover:before,.nav-item.active:before{opacity:1}.topbar{background:rgba(7,7,18,.72);box-shadow:0 12px 35px rgba(0,0,0,.22)}.search-container{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 50px rgba(0,0,0,.14)}.search-container:focus-within{border-color:rgba(192,132,252,.7);box-shadow:0 0 0 4px rgba(139,92,246,.12),0 18px 50px rgba(0,0,0,.18)}.login-btn,.btn-primary{transition:.2s;box-shadow:0 15px 45px rgba(236,72,153,.18)}.login-btn:hover,.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.08)}
.hero{margin:20px 22px 0;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.015));box-shadow:0 26px 80px rgba(0,0,0,.28)}.hero-bg{border-radius:28px}.hero-title{text-shadow:0 8px 35px rgba(0,0,0,.5)}.filters-bar{margin:16px 22px 0;padding:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:22px;backdrop-filter:blur(16px)}.filters-bar select,.filters-bar button{background:rgba(19,19,36,.82);border-color:rgba(255,255,255,.08);outline:0;transition:.18s}.filters-bar select:hover,.filters-bar button:hover{border-color:rgba(192,132,252,.55);transform:translateY(-1px)}.anime-section{padding-top:30px}.anime-card{background:linear-gradient(180deg,rgba(31,31,51,.82),rgba(14,14,26,.9));border-color:rgba(255,255,255,.055);box-shadow:0 14px 40px rgba(0,0,0,.16)}.anime-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 28px 70px rgba(0,0,0,.38),0 0 0 1px rgba(192,132,252,.26)}.card-img{border-radius:16px;margin:8px}.card-info{padding:6px 12px 14px}.section-header h2,.widget-header h3{letter-spacing:-.02em}.right-sidebar{background:rgba(5,5,14,.35);backdrop-filter:blur(20px)}.widget,.feature-card,.episodes-panel,.detail-panel{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border-color:rgba(255,255,255,.08);box-shadow:0 20px 60px rgba(0,0,0,.18)}.watch-page{background:radial-gradient(circle at 50% -10%,rgba(139,92,246,.18),transparent 36%)}.watch-head{position:sticky;top:74px;z-index:8;padding:12px 0;background:linear-gradient(180deg,rgba(7,7,17,.92),rgba(7,7,17,.68));backdrop-filter:blur(16px)}.player-wrap{border-color:rgba(255,255,255,.1);border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.38);background:#000}.episodes-panel{border-radius:24px;padding:16px;overflow-y:auto;overflow-x:hidden}.episode-btn{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.07);transition:.16s}.episode-btn:hover{transform:translateX(3px)}.episode-btn.active{box-shadow:0 14px 36px rgba(139,92,246,.28)}.back-btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.1);transition:.18s}.back-btn:hover{background:linear-gradient(135deg,var(--purple),var(--pink));transform:translateX(-2px)}

@media(max-width:850px){.hero{margin:12px}.filters-bar{margin:12px}.watch-head{top:0}.anime-section{padding-top:18px}}

/* HiAnime-like watch page */
.watch-page{padding:22px 34px 34px;background:radial-gradient(circle at 68% 0,rgba(139,92,246,.18),transparent 30%),linear-gradient(180deg,#0b0b16,#11111d 42%,#0a0a12)}
.watch-breadcrumb{display:flex;gap:9px;align-items:center;color:#8290bb;font-size:13px;margin:0 0 16px 2px}.watch-breadcrumb a{color:#d7defe;text-decoration:none}.watch-breadcrumb span:last-child{color:#7c8fd0}.hianime-layout{display:grid;grid-template-columns:300px minmax(620px,1fr) 330px;gap:0;align-items:start;border-radius:0}.hianime-head{position:relative;top:auto;padding:0 0 14px;background:transparent;backdrop-filter:none}.hianime-head h1{font-size:28px;line-height:1.15;letter-spacing:-.03em}.hianime-head p{color:#97a6d8;font-size:15px}.hianime-episodes{height:660px;max-height:660px;border-radius:0;background:#141421;border:0;border-right:1px solid #24243a;padding:0;box-shadow:none}.episode-top{padding:18px 16px 8px;background:#11111e;position:sticky;top:0;z-index:2}.episode-top h2{font-size:12px;color:#e8ecff;margin-bottom:10px}.episode-search{height:34px;border:1px solid #354279;background:#0e0e1c;border-radius:4px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#9db3ff}.episode-search input{background:transparent;border:0;outline:0;color:#dbe3ff;width:100%;font-size:12px}.hianime-player{height:550px;border-radius:0;border:0;box-shadow:none;background:#05050b}.watch-main{min-width:0}.watch-info-card{height:660px;overflow:auto;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035));border-left:1px solid rgba(255,255,255,.08);padding:0 28px 26px;color:#d8def3}.info-poster{width:112px;height:164px;margin:0 0 24px;border-radius:2px;overflow:hidden;background:#232337;box-shadow:0 18px 45px rgba(0,0,0,.28)}.info-poster img{width:100%;height:100%;object-fit:cover}.watch-info-card h2{font-size:23px;line-height:1.08;margin-bottom:16px;letter-spacing:-.04em}.info-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.info-badges span{font-size:11px;font-weight:900;border-radius:3px;background:#252942;color:#e9edff;padding:4px 6px}.info-badges span:nth-child(2){background:#b88709;color:white}.info-badges .green{background:#438b36}.info-badges .blue{background:#1976d2}.watch-info-card p{font-size:13px;line-height:1.55;color:#c3c9dc;margin-bottom:14px;max-height:170px;overflow:auto}.mini-meta{font-size:13px;color:#c8d0ec;margin-top:8px}.episode-btn{height:43px;margin:0;border:0;border-radius:0;background:#141421;color:#9eb0e8;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:0 14px;font-size:13px}.episode-btn:hover{transform:none;background:#19192a}.episode-btn.active{background:#242238;color:#ffd96c;box-shadow:inset 3px 0 0 #d59b04}.ep-num{font-weight:800}.ep-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ep-audio{display:flex;align-items:center;gap:5px;color:#ffcc56}.ep-audio b{font-size:9px;background:#303858;color:#dbe5ff;border-radius:3px;padding:2px 4px}.ep-audio i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#9f790c;color:white;font-size:9px}.watch-controls{height:46px;background:#10101a;border-top:1px solid #202033;display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:#c8d0ec}.control-left,.control-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mini-control{border:0;background:transparent;color:#d8def7;font-size:13px;font-weight:700}.mini-control b{color:#ff6b6b}.mini-control.light b{color:#ffd54a}.server-strip{min-height:90px;background:#181827;border-radius:0 0 8px 8px;display:flex;align-items:stretch}.watching-box{width:230px;background:#8a6505;color:#fff0bc;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px 14px;font-size:12px;line-height:1.35}.watching-box b{display:block;color:#fff;font-size:13px;margin-bottom:5px}.server-options{display:flex;align-items:center;gap:12px;padding:0 18px}.server-label{font-size:13px;font-weight:900;color:#eef3ff;display:flex;align-items:center;gap:7px}.server-label i{color:#f4ca4f}.server-btn{height:32px;min-width:80px;border:0;border-radius:9px;background:#272842;color:#cfd6f4;font-weight:900;cursor:pointer}.server-btn.active{background:#a87905;color:white}.server-btn:disabled{opacity:.35;cursor:not-allowed}.detail-panel{display:none}.back-btn{height:42px;background:#202036}.player-loading{font-size:18px;background:rgba(5,5,10,.92)}
@media(max-width:1450px){.hianime-layout{grid-template-columns:270px minmax(520px,1fr)}.watch-info-card{grid-column:1/-1;height:auto;border-left:0;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:120px 1fr;gap:16px}.info-poster{margin:0}.watch-info-card h2,.watch-info-card .info-badges,.watch-info-card p,.watch-info-card .mini-meta{grid-column:2}.hianime-player{height:500px}}
@media(max-width:980px){.watch-page{padding:14px}.hianime-layout{display:flex;flex-direction:column}.hianime-episodes{order:3;width:100%;height:360px;max-height:360px;border-right:0;border-top:1px solid #24243a}.watch-main{width:100%;order:1}.watch-info-card{order:2;width:100%;grid-template-columns:90px 1fr;padding:16px}.hianime-player{height:330px}.watch-controls{height:auto;gap:10px;align-items:flex-start;flex-direction:column;padding:12px}.server-strip{flex-direction:column}.watching-box{width:100%}.server-options{padding:14px;flex-wrap:wrap}}

/* Auth + comments, hianime-style */
.login-btn.logged{background:linear-gradient(135deg,#24243a,#1b1b2e);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:8px}.logout-mini{font-size:11px;color:#ffdd95;margin-left:6px}.auth-modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:18px}.auth-modal.show{display:flex}.auth-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(10px)}.auth-card{position:relative;width:min(430px,100%);background:linear-gradient(180deg,#1d1d2d,#11111c);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.55)}.auth-close{position:absolute;right:14px;top:14px;width:36px;height:36px;border:0;border-radius:12px;background:rgba(255,255,255,.07);color:#fff;cursor:pointer}.auth-brand{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:26px;
    font-weight:500;
    margin-bottom:18px;
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

.auth-brand i{
    color:#fff;
    text-shadow:0 0 18px rgba(168,85,247,.45);
}

.auth-brand b{
    color:#a855f7 !important;
    -webkit-text-fill-color:#a855f7 !important;
}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#11111d;border:1px solid rgba(255,255,255,.08);border-radius:15px;padding:6px;margin-bottom:18px}.auth-tabs button{border:0;border-radius:11px;background:transparent;color:#aeb6d7;font-weight:900;padding:11px;cursor:pointer}.auth-tabs button.active{background:#7a5605;color:#fff0bf}.auth-form{display:flex;flex-direction:column;gap:9px}.auth-form.hidden{display:none}.auth-form label{font-size:12px;color:#c9d2f2;font-weight:900}.auth-form small{color:#7f88aa}.auth-form input{height:44px;border:1px solid #313857;background:#11111d;color:#fff;border-radius:13px;padding:0 13px;outline:0}.auth-form input:focus{border-color:#ffdd95;box-shadow:0 0 0 4px rgba(255,221,149,.09)}.auth-submit{height:46px;border:0;border-radius:14px;background:#8a6505;color:#fff;font-weight:1000;margin-top:8px;cursor:pointer}.auth-error{min-height:18px;color:#ff9e9e;font-size:13px;margin-top:12px}.comments-panel{margin-top:20px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px;max-width:calc(100% - 330px)}.comments-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.comments-head h2{font-size:20px;display:flex;align-items:center;gap:10px}.comments-head i{color:#ffdd95}.comments-head span{color:#9ea8cf;font-size:13px}.comment-login-box{display:none;align-items:center;gap:14px;background:#151522;border:1px solid #2a2f4b;border-radius:16px;padding:16px;margin-bottom:16px}.comment-login-box.show{display:flex}.comment-login-box>i{width:42px;height:42px;border-radius:14px;background:#7a5605;color:#fff;display:grid;place-items:center}.comment-login-box b,.comment-login-box span{display:block}.comment-login-box span{color:#9ea8cf;font-size:13px;margin-top:3px}.comment-login-btn{margin-left:auto;border:0;border-radius:12px;background:#ffdd95;color:#16151a;font-weight:1000;padding:11px 15px;cursor:pointer}.comment-form{display:none;background:#12121e;border:1px solid #2a2f4b;border-radius:16px;padding:12px;margin-bottom:18px}.comment-form.show{display:block}.comment-form textarea{width:100%;min-height:92px;resize:vertical;border:0;background:transparent;color:#fff;outline:0;font-family:inherit;font-size:14px;line-height:1.55}.comment-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #242941;padding-top:10px}.comment-actions span{font-size:12px;color:#9ea8cf}.comment-actions button{border:0;border-radius:12px;background:#8a6505;color:#fff;font-weight:1000;padding:10px 15px;cursor:pointer}.comments-list{display:flex;flex-direction:column;gap:12px}.comment-item{display:flex;gap:12px;background:#12121e;border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:13px}.comment-avatar{width:42px;height:42px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#8b5cf6,#ec4899);display:grid;place-items:center;font-weight:1000;flex-shrink:0}.comment-avatar img{width:100%;height:100%;object-fit:cover}.comment-body{min-width:0}.comment-meta{display:flex;gap:10px;align-items:center;margin-bottom:4px}.comment-meta b{font-size:14px}.comment-meta span{font-size:12px;color:#828bad}.comment-body p{color:#d8def3;line-height:1.55;font-size:14px;white-space:pre-wrap;word-break:break-word}.empty-comments{padding:18px;border:1px dashed #303753;border-radius:14px;color:#9ea8cf;text-align:center}.empty-comments.error{color:#ff9e9e}@media(max-width:1450px){.comments-panel{max-width:100%}}@media(max-width:720px){.comment-login-box{align-items:flex-start;flex-direction:column}.comment-login-btn{margin-left:0;width:100%}.comment-actions{gap:10px;align-items:flex-start;flex-direction:column}.comment-actions button{width:100%}}

/* AniCore premium UI refresh */
:root{
  --bg:#05050b;--bg2:#090914;--surface:#11111d;--surface2:#181827;--surface3:#202034;
  --stroke:rgba(255,255,255,.075);--stroke2:rgba(255,255,255,.13);
  --text:#f7f7ff;--muted:#98a2bd;--soft:#c9d0e6;
  --brand:#ffdd95;--brand2:#a855f7;--brand3:#f472b6;--cyan:#38bdf8;
}
html{scroll-behavior:smooth}body{background:
  radial-gradient(900px 520px at 20% -10%,rgba(168,85,247,.18),transparent 60%),
  radial-gradient(760px 480px at 100% 0%,rgba(244,114,182,.12),transparent 55%),
  linear-gradient(180deg,#070712,#05050b 65%);color:var(--text);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 65%);z-index:-1}
.sidebar{width:270px;background:linear-gradient(180deg,rgba(18,18,31,.94),rgba(7,7,13,.96));border-right:1px solid var(--stroke);box-shadow:30px 0 80px rgba(0,0,0,.35);padding:18px 16px}.main-wrapper{margin-left:270px}.logo{height:56px;margin-bottom:18px;padding:0 16px;border-radius:20px;background:linear-gradient(135deg,rgba(255,221,149,.15),rgba(168,85,247,.13));border:1px solid var(--stroke2);box-shadow:0 15px 45px rgba(0,0,0,.22)}.logo-text{letter-spacing:-.04em}.logo-bold{background:linear-gradient(135deg,var(--brand),#fff,var(--brand2));-webkit-background-clip:text;background-clip:text;color:transparent}.nav-item{border:1px solid transparent;border-radius:16px;padding:13px 14px;color:#aab2c9}.nav-item:hover,.nav-item.active{background:linear-gradient(135deg,rgba(255,221,149,.14),rgba(168,85,247,.18));border-color:var(--stroke2);box-shadow:0 10px 35px rgba(168,85,247,.08)}.category-title{color:#737b92}.discord-card{background:linear-gradient(135deg,#7c3aed,#d946ef 58%,#ffdd95);box-shadow:0 22px 80px rgba(168,85,247,.24)}
.topbar{height:78px;padding:0 26px;background:rgba(8,8,15,.82);backdrop-filter:blur(24px);border-bottom:1px solid var(--stroke);gap:18px}.search-container{max-width:650px;height:48px;border-radius:18px;background:rgba(255,255,255,.055);border-color:var(--stroke2);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.search-container:focus-within{border-color:rgba(255,221,149,.55);box-shadow:0 0 0 4px rgba(255,221,149,.08)}.topbar-actions{margin-left:auto}.action-link{border:1px solid transparent}.action-link:hover{border-color:var(--stroke2);background:rgba(255,255,255,.07)}.login-btn{margin-left:8px;min-width:112px;height:48px;border-radius:16px;background:linear-gradient(135deg,#ffdd95,#f59e0b);color:#17110a;box-shadow:0 18px 50px rgba(245,158,11,.22);font-weight:1000}.login-btn.logged{color:#fff;background:linear-gradient(135deg,#191927,#252542);box-shadow:none}
.hero{height:470px;margin:24px 26px 0;border:1px solid var(--stroke);border-radius:28px;overflow:hidden;background:#0c0c16;box-shadow:0 35px 110px rgba(0,0,0,.38)}.hero-bg{width:72%}.hero-bg:after{background:linear-gradient(90deg,#090914 0%,rgba(9,9,20,.8) 40%,rgba(9,9,20,.14) 100%)}.hero-overlay{background:linear-gradient(0deg,rgba(5,5,11,.92),transparent 45%)}.spotlight-badge{background:linear-gradient(135deg,var(--brand),#f59e0b);color:#1b1306}.hero-title{font-size:clamp(34px,4vw,60px);letter-spacing:-.06em}.hero-desc{font-size:15px;color:#dce1f5}.btn{border-radius:16px}.btn-primary{background:linear-gradient(135deg,var(--brand),#f59e0b);color:#17110a;box-shadow:0 20px 60px rgba(245,158,11,.24)}.btn-secondary{background:rgba(255,255,255,.08);border-color:var(--stroke2)}
.filters-bar{padding:22px 26px 0}.filters-bar select,.filters-bar button{height:44px;border-radius:14px;background:rgba(255,255,255,.055);border-color:var(--stroke2);color:#eef1ff}.anime-section{padding-top:22px}.section-header h2{font-size:24px;letter-spacing:-.04em}.anime-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px}.anime-card{border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.025));border-color:var(--stroke);box-shadow:0 16px 50px rgba(0,0,0,.18)}.anime-card:hover{transform:translateY(-8px) scale(1.015);border-color:rgba(255,221,149,.42);box-shadow:0 28px 90px rgba(0,0,0,.38)}.card-img{border-radius:20px 20px 0 0}.card-info{padding:14px}.card-title{font-size:14px}.badge-rating,.badge-quality{border:1px solid rgba(255,255,255,.12)}.badge-rating{background:rgba(0,0,0,.62);color:var(--brand)}.badge-quality{background:rgba(56,189,248,.16);color:#bae6fd}.right-sidebar{width:340px;background:rgba(255,255,255,.02);border-left:1px solid var(--stroke)}.widget,.feature-card,.episodes-panel,.detail-panel,.comments-panel{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border-color:var(--stroke2);box-shadow:0 20px 70px rgba(0,0,0,.18)}
.watch-page{padding:24px 28px}.watch-breadcrumb{margin-bottom:18px}.hianime-layout{border:1px solid var(--stroke);border-radius:24px;overflow:hidden;background:rgba(255,255,255,.025);box-shadow:0 28px 100px rgba(0,0,0,.38)}.hianime-episodes{border-radius:0;background:#10101c}.episode-top{background:#0d0d18}.hianime-head{padding:4px 0 16px}.back-btn{background:rgba(255,255,255,.08);border-color:var(--stroke2)}.hianime-player{background:#000}.watch-info-card{background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035))}.server-strip{background:#151522}.watching-box{background:linear-gradient(135deg,#8a6505,#b88709)}.server-btn.active{background:linear-gradient(135deg,#ffdd95,#c88706);color:#1a1208}.comments-panel{max-width:100%;margin-top:22px}.comments-head h2:after{content:"";display:block;width:50px;height:3px;background:linear-gradient(90deg,var(--brand),var(--brand2));border-radius:99px;margin-top:8px}.auth-card{border-radius:28px;background:linear-gradient(180deg,#1a1a2a,#0e0e17);box-shadow:0 35px 130px rgba(0,0,0,.7)}.auth-tabs button.active,.auth-submit,.comment-actions button{background:linear-gradient(135deg,#ffdd95,#f59e0b);color:#17110a}.comment-login-btn{background:linear-gradient(135deg,#ffdd95,#f59e0b)}
::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#090912}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#38384e,#242437);border:2px solid #090912;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#ffdd95,#8b5cf6)}
@media(max-width:1180px){.sidebar{transform:translateX(-100%)}.main-wrapper{margin-left:0}.right-sidebar{display:none}.topbar-actions{display:none}.hero{margin:16px}.watch-page{padding:16px}}@media(max-width:720px){.topbar{padding:0 14px}.login-btn{min-width:auto;padding:0 14px}.hero{height:520px}.anime-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.features-section{grid-template-columns:1fr}}

/* Full purple theme override */
:root{
  --bg:#05040d;
  --bg2:#090716;
  --surface:#120f20;
  --surface2:#1a1430;
  --surface3:#251a44;
  --stroke:rgba(196,132,252,.16);
  --stroke2:rgba(216,180,254,.26);
  --text:#fbf7ff;
  --muted:#a99bc2;
  --soft:#e9d5ff;
  --brand:#a855f7;
  --brand2:#7c3aed;
  --brand3:#d946ef;
  --purple:#a855f7;
  --pink:#d946ef;
  --blue:#8b5cf6;
  --gold:#c084fc;
  --cyan:#c084fc;
}
body{
  background:
    radial-gradient(900px 520px at 18% -10%,rgba(168,85,247,.34),transparent 60%),
    radial-gradient(760px 480px at 100% 0%,rgba(217,70,239,.22),transparent 55%),
    radial-gradient(720px 460px at 55% 100%,rgba(124,58,237,.18),transparent 55%),
    linear-gradient(180deg,#080512,#05040d 65%) !important;
}
.logo{background:linear-gradient(135deg,rgba(168,85,247,.22),rgba(217,70,239,.15)) !important;border-color:rgba(216,180,254,.24)!important;justify-content:center!important;height:68px!important;}
.anicore-mark{height:100%!important;width:auto!important;max-height:100%!important;object-fit:contain!important;transform:scale(1.45)!important;transition:transform .25s cubic-bezier(0.34, 1.56, 0.64, 1)!important;}
.logo:hover .anicore-mark{transform:scale(1.6)!important;}
.logo-bold{background:linear-gradient(135deg,#f5d0fe,#c084fc,#8b5cf6)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;}
.nav-item:hover,.nav-item.active{background:linear-gradient(135deg,rgba(168,85,247,.28),rgba(217,70,239,.13))!important;border-color:rgba(216,180,254,.25)!important;}
.discord-card,.login-btn,.btn-primary,.spotlight-badge,.episode-btn:hover,.episode-btn.active,.auth-tabs button.active,.auth-submit,.comment-actions button,.comment-login-btn,.server-btn.active{
  background:linear-gradient(135deg,#7c3aed,#a855f7 52%,#d946ef)!important;
  color:#fff!important;
  box-shadow:0 18px 55px rgba(168,85,247,.28)!important;
}
.search-container:focus-within{border-color:rgba(192,132,252,.7)!important;box-shadow:0 0 0 4px rgba(168,85,247,.14)!important;}
.hero{box-shadow:0 35px 120px rgba(88,28,135,.38)!important;border-color:rgba(216,180,254,.16)!important;}
.hero-jp-title,.view-all,.player-loading,.feature-icon{color:#d8b4fe!important;}
.btn-secondary,.back-btn,.pager button{background:rgba(168,85,247,.13)!important;border-color:rgba(216,180,254,.22)!important;color:#fff!important;}
.anime-card:hover{border-color:rgba(216,180,254,.65)!important;box-shadow:0 28px 90px rgba(88,28,135,.45)!important;}
.badge-rating{color:#e9d5ff!important;}
.badge-quality{background:rgba(168,85,247,.18)!important;color:#f5d0fe!important;}
.progress{background:linear-gradient(90deg,#7c3aed,#d946ef)!important;}
.watching-box{background:linear-gradient(135deg,#581c87,#9333ea)!important;color:#fff!important;}
.comments-head i{color:#c084fc!important;}
.comments-head h2:after{background:linear-gradient(90deg,#a855f7,#d946ef)!important;}
.comment-login-box>i,.comment-avatar{background:linear-gradient(135deg,#7c3aed,#d946ef)!important;}
::-webkit-scrollbar-track{background:#090716!important;}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#7c3aed,#3b0764)!important;border-color:#090716!important;}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#d946ef,#7c3aed)!important;}

/* AniCore footer */
.site-footer{margin:36px 26px 46px;padding:44px 0 28px;border-top:1px solid rgba(255,255,255,.06);color:#cdd5ff}.footer-brand{display:flex;align-items:center;gap:26px;margin-bottom:34px}.footer-logo{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:800;letter-spacing:-.04em;color:#fff}.footer-logo i{color:#ffdd95;font-size:30px}.footer-logo b{color:#c084fc}.footer-join{font-size:14px;line-height:1.05;color:#7d849b}.footer-socials{display:flex;gap:10px}.footer-socials a{width:34px;height:34px;border-radius:999px;display:grid;place-items:center;text-decoration:none;color:white;background:#2563eb}.footer-socials a:nth-child(2){background:#050505;border:1px solid rgba(255,255,255,.18)}.footer-az{display:flex;align-items:center;gap:24px;margin-bottom:22px}.footer-az h3{font-size:24px;letter-spacing:-.03em;color:#dbe6ff}.footer-az span{font-size:16px;color:#c7d2fe}.footer-letters{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px}.footer-letters a{color:#dbe6ff;text-decoration:none;font-size:18px;font-weight:900}.footer-letters a:hover{color:#c084fc;transform:translateY(-2px)}.footer-disclaimer,.footer-copy{font-size:15px;color:#7d849b;line-height:1.7}.footer-copy{margin-top:8px}.features-section{grid-template-columns:repeat(3,1fr)}@media(max-width:720px){.site-footer{margin:26px 14px}.footer-brand,.footer-az{align-items:flex-start;flex-direction:column;gap:14px}.footer-letters{gap:14px}.features-section{grid-template-columns:1fr}}


/* --- HERO FIX: long titles/descriptions + smooth slide animation --- */
.hero{
  min-height:470px;
  isolation:isolate;
}
.hero-content{
  max-width:min(680px, calc(100% - 120px));
  height:100%;
  padding:66px 36px 78px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.hero-title{
  font-size:clamp(34px, 4.2vw, 56px)!important;
  line-height:.98!important;
  letter-spacing:-.065em;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  max-height:3em;
  margin-bottom:10px!important;
}
.hero-jp-title{
  display:-webkit-box;
  -webkit-line-clamp:1;
  -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:20px;
}
.hero-meta{
  flex-shrink:0;
  margin-bottom:12px!important;
}
.hero-desc{
  max-width:610px;
  line-height:1.45!important;
  font-size:14px!important;
  -webkit-line-clamp:2!important;
  max-height:42px;
  margin-bottom:16px!important;
}
.hero-buttons{
  flex-shrink:0;
  position:relative;
  z-index:5;
}
.hero-nav{
  z-index:9;
  right:30px!important;
  bottom:28px!important;
}
.hero-pagination{
  z-index:9;
  bottom:28px!important;
}
.hero-bg,
.hero-content,
.hero-overlay{
  transition:opacity .34s ease, transform .34s ease, filter .34s ease;
  will-change:opacity, transform, filter;
}
.hero.is-switching .hero-content{
  opacity:0;
  transform:translateX(-18px) scale(.985);
}
.hero.is-switching .hero-bg{
  opacity:.35;
  transform:scale(1.035);
  filter:saturate(1.15) blur(4px);
}
.hero.is-ready .hero-content{
  animation:heroTextIn .42s cubic-bezier(.2,.8,.2,1) both;
}
.hero.is-ready .hero-bg{
  animation:heroBgIn .55s cubic-bezier(.2,.8,.2,1) both;
}
.dot,.nav-btn,.btn{transition:transform .18s ease, background .18s ease, opacity .18s ease, width .24s ease;}
.nav-btn:hover{transform:translateY(-2px) scale(1.04);background:rgba(255,255,255,.22)}
.dot{cursor:pointer}.dot:hover{transform:scale(1.25)}
@keyframes heroTextIn{from{opacity:0;transform:translateX(28px) translateY(8px)}to{opacity:1;transform:none}}
@keyframes heroBgIn{from{opacity:.55;transform:scale(1.055)}to{opacity:1;transform:scale(1)}}
@media(max-width:720px){
  .hero{height:520px!important;min-height:520px}
  .hero-content{max-width:100%;padding:44px 18px 92px;justify-content:flex-end}
  .hero-title{font-size:clamp(30px, 11vw, 43px)!important;-webkit-line-clamp:3;}
  .hero-desc{-webkit-line-clamp:2!important;max-height:41px;}
  .hero-buttons{flex-wrap:wrap}.btn{padding:12px 15px}
  .hero-nav{right:18px!important;bottom:24px!important}
  .hero-pagination{left:18px!important;bottom:30px!important}
}


/* --- HERO POLISH: compact badge + 10-step locked carousel --- */
.spotlight-badge{
  width:fit-content!important;
  max-width:max-content!important;
  min-width:0!important;
  display:inline-flex!important;
  align-self:flex-start!important;
  padding:8px 14px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
}
.hero-pagination{
  max-width:210px;
  flex-wrap:wrap;
  align-items:center;
}
.hero-pagination .dot{
  flex:0 0 auto;
}
.hero-pagination .dot.active{
  width:26px;
}


/* --- HERO TEXT FIT FIX: anime names/descriptions never cover buttons/dots --- */
.hero-content{
  max-width:min(620px, calc(100% - 140px))!important;
  padding-top:54px!important;
  padding-bottom:104px!important;
  justify-content:center!important;
}
.hero-title{
  font-size:clamp(30px, 3.45vw, 48px)!important;
  line-height:1.04!important;
  letter-spacing:-.06em!important;
  -webkit-line-clamp:2!important;
  max-height:2.15em!important;
  margin-bottom:8px!important;
}
.hero-title.long-title{
  font-size:clamp(28px, 3.05vw, 42px)!important;
  line-height:1.06!important;
}
.hero-title.extra-long-title{
  font-size:clamp(25px, 2.65vw, 36px)!important;
  line-height:1.08!important;
  -webkit-line-clamp:3!important;
  max-height:3.28em!important;
}
.hero-jp-title{
  font-size:15px!important;
  line-height:1.25!important;
  min-height:0!important;
  margin-bottom:10px!important;
}
.hero-meta{
  gap:7px!important;
  margin-bottom:10px!important;
}
.meta-item,.meta-tag{
  padding:6px 9px!important;
  font-size:11.5px!important;
}
.hero-desc{
  max-width:570px!important;
  font-size:13.5px!important;
  line-height:1.4!important;
  -webkit-line-clamp:2!important;
  max-height:38px!important;
  margin-bottom:14px!important;
}
.hero-buttons{
  margin-top:0!important;
}
.hero-pagination{
  bottom:30px!important;
}
@media(max-width:720px){
  .hero-content{max-width:100%!important;padding:34px 18px 96px!important;justify-content:flex-end!important}
  .hero-title{font-size:clamp(27px, 9.5vw, 38px)!important;-webkit-line-clamp:3!important;max-height:3.3em!important}
  .hero-title.long-title,.hero-title.extra-long-title{font-size:clamp(24px, 8.3vw, 33px)!important;-webkit-line-clamp:3!important;max-height:3.4em!important}
  .hero-desc{font-size:13px!important;max-height:37px!important}
}


/* --- TOPBAR LOGIN SMALL + DARK/LIGHT MODE --- */
.login-btn{
  height:38px!important;
  min-width:auto!important;
  padding:0 13px!important;
  border-radius:12px!important;
  font-size:13px!important;
  margin-left:0!important;
  box-shadow:0 10px 28px rgba(168,85,247,.22)!important;
}
.login-btn .logout-mini{display:none!important;}
.theme-toggle{
  width:38px;
  height:38px;
  border:1px solid rgba(216,180,254,.22);
  border-radius:12px;
  background:rgba(168,85,247,.13);
  color:#fff;
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:.18s ease;
}
.theme-toggle:hover{transform:translateY(-1px);background:rgba(168,85,247,.24)}
body.light-mode{
  --bg:#f6f1ff;
  --panel:#ffffff;
  --panel2:#ffffff;
  --panel3:#f1e9ff;
  --text:#171222;
  --muted:#655b78;
  --line:#ddd0f2;
  --stroke:#dfd0f3;
  --stroke2:#cdb8eb;
  background:radial-gradient(circle at 45% -10%,rgba(168,85,247,.20),transparent 35%),#f6f1ff!important;
  color:#171222!important;
}
body.light-mode .sidebar,
body.light-mode .topbar{
  background:rgba(255,255,255,.86)!important;
  border-color:#e4d7f6!important;
}
body.light-mode .search-container,
body.light-mode .filters-bar select,
body.light-mode .filters-bar button,
body.light-mode .anime-card,
body.light-mode .widget,
body.light-mode .feature-card,
body.light-mode .episodes-panel,
body.light-mode .detail-panel,
body.light-mode .comments-panel,
body.light-mode .comment-form,
body.light-mode .comment-item,
body.light-mode .comment-login-box{
  background:rgba(255,255,255,.82)!important;
  border-color:#dfd0f3!important;
  color:#171222!important;
}
body.light-mode .search-container input,
body.light-mode .filters-bar select,
body.light-mode .filters-bar button,
body.light-mode .auth-form input,
body.light-mode .comment-form textarea{color:#171222!important;}
body.light-mode .search-container input::placeholder{color:#887b9d!important;}
body.light-mode .hero-bg:after{background:linear-gradient(90deg,#f6f1ff,rgba(246,241,255,.72),rgba(246,241,255,.16))!important;}
body.light-mode .hero-overlay{background:linear-gradient(0deg,#f6f1ff,transparent 36%)!important;}
body.light-mode .hero-desc,
body.light-mode .card-episode,
body.light-mode .comment-body p{color:#4c425e!important;}
body.light-mode .btn-secondary,
body.light-mode .back-btn,
body.light-mode .pager button,
body.light-mode .theme-toggle{
  background:rgba(124,58,237,.10)!important;
  border-color:rgba(124,58,237,.22)!important;
  color:#231536!important;
}
body.light-mode .nav-item:hover,
body.light-mode .nav-item.active{color:#171222!important;}
body.light-mode .dot{background:rgba(23,18,34,.28)!important;}
body.light-mode .dot.active{background:#7c3aed!important;}
body.light-mode .auth-card{background:linear-gradient(180deg,#ffffff,#f7f0ff)!important;color:#171222!important;}
@media(max-width:720px){.theme-toggle{width:36px;height:36px}.login-btn{height:36px!important;padding:0 11px!important}.login-btn i{margin-right:0}.login-btn{font-size:0!important}.login-btn i{font-size:13px!important}}

/* Home comment + ranking sections */
/* Home comments + rankings: purple AniCore style */
.home-comments-section{margin:28px 26px 0;background:radial-gradient(circle at 16% 18%,rgba(168,85,247,.26),transparent 32%),linear-gradient(180deg,rgba(23,18,34,.94),rgba(10,8,18,.96));border:1px solid rgba(168,85,247,.22);border-radius:24px;min-height:286px;display:grid;grid-template-columns:280px 1fr;gap:26px;padding:34px 30px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.24)}
.home-comments-art{display:flex;align-items:flex-end;justify-content:flex-start;min-height:320px;position:relative;overflow:visible;padding-left:10px}
.anime-girl-big{
    position:absolute;
    left:20px;
    bottom:0;
    width:370px;
    max-width:none;
    object-fit:contain;
    transform:translateY(10px);
    filter:drop-shadow(0 0 55px rgba(168,85,247,.42));
    pointer-events:none;
    user-select:none;
}
.home-comments-main{min-width:0}.home-tabs{display:flex;align-items:center;gap:14px;margin-bottom:22px}.home-tabs button{height:36px;padding:0 17px;border-radius:999px;border:1px solid transparent;background:rgba(255,255,255,.04);color:#d8c7ff;font-weight:900;cursor:pointer}.home-tabs button.active{border-color:rgba(192,132,252,.78);color:#fff;background:linear-gradient(135deg,rgba(139,92,246,.38),rgba(217,70,239,.20));box-shadow:0 12px 30px rgba(139,92,246,.16)}
.hide-comments-toggle{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:900;color:#e9d5ff}.hide-comments-toggle input{display:none}.hide-comments-toggle span{width:34px;height:17px;border-radius:999px;background:#3b2b52;position:relative;border:1px solid rgba(192,132,252,.28)}.hide-comments-toggle span:after{content:"";position:absolute;width:15px;height:15px;right:1px;top:0;border-radius:999px;background:linear-gradient(135deg,#a855f7,#d946ef);box-shadow:0 0 14px rgba(168,85,247,.5)}.hide-comments-toggle input:checked+span:after{left:1px;right:auto}
.home-comments-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.home-comment-card{height:170px;background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.035));border:1px solid rgba(192,132,252,.12);border-radius:16px;padding:15px;display:flex;flex-direction:column;gap:13px;box-shadow:0 18px 48px rgba(0,0,0,.18);transition:.18s}.home-comment-card:hover{transform:translateY(-4px);border-color:rgba(192,132,252,.42)}.hc-top{display:flex;gap:11px;align-items:center}.hc-avatar{width:34px;height:34px;border-radius:999px;background:linear-gradient(135deg,#6d28d9,#d946ef);border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;font-weight:900;color:white}.hc-top b{font-size:13px}.hc-top span{display:block;font-size:11px;color:#a99cc4;margin-top:3px}.home-comment-card p{font-size:13px;line-height:1.45;color:#f6f1ff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.home-comment-card a{margin-top:auto;color:#c084fc;text-decoration:none;font-size:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-comments-empty{grid-column:1/-1;min-height:150px;border:1px dashed rgba(192,132,252,.26);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#c4b5fd;background:rgba(255,255,255,.025);gap:8px}.home-comments-empty i{font-size:28px;color:#a855f7}.home-comments-empty b{font-size:16px;color:#fff}.home-comments-empty span{font-size:13px;color:#9f91b8}.home-comments-section.comments-hidden .home-comments-grid{display:none}.home-comments-section.comments-hidden{min-height:120px;padding-bottom:28px}
.home-rankings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;background:linear-gradient(180deg,rgba(9,7,18,.98),rgba(13,10,24,.98));margin:20px 26px 0;border:1px solid rgba(168,85,247,.16);border-radius:24px;padding:30px 30px 34px}.rank-column h2{font-size:21px;color:#e9d5ff;margin-bottom:18px;text-shadow:0 0 18px rgba(168,85,247,.16)}.rank-item{display:flex;gap:13px;padding:13px 0;border-bottom:1px solid rgba(192,132,252,.12);cursor:pointer}.rank-item:hover .rank-info h3{color:#c084fc}.rank-poster{width:58px;height:74px;border-radius:10px;overflow:hidden;background:#171222;flex-shrink:0}.rank-poster img{width:100%;height:100%;object-fit:cover}.rank-info{min-width:0;display:flex;flex-direction:column;justify-content:center}.rank-info h3{font-size:13px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:.16s}.rank-badges{margin-top:8px;font-size:12px;color:#b7abc9;display:flex;align-items:center;gap:4px;flex-wrap:wrap}.mini-cc,.mini-dub,.mini-total{padding:2px 6px;border-radius:5px;font-size:10px;font-weight:900;color:#fff}.mini-cc{background:rgba(34,197,94,.78)}.mini-dub{background:rgba(217,70,239,.68)}.mini-total{background:rgba(255,255,255,.14);color:#fff}.rank-column>a{display:inline-flex;gap:8px;align-items:center;margin-top:18px;color:#c084fc;text-decoration:none;font-weight:900}.rank-column>a:hover{color:#f5d0fe}
.light-mode .home-comments-section{background:linear-gradient(180deg,#fbf7ff,#f4ecff);border-color:rgba(168,85,247,.22)}.light-mode .home-rankings{background:#fbf7ff;border-color:rgba(168,85,247,.18)}.light-mode .home-tabs button,.light-mode .hide-comments-toggle,.light-mode .rank-column>a{color:#6d28d9}.light-mode .home-comment-card{background:#fff;border:1px solid rgba(168,85,247,.14)}.light-mode .home-comment-card p,.light-mode .home-comments-empty b{color:#111827}.light-mode .rank-info h3{color:#111827}.light-mode .rank-badges,.light-mode .home-comments-empty span{color:#64748b}
@media(max-width:1180px){.home-comments-section{grid-template-columns:1fr;padding:28px 20px}.home-comments-art{display:none}.home-comments-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-rankings{grid-template-columns:repeat(2,minmax(0,1fr));padding:28px 20px}}
@media(max-width:720px){.home-comments-grid,.home-rankings{grid-template-columns:1fr}.home-tabs{flex-wrap:wrap}.hide-comments-toggle{margin-left:0}}


.ani{
    color:#ffffff !important;
}

.core{color:#a855f7 !important;}


.site-logo{
    width:42px;
    height:42px;
    object-fit:contain;
    filter:drop-shadow(0 0 12px rgba(168,85,247,.45));
    vertical-align:middle;
    margin-right:10px;
}

.ani{
    color:#ffffff !important;
}

.core{
    color:#a855f7 !important;
}


/* Anicore logo mark + purple core fix */
.anicore-mark,
.site-logo{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    object-fit:contain !important;
    display:inline-block !important;
    vertical-align:middle !important;
    margin-right:10px !important;
    filter:drop-shadow(0 0 12px rgba(168,85,247,.55)) !important;
}

.sidebar .anicore-mark,
.brand .anicore-mark,
.logo .anicore-mark,
.auth-brand .anicore-mark,
.modal .anicore-mark{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
}

.ani{
    color:#ffffff !important;
}

.core{
    color:#a855f7 !important;
    -webkit-text-fill-color:#a855f7 !important;
}

.logo-text .core,
.brand-name .core,
.auth-title .core{
    color:#a855f7 !important;
    -webkit-text-fill-color:#a855f7 !important;
}


/* SAFE FIX: anicore logo + purple core + auth animations */
.ani{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

.core{
    color:#a855f7 !important;
    -webkit-text-fill-color:#a855f7 !important;
    text-shadow:0 0 16px rgba(168,85,247,.35);
}

.anicore-mark,
.site-logo{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
    object-fit:contain !important;
    display:inline-block !important;
    vertical-align:middle !important;
    margin-right:10px !important;
    filter:drop-shadow(0 0 12px rgba(168,85,247,.55)) !important;
}

.auth-card,
.auth-modal,
.login-modal,
.modal-card{
    animation:authOpenSafe .34s cubic-bezier(.22,1,.36,1) both;
    transform-origin:center;
}

@keyframes authOpenSafe{
    from{
        opacity:0;
        transform:translateY(18px) scale(.96);
        filter:blur(6px);
    }
    to{
        opacity:1;
        transform:translateY(0) scale(1);
        filter:blur(0);
    }
}

.auth-form,
.login-form,
.register-form{
    animation:authFormSafe .24s ease both;
}

@keyframes authFormSafe{
    from{
        opacity:0;
        transform:translateX(16px);
    }
    to{
        opacity:1;
        transform:translateX(0);
    }
}

.auth-tabs button,
.login-register-tabs button,
.tab-switcher button{
    transition:background .22s ease,color .22s ease,transform .18s ease,box-shadow .22s ease;
}

.auth-tabs button:hover,
.login-register-tabs button:hover,
.tab-switcher button:hover{
    transform:translateY(-1px);
}


/* FINAL REPAIR: auth core purple + comments/girl restore */
.auth-card .core,
.auth-modal .core,
.login-modal .core,
.modal-card .core,
.auth-box .core,
.auth-card span.core,
.auth-modal span.core,
.login-modal span.core,
.modal-card span.core,
.core{
    color:#a855f7 !important;
    -webkit-text-fill-color:#a855f7 !important;
    background:none !important;
    text-shadow:0 0 16px rgba(168,85,247,.35) !important;
}

.auth-card .ani,
.auth-modal .ani,
.login-modal .ani,
.modal-card .ani,
.auth-box .ani,
.ani{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
    background:none !important;
}

/* auth title override */
.auth-card [class*="yellow"],
.auth-modal [class*="yellow"],
.login-modal [class*="yellow"],
.modal-card [class*="yellow"],
.auth-box [class*="yellow"]{
    color:#a855f7 !important;
    -webkit-text-fill-color:#a855f7 !important;
}

/* keep comments section at a clean size */
.home-comments-art{
    min-height:300px !important;
    padding-left:18px !important;
    overflow:visible !important;
}

/* position anime girl artwork */
.anime-girl-big{
    position:absolute !important;
    left:22px !important;
    bottom:-12px !important;
    width:430px !important;
    max-width:none !important;
    object-fit:contain !important;
    pointer-events:none !important;
    user-select:none !important;
    filter:drop-shadow(0 0 55px rgba(168,85,247,.42)) !important;
}

.comments-empty{
    min-height:140px !important;
    padding:20px !important;
}


/* FORCE LOGIN/REGISTER CORE PURPLE */
.auth-card h1,
.auth-card .logo-text,
.auth-card .brand-name,
.auth-card .brand,
.auth-modal h1,
.login-modal h1{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

.auth-card .core,
.auth-modal .core,
.login-modal .core,
.auth-card h1 span:last-child,
.auth-card .logo-text span:last-child,
.auth-card .brand-name span:last-child,
.auth-card .brand span:last-child,
.auth-modal h1 span:last-child,
.login-modal h1 span:last-child{
    color:#a855f7 !important;
    -webkit-text-fill-color:#a855f7 !important;
    background:none !important;
    text-shadow:0 0 14px rgba(168,85,247,.35) !important;
}


/* REAL FINAL: auth brand CORE purple */
.auth-brand b,
.auth-brand .logo-bold,
.auth-brand span b,
.auth-brand span:last-child,
.auth-brand .core{
    color:#a855f7 !important;
    -webkit-text-fill-color:#a855f7 !important;
    background:none !important;
    text-shadow:0 0 16px rgba(168,85,247,.35) !important;
}

.auth-brand{
    color:#ffffff !important;
}


/* WHITE ANI + PURPLE CORE */
.auth-brand,
.auth-brand .ani,
.auth-brand span:first-child{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

.auth-brand b,
.auth-brand .core,
.auth-brand span:last-child{
    color:#a855f7 !important;
    -webkit-text-fill-color:#a855f7 !important;
    text-shadow:0 0 16px rgba(168,85,247,.35);
}

/* SMALLER COMMENTS AREA */
.home-comments-art{
    min-height:255px !important;
    padding-left:12px !important;
}

.comments-empty{
    min-height:115px !important;
    padding:16px !important;
}

/* BIGGER GIRL */
.anime-girl-big{
    left:8px !important;
    bottom:-8px !important;
    width:470px !important;
}


/* ANICORE BRAND FONT FINAL */
.auth-brand,
.sidebar-logo,
.logo,
.brand-text{
    font-family:Inter,sans-serif !important;
    font-weight:800 !important;
    letter-spacing:-1.5px !important;
    line-height:1 !important;
}

.auth-brand .brand-text,
.sidebar-logo .brand-text,
.logo .brand-text{
    display:inline-flex !important;
    align-items:center !important;
    gap:0 !important;
}

.auth-brand .ani,
.sidebar-logo .ani,
.logo .ani{
    color:#ffffff !important;
    -webkit-text-fill-color:#ffffff !important;
}

.auth-brand .core,
.sidebar-logo .core,
.logo .core{
    color:#a855f7 !important;
    -webkit-text-fill-color:#a855f7 !important;
}


/* Ultra cinematic watch page redesign */
.watch-page{
background:
radial-gradient(circle at top right, rgba(168,85,247,.20), transparent 28%),
radial-gradient(circle at left top, rgba(59,130,246,.10), transparent 25%),
linear-gradient(180deg,#090912 0%,#0f1020 55%,#09090f 100%);
}

.hianime-layout{
gap:18px;
padding-top:10px;
}

.hianime-player{
border-radius:26px;
overflow:hidden;
border:1px solid rgba(255,255,255,.08);
box-shadow:
0 0 0 1px rgba(168,85,247,.10),
0 30px 90px rgba(0,0,0,.55);
height:620px;
position:relative;
}

.watch-controls{
background:rgba(14,14,24,.92);
backdrop-filter:blur(12px);
border-top:1px solid rgba(255,255,255,.06);
}

.server-strip{
background:linear-gradient(90deg,#181828,#1f1834);
border:1px solid rgba(255,255,255,.06);
border-top:none;
border-radius:0 0 22px 22px;
overflow:hidden;
}

.server-btn{
background:rgba(255,255,255,.06);
border:1px solid rgba(255,255,255,.08);
transition:.18s ease;
}

.server-btn:hover{
transform:translateY(-2px);
background:linear-gradient(135deg,#7c3aed,#d946ef);
color:white;
}

.server-btn.active{
background:linear-gradient(135deg,#8b5cf6,#ec4899);
box-shadow:0 10px 25px rgba(168,85,247,.35);
}

.hianime-episodes{
background:rgba(17,17,28,.88);
border-radius:24px;
border:1px solid rgba(255,255,255,.06);
overflow:hidden;
backdrop-filter:blur(12px);
}

.episode-top{
background:rgba(10,10,18,.95);
border-bottom:1px solid rgba(255,255,255,.05);
}

.episode-search{
border-radius:14px;
background:#111322;
border:1px solid rgba(139,92,246,.25);
}

.episode-btn{
height:52px;
padding:0 18px;
background:transparent;
border-bottom:1px solid rgba(255,255,255,.04);
transition:.15s ease;
}

.episode-btn:hover{
background:rgba(139,92,246,.10);
padding-left:22px;
}

.episode-btn.active{
background:linear-gradient(90deg,rgba(139,92,246,.25),rgba(236,72,153,.10));
box-shadow:none;
}

.watch-info-card{
border-radius:24px;
border:1px solid rgba(255,255,255,.06);
background:linear-gradient(180deg,rgba(21,21,33,.95),rgba(14,14,24,.95));
box-shadow:0 25px 60px rgba(0,0,0,.30);
}

.info-poster{
border-radius:18px;
overflow:hidden;
width:140px;
height:200px;
}

.watch-info-card h2{
font-size:28px;
}

.player-loading{
font-size:22px;
letter-spacing:.05em;
background:rgba(5,5,10,.92);
backdrop-filter:blur(10px);
}

@media(max-width:1200px){
.hianime-layout{
grid-template-columns:1fr;
}
.hianime-episodes,
.watch-info-card{
height:auto;
max-height:none;
}
}

/* ===== AniCore watch page — photo-accurate redesign ===== */
.watch-page.active{
  display:block;
  padding:20px clamp(14px,2vw,32px) 40px;
  background:
    radial-gradient(circle at 72% 4%, rgba(139,92,246,.18), transparent 30%),
    radial-gradient(circle at 18% 10%, rgba(99,102,241,.12), transparent 28%),
    linear-gradient(180deg,#08080f 0%,#0c0b17 50%,#07070d 100%);
}

/* Breadcrumb — photo style */
.watch-breadcrumb{
  display:flex;align-items:center;gap:8px;
  margin:0 0 16px 2px;font-size:13px;font-weight:700;color:#6b74a0;
}
.watch-breadcrumb a{color:#e8e3ff;text-decoration:none;display:flex;align-items:center;gap:6px}
.watch-breadcrumb a:hover{color:#c084fc}
.bc-sep{font-size:10px;color:#3d4266}
.bc-anime{color:#e8e3ff!important}
.bc-season{color:#e8e3ff}
.bc-current{color:#fff;font-weight:900}
#bcSep2,#bcSep3{display:none}
#bcSep2.show,#bcSep3.show{display:inline}

/* MAIN 3-COLUMN LAYOUT */
.hianime-layout{
  display:grid!important;
  grid-template-columns:260px 1fr 320px!important;
  gap:0!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#0e0e1a!important;
  box-shadow:0 24px 80px rgba(0,0,0,.45)!important;
  padding:0!important;
  align-items:start!important;
}

/* LEFT: Episodes panel */
.hianime-episodes{
  height:auto!important;min-height:600px;max-height:none!important;
  border-radius:0!important;border:0!important;border-right:1px solid rgba(255,255,255,.07)!important;
  background:#0e0e1a!important;
  box-shadow:none!important;backdrop-filter:none!important;
  overflow:hidden!important;display:flex;flex-direction:column;
}
.episode-top{
  padding:16px 14px 12px!important;
  background:#111120!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  flex-shrink:0;
}
.episode-panel-header{
  display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;
}
.episode-top h2{
  font-size:15px!important;font-weight:900!important;color:#fff!important;margin:0!important;
}
.season-dropdown{
  display:flex;align-items:center;gap:6px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);
  border-radius:8px;padding:5px 10px;cursor:pointer;font-size:12px;font-weight:700;color:#d8b4fe;
  transition:.16s;
}
.season-dropdown:hover{background:rgba(168,85,247,.18);border-color:rgba(192,132,252,.38)}
.season-dropdown i{font-size:10px}
.episode-search{
  height:36px!important;border-radius:10px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(192,132,252,.2)!important;
  padding:0 10px!important;
}
.episode-search input{font-size:12px!important;color:#fff!important}
.episode-search i{color:#a855f7;font-size:12px}

#episodeList{flex:1;overflow-y:auto;padding:6px}

/* Episode buttons — HiAnime style */
.episode-btn{
  display:flex!important;align-items:center;
  width:100%;height:48px!important;
  padding:0 12px!important;margin:2px 0!important;
  border:0!important;border-radius:10px!important;
  background:transparent!important;
  color:#9ba3c4!important;
  font-size:13px;font-weight:700;cursor:pointer;
  transition:.15s ease;
  grid-template-columns:none!important;
  gap:10px;
  text-align:left;box-shadow:none!important;
}
.episode-btn:hover{background:rgba(168,85,247,.14)!important;color:#fff!important;transform:none!important}
.episode-btn.active{
  background:linear-gradient(90deg,rgba(139,92,246,.55),rgba(217,70,239,.25))!important;
  color:#fff!important;
  border-left:3px solid #a855f7!important;
  border-radius:0 10px 10px 0!important;
}
.ep-num{
  width:28px;height:28px;border-radius:8px;
  display:grid;place-items:center;flex-shrink:0;
  background:rgba(255,255,255,.07);color:#d8b4fe;font-size:12px;font-weight:900;
}
.episode-btn.active .ep-num{background:rgba(168,85,247,.35);color:#fff}
.ep-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}
.ep-audio{display:flex;align-items:center;gap:4px;flex-shrink:0}
.ep-audio b{font-size:9px;background:rgba(255,255,255,.10);color:#f5d0fe;border-radius:4px;padding:2px 5px}
.ep-audio i{display:none}

/* CENTER: Player + controls */
.watch-main{display:flex;flex-direction:column;min-width:0;border-right:1px solid rgba(255,255,255,.07)}

/* Player */
.hianime-player{
  width:100%;aspect-ratio:16/9;height:auto!important;min-height:340px;
  border-radius:0!important;border:0!important;
  background:#000!important;box-shadow:none!important;
  position:relative;overflow:hidden;
}
.hianime-player iframe{width:100%;height:100%;border:0;display:block}
.player-loading{
  background:rgba(0,0,0,.9)!important;color:#c084fc!important;
  font-size:16px!important;letter-spacing:.04em;
  display:flex;align-items:center;justify-content:center;gap:12px;
}
.player-loading i{font-size:22px}

/* Controls */
.watch-controls{
  height:auto!important;min-height:50px!important;
  padding:8px 14px!important;
  background:rgba(12,12,20,.95)!important;
  border:0!important;border-top:1px solid rgba(255,255,255,.06)!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
  backdrop-filter:blur(12px);
  display:flex;align-items:center;justify-content:space-between;gap:8px;
}
.control-left{display:flex;align-items:center;gap:6px!important;flex-wrap:wrap}
.control-right{display:flex;align-items:center;gap:8px}
.mini-control{
  height:34px;padding:0 10px;
  border-radius:9px!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  color:#e0e0ff!important;font-size:12px;font-weight:700;cursor:pointer;
  transition:.16s;display:inline-flex;align-items:center;gap:6px;
}
.mini-control:hover{background:rgba(168,85,247,.22)!important;border-color:rgba(192,132,252,.35)!important;transform:none!important}
.mini-control.active{background:linear-gradient(135deg,rgba(139,92,246,.6),rgba(217,70,239,.35))!important;border-color:rgba(192,132,252,.4)!important}
.mini-control b{color:#86efac}
.watch-ep-label{font-size:12px;color:#9ba3c4;font-weight:700}

/* Server strip */
.server-strip{
  min-height:56px!important;
  border-radius:0!important;border:0!important;border-top:0!important;
  background:#10101e!important;
  box-shadow:none!important;overflow:visible!important;
  display:flex;align-items:center;padding:10px 14px;gap:14px;flex-wrap:wrap;
}
.watching-box{display:none!important}
.server-options{display:flex;align-items:center;gap:8px!important;flex-wrap:wrap;padding:0!important}
.server-label{font-size:12px;font-weight:900;color:#c4b5fd!important;display:flex;align-items:center;gap:6px}
.server-label i{color:#a855f7!important;font-size:11px}
.server-btn{
  height:34px!important;min-width:80px;border-radius:9px!important;
  background:rgba(255,255,255,.07)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  color:#d8c7ff!important;font-size:12px;font-weight:700;cursor:pointer;
  display:inline-flex;align-items:center;gap:6px;justify-content:center;
  transition:.16s;
}
.server-btn:hover{background:rgba(168,85,247,.2)!important;border-color:rgba(192,132,252,.35)!important}
.server-btn.active{
  background:linear-gradient(135deg,#7c3aed,#a855f7)!important;
  border-color:rgba(216,180,254,.45)!important;
  color:#fff!important;box-shadow:0 8px 24px rgba(168,85,247,.3)!important;
}
.server-info-box{font-size:11px;color:#6b74a0;margin-left:auto}

/* Episode info card (below player) */
.ep-info-card{
  background:#111120;
  border-top:1px solid rgba(255,255,255,.06);
  padding:16px 14px;
  display:flex;gap:14px;align-items:flex-start;
}
.ep-info-left{display:flex;gap:14px;align-items:flex-start;flex:1;min-width:0}
.ep-info-poster{
  width:80px;height:110px;flex-shrink:0;
  border-radius:10px;overflow:hidden;
  background:#1a1a2a;
  box-shadow:0 8px 24px rgba(0,0,0,.4);
}
.ep-info-poster img{width:100%;height:100%;object-fit:cover}
.ep-info-text{flex:1;min-width:0}
.ep-info-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.ep-badge-ep{
  font-size:11px;font-weight:900;
  background:linear-gradient(135deg,#7c3aed,#a855f7);
  color:#fff;border-radius:6px;padding:3px 8px;
}
.ep-badge-playing{
  font-size:11px;font-weight:700;color:#a855f7;
  display:flex;align-items:center;gap:5px;
}
.ep-badge-playing i{font-size:10px}
.ep-info-title{font-size:clamp(18px,2vw,26px);font-weight:900;color:#fff;line-height:1.1;margin-bottom:4px;letter-spacing:-.03em}
.ep-info-sub{font-size:12px;color:#8b8baa;margin-bottom:6px}
.ep-info-sub a{color:#c084fc;text-decoration:none;font-weight:700}
.ep-info-desc{font-size:13px;color:#9ba3c4;line-height:1.5;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ep-info-actions{display:flex;gap:8px;flex-wrap:wrap}
.ep-action-btn{
  height:34px;padding:0 14px;border-radius:9px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.09);
  color:#e0e0ff;font-size:12px;font-weight:700;cursor:pointer;
  display:inline-flex;align-items:center;gap:6px;
  transition:.16s;
}
.ep-action-btn:hover{background:rgba(168,85,247,.2);border-color:rgba(192,132,252,.35);transform:translateY(-1px)}

/* Server + episode nav row */
.ep-server-nav{
  background:#111120;
  border-top:1px solid rgba(255,255,255,.06);
  padding:12px 14px;
  display:flex;flex-direction:column;gap:10px;
}
.ep-server-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ep-nav-label{font-size:12px;font-weight:900;color:#a855f7;min-width:64px}
.ep-server-btns,.ep-page-btns{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ep-srv{
  height:34px;padding:0 14px;border-radius:9px;
  background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.25);
  color:#d8b4fe;font-size:12px;font-weight:700;cursor:pointer;
  transition:.16s;display:flex;align-items:center;gap:6px;
}
.ep-srv:hover{background:rgba(168,85,247,.24);border-color:rgba(192,132,252,.45)}
.ep-srv.active{background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:rgba(216,180,254,.45);color:#fff;box-shadow:0 6px 18px rgba(168,85,247,.3)}
.ep-problem-btn{background:rgba(255,255,255,.05)!important;border-color:rgba(255,255,255,.1)!important;color:#9ba3c4!important}
.ep-problem-btn:hover{background:rgba(255,255,255,.1)!important}
.ep-page-btn{
  width:34px;height:34px;border-radius:8px;
  background:rgba(168,85,247,.12);border:1px solid rgba(168,85,247,.22);
  color:#d8b4fe;font-size:12px;font-weight:900;cursor:pointer;
  display:grid;place-items:center;transition:.16s;
}
.ep-page-btn:hover{background:rgba(168,85,247,.28);border-color:rgba(192,132,252,.45)}
.ep-page-btn.active{background:linear-gradient(135deg,#7c3aed,#a855f7);border-color:transparent;color:#fff;box-shadow:0 4px 14px rgba(168,85,247,.35)}
.ep-page-dots{color:#6b74a0;font-size:13px;font-weight:900;padding:0 4px;display:grid;place-items:center;height:34px}

/* RIGHT: Info + Recommendations panel */
.watch-info-card{
  height:auto!important;max-height:none!important;
  border-radius:0!important;border:0!important;
  background:#0e0e1a!important;
  box-shadow:none!important;backdrop-filter:none!important;
  padding:16px 14px!important;overflow:auto!important;
  display:flex!important;flex-direction:column;gap:0;
}

/* Info panel — Recommendations section */
.watch-rec-title{
  display:flex;align-items:center;justify-content:space-between;
  margin:0 0 12px!important;font-size:14px;font-weight:900;color:#fff;
}
.watch-rec-title a{font-size:12px;color:#a855f7;text-decoration:none;font-weight:700}
.watch-rec-title a:hover{color:#d8b4fe}
.watch-rec-list{display:flex!important;flex-direction:column;gap:10px!important}
.watch-rec{
  display:grid!important;grid-template-columns:64px 1fr auto!important;
  align-items:center;gap:10px;padding:8px!important;
  border-radius:12px!important;border:1px solid rgba(255,255,255,.07)!important;
  background:rgba(255,255,255,.04)!important;
  color:#fff;cursor:pointer;transition:.16s;
}
.watch-rec:hover{background:rgba(168,85,247,.12)!important;border-color:rgba(192,132,252,.25)!important;transform:translateY(-1px)}
.watch-rec span{width:64px!important;height:82px!important;border-radius:10px!important;overflow:hidden;background:#1a1a2a;display:block}
.watch-rec img{width:100%;height:100%;object-fit:cover;display:block}
.watch-rec-info{min-width:0}
.watch-rec b{display:block;font-size:13px;line-height:1.25;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.watch-rec-sub{font-size:11px;color:#7b7fa0}
.watch-rec em{font-style:normal;font-size:12px;color:#facc15;display:flex;align-items:center;gap:4px}
.watch-rec em i{font-size:10px}
.empty-rec{color:#6b74a0;font-size:13px;padding:12px 0}

/* Score display top of info card */
.watch-info-score{
  display:flex;align-items:center;gap:6px;margin-bottom:14px;
  padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.07);
}
.score-circle{
  width:44px;height:44px;border-radius:50%;
  background:linear-gradient(135deg,#7c3aed,#a855f7);
  display:grid;place-items:center;font-weight:900;font-size:14px;color:#fff;flex-shrink:0;
  box-shadow:0 6px 18px rgba(168,85,247,.35);
}
.score-text{font-size:12px;color:#9ba3c4}
.score-text b{display:block;color:#fff;font-size:14px;margin-bottom:2px}

/* Existing info card elements refinement */
.watch-info-hero{display:none!important}
.info-poster{display:none!important}
.watch-info-card>p,.watch-info-card h2,.info-badges,.info-core,.mini-meta{display:none!important}

/* Comments */
.comments-panel{
  border-radius:16px!important;margin-top:18px!important;
  background:rgba(14,14,24,.82)!important;
  border:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.28)!important;
}

/* Responsive */
@media(max-width:1400px){
  .hianime-layout{grid-template-columns:240px 1fr 290px!important}
}
@media(max-width:1100px){
  .hianime-layout{grid-template-columns:220px 1fr!important}
  .watch-info-card{
    grid-column:1/-1!important;border-top:1px solid rgba(255,255,255,.07)!important;
    padding:16px!important;display:grid!important;
    grid-template-columns:1fr 1fr!important;gap:20px;
  }
  .watch-info-score{grid-column:1/-1}
  .watch-rec-title{grid-column:1/-1}
  .watch-rec-list{grid-column:1/-1;display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}
}
@media(max-width:780px){
  .watch-page.active{padding:12px}
  .hianime-layout{display:flex!important;flex-direction:column!important;border-radius:12px!important}
  .hianime-episodes{order:3;border-right:0!important;border-top:1px solid rgba(255,255,255,.07)!important;min-height:300px}
  .watch-main{order:1}
  .watch-info-card{order:2;display:flex!important;flex-direction:column!important;border-top:1px solid rgba(255,255,255,.07)!important}
  .watch-rec-list{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .ep-info-card{flex-direction:column}
  .ep-info-poster{width:70px;height:96px}
  .hianime-player{min-height:260px}
}
@media(max-width:560px){
  .watch-rec-list{grid-template-columns:1fr!important}
  .ep-server-row{flex-direction:column;align-items:flex-start}
  .ep-srv,.ep-action-btn{height:32px;font-size:11px}
  .ep-info-title{font-size:18px!important}
  .mini-control{font-size:11px;height:30px;padding:0 8px}
}

/* Loading overlay hard fix */
.player-loading:not(.show){display:none!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;}
.player-loading.show{display:flex!important;opacity:1!important;visibility:visible!important;}


/* Episode list fixed height: show max 12 items, scroll with mouse wheel */
#episodeList{
  max-height: 636px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain;
  padding-right: 6px !important;
}
.hianime-episodes{
  height: auto !important;
  max-height: none !important;
  align-self: start !important;
}
#episodeList .episode-btn{
  min-height: 49px !important;
}
@media(max-width:980px){
  #episodeList{max-height: 588px !important;}
}


/* v4: Modern recommended panel + single Anikoto server */
.watch-info-card{
  padding:18px 16px 20px!important;
  background:linear-gradient(180deg,rgba(15,15,29,.96),rgba(8,8,18,.98))!important;
  border-left:1px solid rgba(168,85,247,.14)!important;
}
.watch-info-score{
  position:relative;display:flex;align-items:center;gap:12px;
  padding:14px;margin-bottom:16px;border-radius:18px;
  background:linear-gradient(135deg,rgba(168,85,247,.22),rgba(236,72,153,.08) 48%,rgba(255,255,255,.035));
  border:1px solid rgba(192,132,252,.18);
  box-shadow:0 18px 50px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.07);
  overflow:hidden;
}
.watch-info-score:before{content:"";position:absolute;inset:-60% auto auto -25%;width:150px;height:150px;border-radius:999px;background:rgba(168,85,247,.32);filter:blur(34px);pointer-events:none}
.score-circle{width:52px;height:52px;border-radius:18px;background:linear-gradient(135deg,#7c3aed,#d946ef);display:grid;place-items:center;font-weight:1000;color:#fff;box-shadow:0 0 32px rgba(168,85,247,.42);z-index:1}
.score-text{z-index:1;min-width:0}.score-text b{display:block;font-size:15px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-text span{display:block;margin-top:3px;color:#b8c0dd;font-size:12px;font-weight:700}
.watch-rec-title{margin:14px 0 12px!important;font-size:16px!important;color:#f8f5ff!important;letter-spacing:-.02em}.watch-rec-title a{color:#d946ef!important;font-weight:900!important}.watch-rec-title a:hover{color:#f0abfc!important}
.watch-rec-list{gap:12px!important;padding-bottom:4px!important}
.watch-rec{
  position:relative;display:grid!important;grid-template-columns:72px minmax(0,1fr) auto!important;gap:12px!important;align-items:center!important;
  min-height:108px!important;padding:11px!important;border-radius:18px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.028))!important;
  border:1px solid rgba(255,255,255,.075)!important;color:#fff!important;text-align:left!important;
  box-shadow:0 12px 34px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.04)!important;
  overflow:hidden!important;isolation:isolate!important;
}
.watch-rec:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 18%,rgba(168,85,247,.2),transparent 42%),linear-gradient(90deg,rgba(168,85,247,.07),transparent);opacity:.7;z-index:-1;transition:.18s}
.watch-rec:hover{transform:translateY(-3px)!important;border-color:rgba(192,132,252,.34)!important;box-shadow:0 20px 55px rgba(0,0,0,.34),0 0 0 1px rgba(168,85,247,.14)!important;background:linear-gradient(135deg,rgba(168,85,247,.16),rgba(255,255,255,.045))!important}
.watch-rec:hover:before{opacity:1}.watch-rec .rec-poster{position:relative;width:72px!important;height:92px!important;border-radius:15px!important;overflow:hidden!important;background:#191927!important;display:block!important;box-shadow:0 12px 25px rgba(0,0,0,.34)}
.watch-rec .rec-poster img{width:100%;height:100%;object-fit:cover;display:block}.watch-rec .rec-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.58))}.watch-rec .rec-poster i{position:absolute;right:6px;bottom:6px;width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:linear-gradient(135deg,#8b5cf6,#ec4899);font-size:10px;color:#fff;z-index:2;box-shadow:0 0 18px rgba(168,85,247,.5)}
.watch-rec-info{min-width:0!important;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.rec-rank{font-size:10px;color:#c084fc;font-weight:900;text-transform:uppercase;letter-spacing:.03em;margin-bottom:5px}.watch-rec b{font-size:13.5px!important;line-height:1.25!important;margin:0 0 6px!important;color:#fff!important;text-shadow:0 1px 10px rgba(0,0,0,.35);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.watch-rec-sub{font-size:11px!important;color:#9ca7d4!important;line-height:1.35!important}.rec-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.rec-badges i{font-style:normal;font-size:9px;font-weight:1000;color:#f6edff;background:rgba(168,85,247,.22);border:1px solid rgba(192,132,252,.16);border-radius:7px;padding:3px 6px;line-height:1}
.watch-rec em{align-self:start;margin-top:7px;padding:5px 7px;border-radius:10px;background:rgba(0,0,0,.28);border:1px solid rgba(250,204,21,.14);font-size:11px!important;color:#facc15!important;font-weight:1000;white-space:nowrap}.watch-rec em i{font-size:9px!important}.empty-rec{display:block;color:#8a93bd;background:rgba(255,255,255,.035);border:1px dashed rgba(168,85,247,.2);border-radius:14px;padding:14px!important;text-align:center}
.ep-server-btns{gap:10px!important}.ep-srv[data-server].active{background:linear-gradient(135deg,#8b5cf6,#ec4899)!important;color:#fff!important;box-shadow:0 10px 26px rgba(168,85,247,.28)!important}.ep-srv[data-server] i{margin-right:6px}.server-info-box{color:#9ca7d4!important}
@media(max-width:1450px){.watch-rec-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px!important}.watch-rec-title{grid-column:1/-1}.watch-rec{grid-template-columns:64px minmax(0,1fr) auto!important}.watch-rec .rec-poster{width:64px!important;height:84px!important}}
@media(max-width:720px){.watch-rec-list{grid-template-columns:1fr!important}.watch-rec{grid-template-columns:62px minmax(0,1fr)!important}.watch-rec em{position:absolute;right:10px;top:8px}.watch-rec .rec-poster{width:62px!important;height:82px!important}}


/* FINAL FIX: clean modern Recommended for you cards */
.watch-info-card{
  min-width:320px !important;
  padding:18px 14px 22px !important;
  background:
    radial-gradient(240px 180px at 0% 12%, rgba(168,85,247,.18), transparent 70%),
    linear-gradient(180deg, rgba(13,13,25,.98), rgba(7,7,16,.98)) !important;
  border-left:1px solid rgba(168,85,247,.18) !important;
}

.watch-rec-title{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  margin:2px 0 14px !important;
  padding:0 2px !important;
  font-size:16px !important;
  font-weight:1000 !important;
  color:#f7f0ff !important;
}

.watch-rec-title a{
  color:#e879f9 !important;
  font-size:12px !important;
  font-weight:1000 !important;
  text-decoration:none !important;
}

.watch-rec-list{
  display:flex !important;
  flex-direction:column !important;
  gap:12px !important;
}

.watch-rec{
  position:relative !important;
  width:100% !important;
  min-height:126px !important;
  display:grid !important;
  grid-template-columns:72px minmax(0,1fr) auto !important;
  align-items:center !important;
  gap:12px !important;
  padding:12px !important;
  border:1px solid rgba(216,180,254,.12) !important;
  border-radius:20px !important;
  background:
    linear-gradient(135deg, rgba(168,85,247,.14), rgba(15,15,30,.74) 42%, rgba(10,10,20,.92)) !important;
  box-shadow:0 16px 45px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.05) !important;
  color:#fff !important;
  cursor:pointer !important;
  overflow:hidden !important;
  transition:transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease !important;
}

.watch-rec:before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:radial-gradient(180px 100px at 0% 50%, rgba(217,70,239,.20), transparent 72%) !important;
  opacity:.8 !important;
  pointer-events:none !important;
}

.watch-rec:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(232,121,249,.42) !important;
  background:
    linear-gradient(135deg, rgba(168,85,247,.22), rgba(18,18,34,.86) 45%, rgba(12,12,24,.96)) !important;
  box-shadow:0 22px 60px rgba(0,0,0,.34), 0 0 0 1px rgba(168,85,247,.12) !important;
}

.watch-rec .rec-poster{
  position:relative !important;
  z-index:1 !important;
  width:72px !important;
  height:96px !important;
  min-width:72px !important;
  border-radius:15px !important;
  overflow:hidden !important;
  display:block !important;
  background:#1b1430 !important;
  box-shadow:0 12px 28px rgba(0,0,0,.35) !important;
}

.watch-rec .rec-poster img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

.watch-rec .rec-poster:after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:linear-gradient(180deg, transparent 45%, rgba(0,0,0,.68)) !important;
}

.watch-rec .rec-play{
  position:absolute !important;
  right:6px !important;
  bottom:6px !important;
  z-index:2 !important;
  width:28px !important;
  height:28px !important;
  border-radius:999px !important;
  display:grid !important;
  place-items:center !important;
  background:linear-gradient(135deg,#a855f7,#d946ef) !important;
  color:white !important;
  font-size:11px !important;
  box-shadow:0 8px 20px rgba(168,85,247,.45) !important;
}

.watch-rec .watch-rec-info{
  z-index:1 !important;
  min-width:0 !important;
  width:auto !important;
  height:auto !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:5px !important;
  background:transparent !important;
  overflow:visible !important;
}

.watch-rec .watch-rec-info span,
.watch-rec .watch-rec-info small{
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  display:block !important;
  overflow:visible !important;
}

.watch-rec .rec-rank{
  color:#f0abfc !important;
  font-size:10px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  text-transform:uppercase !important;
  letter-spacing:.05em !important;
}

.watch-rec .watch-rec-info b{
  max-width:100% !important;
  color:#fff !important;
  font-size:14px !important;
  line-height:1.22 !important;
  font-weight:1000 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.watch-rec .watch-rec-sub{
  color:#b9c1dd !important;
  font-size:12px !important;
  line-height:1.25 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.watch-rec .rec-badges{
  display:flex !important;
  align-items:center !important;
  flex-wrap:wrap !important;
  gap:5px !important;
  margin-top:4px !important;
}

.watch-rec .rec-badges i{
  display:inline-flex !important;
  align-items:center !important;
  height:22px !important;
  padding:0 8px !important;
  border-radius:999px !important;
  background:rgba(168,85,247,.22) !important;
  color:#f5d0fe !important;
  border:1px solid rgba(216,180,254,.16) !important;
  font-size:10px !important;
  font-style:normal !important;
  font-weight:1000 !important;
  line-height:1 !important;
}

.watch-rec .rec-score{
  z-index:1 !important;
  align-self:start !important;
  width:auto !important;
  height:28px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:5px !important;
  padding:0 9px !important;
  border-radius:999px !important;
  background:rgba(0,0,0,.34) !important;
  border:1px solid rgba(192,132,252,.22) !important;
  color:#facc15 !important;
  font-size:12px !important;
  font-weight:1000 !important;
  white-space:nowrap !important;
  font-style:normal !important;
}

.empty-rec{
  color:#a99bc2 !important;
  font-size:13px !important;
  padding:16px !important;
  border:1px dashed rgba(216,180,254,.18) !important;
  border-radius:16px !important;
}

@media(max-width:1450px){
  .watch-info-card{min-width:0 !important;}
  .watch-rec{grid-template-columns:72px minmax(0,1fr) auto !important;}
}

@media(max-width:720px){
  .watch-rec{grid-template-columns:64px minmax(0,1fr) !important;}
  .watch-rec .rec-score{position:absolute !important;right:10px !important;top:10px !important;}
  .watch-rec .rec-poster{width:64px !important;height:88px !important;min-width:64px !important;}
  .watch-rec .watch-rec-info b{padding-right:58px !important;}
}

/* Season dropdown fix: only real TV seasons, clean menu */
.episode-panel-header{position:relative;overflow:visible}.season-dropdown{position:relative;z-index:35;cursor:pointer;user-select:none}.season-dropdown.disabled{opacity:.75;cursor:default}.season-menu{position:absolute;top:42px;right:0;width:190px;max-height:290px;overflow-y:auto;display:none;flex-direction:column;gap:7px;padding:8px;border-radius:16px;background:rgba(13,13,24,.96);border:1px solid rgba(168,85,247,.34);box-shadow:0 20px 55px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.04),0 0 32px rgba(168,85,247,.14);backdrop-filter:blur(18px);z-index:9999}.season-menu.show{display:flex}.season-item{min-height:42px;border:0;border-radius:12px;padding:0 12px;background:rgba(255,255,255,.06);color:#f4eaff;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:900;cursor:pointer;transition:.16s}.season-item small{font-size:12px;color:#aeb6d7;font-weight:800}.season-item:hover{background:rgba(168,85,247,.28);transform:translateY(-1px)}.season-item.active{background:linear-gradient(135deg,#7c3aed,#d946ef);color:#fff;box-shadow:0 10px 28px rgba(168,85,247,.25)}.season-item.active small{color:#fff}


/* =========================================================
   PREMIUM TOPBAR + SIDEBAR LOGO REDESIGN (v2)
   - Sidebar: buyutulmus logo (yazi yok)
   - Topbar : 3 bolge -> [spacer | search merkez | sag aksiyon]
   ========================================================= */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

.sidebar > .logo{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:108px!important;
  margin:6px 4px 22px!important;
  padding:14px!important;
  border-radius:22px!important;
  background:
    radial-gradient(circle at 30% 20%, rgba(192,132,252,.22), transparent 65%),
    linear-gradient(135deg, rgba(124,58,237,.22), rgba(217,70,239,.10))!important;
  border:1px solid rgba(216,180,254,.22)!important;
  box-shadow:
    0 18px 50px rgba(124,58,237,.22),
    0 2px 10px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.06)!important;
  text-decoration:none!important;
  position:relative;
  overflow:hidden;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.sidebar > .logo::before{
  content:"";
  position:absolute;
  inset:-50%;
  background:conic-gradient(from 0deg, transparent 0deg, rgba(216,180,254,.18) 90deg, transparent 180deg, rgba(217,70,239,.16) 270deg, transparent 360deg);
  opacity:0;
  animation:logoSpin 9s linear infinite;
  transition:opacity .35s ease;
}
.sidebar > .logo:hover{
  transform:translateY(-2px);
  border-color:rgba(216,180,254,.45)!important;
  box-shadow:
    0 24px 70px rgba(168,85,247,.38),
    0 4px 14px rgba(0,0,0,.4),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.sidebar > .logo:hover::before{ opacity:1; }
.sidebar > .logo .anicore-mark{
  width:74px!important;
  height:74px!important;
  min-width:74px!important;
  position:relative;
  z-index:1;
  filter:drop-shadow(0 6px 18px rgba(168,85,247,.55));
  transition:transform .35s cubic-bezier(.34,1.56,.64,1);
}
.sidebar > .logo:hover .anicore-mark{ transform:scale(1.06) rotate(-3deg); }
.sidebar > .logo .logo-text{ display:none!important; }
@keyframes logoSpin{ to{ transform:rotate(360deg); } }

/* =========================================================
   ULTRA PREMIUM FLOATING GLASSMORPHIC NAVBAR REDESIGN
   ========================================================= */
.topbar{
  position:sticky; top:16px; z-index:100;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  height:72px!important;
  margin:18px 28px 24px!important;
  padding:0 24px!important;
  border-radius:22px!important;
  background:linear-gradient(135deg, rgba(16,14,28,0.78), rgba(10,8,18,0.88))!important;
  backdrop-filter:blur(28px) saturate(180%)!important;
  -webkit-backdrop-filter:blur(28px) saturate(180%)!important;
  border:1px solid rgba(216,180,254,0.18)!important;
  box-shadow:
    0 20px 50px rgba(0,0,0,0.45),
    0 0 0 1px rgba(168,85,247,0.12),
    inset 0 1px 0 rgba(255,255,255,0.08)!important;
  transition:all 0.3s cubic-bezier(0.2,0.8,0.2,1);
}

.topbar:hover{
  border-color:rgba(216,180,254,0.3)!important;
  box-shadow:
    0 24px 60px rgba(168,85,247,0.22),
    0 0 0 1px rgba(168,85,247,0.18),
    inset 0 1px 0 rgba(255,255,255,0.1)!important;
}

.topbar-spacer{ display:none!important; }

.topbar-right{
  display:contents!important;
}

/* Premium centered search capsule - Mathematically DEAD CENTERED */
.topbar > .search-container{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%, -50%)!important;
  width:100%!important;
  max-width:480px!important;
  height:46px!important;
  padding:0 18px!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,0.035)!important;
  border:1px solid rgba(216,180,254,0.14)!important;
  box-shadow:inset 0 2px 4px rgba(0,0,0,0.2)!important;
  transition:all 0.25s ease!important;
  z-index:10;
}

.topbar > .search-container:hover{
  background:rgba(255,255,255,0.055)!important;
  border-color:rgba(216,180,254,0.35)!important;
  box-shadow:0 4px 15px rgba(168,85,247,0.15), inset 0 2px 4px rgba(0,0,0,0.2)!important;
}

.topbar > .search-container:focus-within{
  max-width:540px!important;
  background:rgba(13,11,24,0.95)!important;
  border-color:rgba(217,70,239,0.65)!important;
  box-shadow:
    0 0 0 4px rgba(217,70,239,0.15),
    0 12px 35px rgba(168,85,247,0.25)!important;
  transform:translate(-50%, -50%) translateY(-1px)!important;
}

.topbar > .search-container .search-icon{
  color:#c084fc!important;
  font-size:15px!important;
  flex-shrink:0;
}

.topbar > .search-container input{
  flex:1!important;
  background:transparent!important;
  border:0!important;
  outline:0!important;
  color:#f1ecff!important;
  font-size:14px!important;
  font-weight:600!important;
  letter-spacing:0.2px!important;
  min-width:0!important;
}

.topbar > .search-container input::placeholder{
  color:rgba(184,180,204,0.45)!important;
  font-weight:500!important;
}

.topbar > .search-container .shortcut-key{
  flex-shrink:0;
  font-size:11px!important;
  font-weight:900!important;
  color:#d8b4fe!important;
  padding:4px 8px!important;
  border-radius:8px!important;
  background:rgba(168,85,247,0.15)!important;
  border:1px solid rgba(216,180,254,0.22)!important;
  letter-spacing:0.4px;
}

/* Actions group inside topbar-right */
.topbar-actions{
  display:flex!important;
  align-items:center!important;
  gap:6px!important;
  background:rgba(255,255,255,0.02);
  padding:4px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,0.04);
  order:4;
  margin-left:auto!important; /* Pushes action block perfectly to the far right edge */
}

.action-link{
  height:36px!important;
  padding:0 13px!important;
  border-radius:10px!important;
  font-size:12px!important;
  font-weight:800!important;
  color:#b8b0cc!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  text-decoration:none!important;
  transition:all 0.2s ease!important;
}

.action-link:hover{
  color:#ffffff!important;
  background:rgba(168,85,247,0.18)!important;
  border-color:rgba(216,180,254,0.3)!important;
  box-shadow:0 4px 12px rgba(168,85,247,0.2)!important;
  transform:translateY(-1px);
}

.action-link i{
  color:#c084fc!important;
  transition:transform 0.2s ease;
}

.action-link:hover i{
  transform:scale(1.15);
}

/* Premium Left cluster via visual flex ordering */
.theme-toggle{
  width:40px!important;
  height:40px!important;
  border-radius:12px!important;
  background:rgba(255,255,255,0.04)!important;
  border:1px solid rgba(216,180,254,0.2)!important;
  color:#e9d5ff!important;
  display:grid!important;
  place-items:center!important;
  cursor:pointer!important;
  transition:all 0.2s ease!important;
  order:1;
}

.theme-toggle:hover{
  background:rgba(168,85,247,0.22)!important;
  color:#ffffff!important;
  border-color:rgba(216,180,254,0.45)!important;
  box-shadow:0 6px 18px rgba(168,85,247,0.25)!important;
  transform:rotate(15deg) scale(1.05);
}

.login-btn{
  height:40px!important;
  padding:0 18px!important;
  border-radius:12px!important;
  background:linear-gradient(135deg, #a855f7, #d946ef)!important;
  color:#ffffff!important;
  font-weight:900!important;
  font-size:13px!important;
  letter-spacing:0.3px!important;
  border:1px solid rgba(255,255,255,0.2)!important;
  box-shadow:
    0 8px 22px rgba(168,85,247,0.35),
    inset 0 1px 0 rgba(255,255,255,0.2)!important;
  cursor:pointer!important;
  transition:all 0.2s ease!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  order:2;
}

.login-btn:hover{
  transform:translateY(-2px)!important;
  box-shadow:
    0 14px 30px rgba(217,70,239,0.45),
    inset 0 1px 0 rgba(255,255,255,0.3)!important;
  filter:brightness(1.1)!important;
}

/* Responsive optimization */
@media(max-width:1200px){
  .topbar{ margin:12px 16px 18px!important; padding:0 16px!important; }
  .topbar-actions{ display:none!important; }
}

@media(max-width:720px){
  .topbar{ height:auto!important; min-height:64px!important; margin:10px 12px 14px!important; padding:10px 14px!important; flex-wrap:wrap!important; gap:10px!important; border-radius:18px!important; justify-content:space-between!important; }
  .topbar > .search-container{ position:relative!important; left:auto!important; top:auto!important; transform:none!important; width:100%!important; max-width:none!important; order:4; height:42px!important; }
  .topbar > .search-container .shortcut-key{ display:none!important; }
  .sidebar > .logo{ height:88px!important; }
  .sidebar > .logo .anicore-mark{ width:60px!important; height:60px!important; min-width:60px!important; }
}

/* =========================================================
   PREMIUM SIDEBAR MENU HOVER SPINNING CONIC EFFECT
   ========================================================= */
.nav-item{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, color .2s ease, background .2s ease!important;
  z-index:1;
}

.nav-item::before{
  content:""!important;
  position:absolute!important;
  inset:-100%!important;
  background:conic-gradient(from 0deg, transparent 0deg, rgba(216,180,254,.28) 90deg, transparent 180deg, rgba(217,70,239,.25) 270deg, transparent 360deg)!important;
  opacity:0;
  animation:logoSpin 8s linear infinite!important;
  transition:opacity .35s ease!important;
  z-index:-1!important;
  pointer-events:none!important;
}

.nav-item:hover, .nav-item.active{
  transform:translateY(-1px)!important;
  background:linear-gradient(135deg, rgba(168,85,247,.22), rgba(217,70,239,.10))!important;
  border-color:rgba(216,180,254,.45)!important;
  box-shadow:
    0 12px 35px rgba(168,85,247,.25),
    0 2px 8px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
}

body:not(.light-mode) .nav-item:hover,
body:not(.light-mode) .nav-item.active{
  color:#ffffff!important;
}

.nav-item:hover::before, .nav-item.active::before{
  opacity:1!important;
}

/* Make inner icon pop when hovered/active */
.nav-item i{
  transition:transform .2s ease, color .2s ease, filter .2s ease!important;
}

.nav-item:hover i, .nav-item.active i{
  color:#f0abfc!important;
  transform:scale(1.18) rotate(-3deg)!important;
  filter:drop-shadow(0 0 8px rgba(240,171,252,.65))!important;
}

/* ---------- Spoiler + Report Styles ---------- */
.comment-actions{flex-wrap:wrap;gap:10px}
.comment-actions-right{display:flex;align-items:center;gap:10px;margin-left:auto;flex-wrap:wrap}
.spoiler-toggle{display:inline-flex;align-items:center;cursor:pointer;user-select:none}
.spoiler-toggle input{position:absolute;opacity:0;pointer-events:none}
.spoiler-toggle .spoiler-toggle-box{
  display:inline-flex;align-items:center;gap:6px;
  padding:8px 12px;border-radius:11px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(217,70,239,.25);
  color:#e9d5ff;font-size:12px;font-weight:800;
  transition:.18s;
}
.spoiler-toggle .spoiler-toggle-box i{font-size:11px;color:#d946ef}
.spoiler-toggle:hover .spoiler-toggle-box{border-color:rgba(217,70,239,.6);background:rgba(217,70,239,.1)}
.spoiler-toggle input:checked + .spoiler-toggle-box{
  background:linear-gradient(135deg,rgba(124,58,237,.4),rgba(217,70,239,.4));
  border-color:rgba(217,70,239,.7);
  color:#fff;
  box-shadow:0 6px 18px rgba(217,70,239,.25);
}

.spoiler-badge{
  display:inline-flex;align-items:center;gap:5px;
  background:rgba(217,70,239,.15);
  border:1px solid rgba(217,70,239,.35);
  color:#f0abfc;
  font-size:10px;font-weight:900;
  padding:3px 8px;border-radius:999px;
  letter-spacing:.4px;text-transform:uppercase;
}
.spoiler-badge i{font-size:9px}

.comment-spoiler{
  position:relative;border-radius:12px;overflow:hidden;
  background:rgba(13,13,24,.55);
  border:1px dashed rgba(217,70,239,.35);
  padding:14px;min-height:46px;
}
.comment-spoiler .spoiler-text{
  filter:blur(6px) saturate(.6);
  transition:filter .25s;
  color:#d8def3;line-height:1.55;font-size:14px;
  white-space:pre-wrap;word-break:break-word;
  pointer-events:none;user-select:none;
}
.comment-spoiler[data-revealed="1"] .spoiler-text{
  filter:none;pointer-events:auto;user-select:text;
}
.spoiler-reveal-btn{
  position:absolute;inset:0;margin:auto;
  width:max-content;height:max-content;
  display:inline-flex;align-items:center;gap:6px;
  padding:9px 14px;border-radius:12px;
  background:linear-gradient(135deg,#7c3aed,#d946ef);
  color:#fff;font-weight:900;font-size:12px;
  border:0;cursor:pointer;
  box-shadow:0 14px 35px rgba(168,85,247,.35);
  transition:.18s;
}
.spoiler-reveal-btn:hover{transform:translateY(-1px) scale(1.02)}
.comment-spoiler[data-revealed="1"] .spoiler-reveal-btn{display:none}

.comment-report-btn{
  margin-left:8px;
  display:inline-flex;align-items:center;gap:5px;
  background:rgba(244,63,94,.08);
  border:1px solid rgba(244,63,94,.18);
  color:#fda4af;
  font-size:11px;font-weight:800;
  padding:4px 10px;border-radius:999px;
  cursor:pointer;transition:.18s;
}
.comment-report-btn i{font-size:10px}
.comment-report-btn:hover{
  background:rgba(244,63,94,.18);
  border-color:rgba(244,63,94,.4);
  color:#fff;
}
.comment-report-btn.reported{
  background:rgba(16,185,129,.15);
  border-color:rgba(16,185,129,.3);
  color:#6ee7b7;cursor:default;
}
.comment-report-btn:disabled{opacity:.6}
.comment-meta{flex-wrap:wrap}

@media(max-width:720px){
  .comment-actions{flex-direction:column;align-items:stretch}
  .comment-actions-right{margin-left:0;justify-content:space-between}
}

/* ---------- Auth Bar (Login button + Logout pill) ---------- */
.auth-bar{
  display:inline-flex;
  align-items:center;
  gap:6px;
}
.auth-bar .login-btn{cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.auth-bar .login-btn.logged{
  padding:10px 14px;
  background:linear-gradient(135deg,#7c3aed,#a855f7 52%,#d946ef);
  cursor:pointer;
}
.auth-bar .login-btn.logged .auth-avatar{
  width:22px;height:22px;border-radius:50%;
  overflow:hidden;background:rgba(255,255,255,.2);
  display:inline-grid;place-items:center;
  font-size:11px;font-weight:900;
}
.auth-bar .login-btn.logged .auth-avatar img{width:100%;height:100%;object-fit:cover}

.logout-btn{
  display:none;
  align-items:center;justify-content:center;
  width:42px;height:42px;
  background:rgba(244,63,94,.12);
  border:1px solid rgba(244,63,94,.25);
  color:#fda4af;
  border-radius:14px;
  font-size:14px;
  cursor:pointer;
  transition:.18s;
}
.auth-bar.is-logged .logout-btn{display:inline-flex}
.logout-btn:hover{
  background:#e11d48;
  color:#fff;
  border-color:#f43f5e;
  box-shadow:0 12px 28px rgba(225,29,72,.28);
  transform:translateY(-1px);
}

/* Eski logout-mini metnini gizle, artık ayrı butonumuz var */
.auth-bar .login-btn .logout-mini{display:none}

/* ---------- Confirm Modal (tema uyumlu) ---------- */
.confirm-modal{
  position:fixed;inset:0;z-index:2000;
  display:none;align-items:center;justify-content:center;
  padding:20px;
}
.confirm-modal.show{display:flex;animation:cfFadeIn .15s ease-out}
@keyframes cfFadeIn{from{opacity:0}to{opacity:1}}
.confirm-backdrop{
  position:absolute;inset:0;
  background:rgba(5,4,13,.78);
  backdrop-filter:blur(8px);
}
.confirm-card{
  position:relative;z-index:2;
  width:min(420px,100%);
  background:linear-gradient(180deg,#15101f,#0d0a16);
  border:1px solid rgba(168,85,247,.25);
  border-radius:22px;
  padding:32px 28px 26px;
  text-align:center;
  box-shadow:0 35px 90px rgba(0,0,0,.6), 0 0 0 1px rgba(168,85,247,.08);
  animation:cfPop .22s cubic-bezier(.2,.8,.2,1);
}
@keyframes cfPop{from{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}

.confirm-icon{
  width:60px;height:60px;
  border-radius:50%;
  background:linear-gradient(135deg,#f43f5e,#d946ef);
  color:#fff;
  font-size:24px;
  display:grid;place-items:center;
  margin:0 auto 18px;
  box-shadow:0 16px 36px rgba(244,63,94,.32);
  animation:cfIconPulse 2s ease-in-out infinite;
}
@keyframes cfIconPulse{
  0%,100%{box-shadow:0 16px 36px rgba(244,63,94,.32)}
  50%{box-shadow:0 16px 50px rgba(244,63,94,.55)}
}
.confirm-icon.info{background:linear-gradient(135deg,#7c3aed,#d946ef);box-shadow:0 16px 36px rgba(168,85,247,.32)}
.confirm-icon.danger{background:linear-gradient(135deg,#dc2626,#f43f5e)}

.confirm-card h3{
  font-size:20px;font-weight:900;
  color:#fff;letter-spacing:-.3px;
  margin-bottom:8px;
}
.confirm-card p{
  font-size:13px;line-height:1.6;
  color:#a99bc2;
  margin-bottom:24px;
  max-width:340px;margin-left:auto;margin-right:auto;
}

.confirm-actions{
  display:flex;gap:10px;justify-content:center;
}
.confirm-btn-secondary,
.confirm-btn-primary{
  flex:1;max-width:160px;
  padding:13px 20px;
  border-radius:13px;
  font-size:13px;font-weight:900;
  cursor:pointer;font-family:inherit;
  border:0;transition:.18s;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
}
.confirm-btn-secondary{
  background:rgba(255,255,255,.06);
  color:#c9c0e0;
  border:1px solid rgba(255,255,255,.1);
}
.confirm-btn-secondary:hover{
  background:rgba(255,255,255,.12);
  color:#fff;
}
.confirm-btn-primary{
  background:linear-gradient(135deg,#f43f5e,#d946ef);
  color:#fff;
  box-shadow:0 14px 32px rgba(244,63,94,.32);
}
.confirm-btn-primary:hover{
  transform:translateY(-1px);
  box-shadow:0 18px 40px rgba(244,63,94,.45);
}
.confirm-btn-primary.purple{
  background:linear-gradient(135deg,#7c3aed,#d946ef);
  box-shadow:0 14px 32px rgba(168,85,247,.32);
}
.confirm-btn-primary.purple:hover{
  box-shadow:0 18px 40px rgba(168,85,247,.45);
}

@media(max-width:480px){
  .confirm-card{padding:26px 20px 22px}
  .confirm-actions{flex-direction:column-reverse}
  .confirm-btn-secondary,.confirm-btn-primary{max-width:none;width:100%}
}

/* ---------- User Dropdown ---------- */
.auth-bar{position:relative}
.user-dropdown{
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  z-index:200;
  width:300px;
  background:linear-gradient(180deg,#15101f,#0d0a16);
  border:1px solid rgba(168,85,247,.25);
  border-radius:18px;
  padding:10px;
  box-shadow:0 28px 70px rgba(0,0,0,.55), 0 0 0 1px rgba(168,85,247,.06);
  opacity:0;
  visibility:hidden;
  transform:translateY(-8px) scale(.97);
  transform-origin:top right;
  transition:opacity .18s ease, transform .18s cubic-bezier(.2,.8,.2,1), visibility 0s linear .18s;
  pointer-events:none;
}
.user-dropdown.show{
  opacity:1;
  visibility:visible;
  transform:translateY(0) scale(1);
  pointer-events:auto;
  transition:opacity .18s ease, transform .18s cubic-bezier(.2,.8,.2,1), visibility 0s linear 0s;
}
.user-dropdown:before{
  content:"";
  position:absolute;
  top:-6px;right:24px;
  width:12px;height:12px;
  background:#15101f;
  border-left:1px solid rgba(168,85,247,.25);
  border-top:1px solid rgba(168,85,247,.25);
  transform:rotate(45deg);
  border-radius:2px 0 0 0;
}

.user-dropdown-head{
  display:flex;align-items:center;gap:12px;
  padding:12px 12px 14px;
}
.ud-avatar{
  width:46px;height:46px;border-radius:14px;
  background:linear-gradient(135deg,#7c3aed,#d946ef);
  display:grid;place-items:center;
  color:#fff;font-weight:900;font-size:16px;
  overflow:hidden;
  flex-shrink:0;
  box-shadow:0 10px 25px rgba(168,85,247,.32);
}
.ud-avatar img{width:100%;height:100%;object-fit:cover}
.ud-info{min-width:0;flex:1}
.ud-info b{display:block;font-size:14px;color:#fff;font-weight:900;letter-spacing:-.2px}
.ud-info span{display:block;font-size:11px;color:#a99bc2;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.user-dropdown-divider{
  height:1px;
  background:rgba(255,255,255,.06);
  margin:4px 0;
}

.user-dropdown-item{
  display:flex;align-items:center;gap:12px;
  padding:11px 12px;
  background:transparent;border:0;
  border-radius:12px;
  color:#d8def3;
  text-decoration:none;
  font-family:inherit;
  cursor:pointer;
  transition:.15s;
  width:100%;
  text-align:left;
}
.user-dropdown-item>i:first-child{
  width:36px;height:36px;
  background:rgba(168,85,247,.12);
  border:1px solid rgba(168,85,247,.18);
  color:#c084fc;
  border-radius:11px;
  display:grid;place-items:center;
  font-size:13px;
  flex-shrink:0;
  transition:.15s;
}
.user-dropdown-item>div{min-width:0;flex:1}
.user-dropdown-item>div b{display:block;font-size:13px;font-weight:800;color:#fff}
.user-dropdown-item>div span{display:block;font-size:11px;color:#7b6c97;margin-top:2px}
.ud-chevron{font-size:11px;color:#7b6c97;transition:.15s}

.user-dropdown-item:hover{
  background:rgba(168,85,247,.1);
}
.user-dropdown-item:hover>i:first-child{
  background:linear-gradient(135deg,#7c3aed,#d946ef);
  color:#fff;
  border-color:transparent;
  box-shadow:0 8px 18px rgba(168,85,247,.32);
}
.user-dropdown-item:hover .ud-chevron{
  color:#d946ef;
  transform:translateX(3px);
}

.user-dropdown-item.ud-danger>i:first-child{
  background:rgba(244,63,94,.1);
  border-color:rgba(244,63,94,.2);
  color:#fda4af;
}
.user-dropdown-item.ud-danger:hover{
  background:rgba(244,63,94,.1);
}
.user-dropdown-item.ud-danger:hover>i:first-child{
  background:linear-gradient(135deg,#f43f5e,#d946ef);
  color:#fff;
  border-color:transparent;
  box-shadow:0 8px 18px rgba(244,63,94,.32);
}
.user-dropdown-item.ud-danger:hover>div b{color:#fda4af}

@media(max-width:560px){
  .user-dropdown{
    width:calc(100vw - 28px);
    right:-8px;
  }
}

/* ---------- Profile Modal ---------- */
.profile-modal{
  position:fixed;inset:0;z-index:1100;
  display:none;align-items:center;justify-content:center;
  padding:20px;
}
.profile-modal.show{display:flex;animation:profFadeIn .18s ease-out}
@keyframes profFadeIn{from{opacity:0}to{opacity:1}}
.profile-backdrop{
  position:absolute;inset:0;
  background:rgba(5,4,13,.78);
  backdrop-filter:blur(10px);
}
.profile-card{
  position:relative;z-index:2;
  width:min(640px,100%);
  max-height:92vh;overflow-y:auto;
  background:linear-gradient(180deg,#15101f,#0d0a16);
  border:1px solid rgba(168,85,247,.25);
  border-radius:24px;
  box-shadow:0 35px 90px rgba(0,0,0,.55), 0 0 0 1px rgba(168,85,247,.08);
  animation:profSlideUp .25s cubic-bezier(.2,.8,.2,1);
  overflow-x:hidden;
}
@keyframes profSlideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
.profile-close{
  position:absolute;top:14px;right:14px;z-index:5;
  width:34px;height:34px;
  background:rgba(0,0,0,.4);
  border:1px solid rgba(255,255,255,.12);
  border-radius:11px;
  color:#fff;font-size:14px;
  cursor:pointer;transition:.18s;
  display:grid;place-items:center;
}
.profile-close:hover{background:rgba(244,63,94,.4);border-color:rgba(244,63,94,.5)}

.profile-banner{
  position:relative;
  background:
    radial-gradient(800px 240px at 30% 0%, rgba(168,85,247,.45), transparent 60%),
    radial-gradient(600px 200px at 80% 0%, rgba(217,70,239,.35), transparent 55%),
    linear-gradient(180deg,#1a1133,#0d0a16);
  padding:28px 28px 22px;
  border-bottom:1px solid rgba(168,85,247,.12);
}
.profile-banner-inner{display:flex;align-items:center;gap:18px}
.profile-avatar-wrap{
  position:relative;flex-shrink:0;
  width:88px;height:88px;
  border-radius:50%;
  background:linear-gradient(135deg,#7c3aed,#d946ef);
  padding:3px;
  box-shadow:0 18px 50px rgba(168,85,247,.42);
}
.profile-avatar-wrap img{
  width:100%;height:100%;
  border-radius:50%;
  object-fit:cover;
  background:#0a0814;
  display:block;
}
.profile-avatar-edit{
  position:absolute;bottom:0;right:0;
  width:28px;height:28px;border-radius:50%;
  background:linear-gradient(135deg,#7c3aed,#d946ef);
  color:#fff;border:2px solid #15101f;
  font-size:11px;cursor:pointer;
  display:grid;place-items:center;
  transition:.18s;
}
.profile-avatar-edit:hover{transform:scale(1.1)}

.profile-banner-text h3{
  font-size:22px;font-weight:900;color:#fff;
  margin-bottom:4px;letter-spacing:-.3px;
}
.profile-banner-text span{
  font-size:12px;color:#c4b5fd;font-weight:700;
}

.profile-body{padding:22px 26px 24px}

.profile-tabs{
  display:flex;gap:6px;
  background:rgba(0,0,0,.4);
  border:1px solid rgba(255,255,255,.06);
  border-radius:13px;padding:5px;
  margin-bottom:20px;
}
.profile-tabs button{
  flex:1;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:10px 12px;
  background:transparent;border:0;
  color:#a99bc2;font-size:12px;font-weight:800;
  font-family:inherit;cursor:pointer;
  border-radius:9px;transition:.18s;
}
.profile-tabs button i{font-size:11px}
.profile-tabs button:hover{color:#fff}
.profile-tabs button.active{
  background:linear-gradient(135deg,#7c3aed,#d946ef);
  color:#fff;
  box-shadow:0 8px 20px rgba(168,85,247,.32);
}

.profile-tab-pane{display:none}
.profile-tab-pane.show{display:block;animation:profTabIn .2s ease-out}
@keyframes profTabIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

.profile-field{margin-bottom:16px}
.profile-field label{
  display:block;
  font-size:11px;font-weight:900;letter-spacing:1px;
  color:#c4b5fd;text-transform:uppercase;
  margin-bottom:8px;
}
.profile-field input{
  width:100%;height:46px;
  background:rgba(0,0,0,.4);
  border:1px solid rgba(255,255,255,.08);
  border-radius:13px;
  padding:0 14px;
  color:#fff;font-size:14px;font-family:inherit;
  outline:0;transition:.18s;
}
.profile-field input:focus{
  border-color:rgba(168,85,247,.5);
  background:rgba(0,0,0,.55);
  box-shadow:0 0 0 3px rgba(168,85,247,.12);
}
.profile-field small{
  display:block;font-size:11px;color:#7b6c97;
  margin-top:6px;letter-spacing:.2px;
}

.profile-avatar-preview{
  display:flex;justify-content:center;
  margin-bottom:14px;
}
.profile-avatar-preview img{
  width:104px;height:104px;border-radius:50%;
  background:linear-gradient(135deg,#7c3aed,#d946ef);
  padding:3px;object-fit:cover;
  box-shadow:0 16px 40px rgba(168,85,247,.3);
}
.profile-hint{
  text-align:center;font-size:12px;
  color:#a99bc2;margin-bottom:14px;
}

.profile-upload-btn{
  width:100%;
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:14px;
  background:linear-gradient(135deg,rgba(168,85,247,.18),rgba(217,70,239,.18));
  border:1.5px dashed rgba(168,85,247,.45);
  color:#e9d5ff;
  border-radius:13px;
  font-size:13px;font-weight:800;
  cursor:pointer;font-family:inherit;
  transition:.18s;
}
.profile-upload-btn:hover{
  background:linear-gradient(135deg,rgba(168,85,247,.3),rgba(217,70,239,.3));
  border-color:rgba(217,70,239,.7);
  color:#fff;
}

.profile-divider{
  position:relative;text-align:center;margin:22px 0 18px;
  font-size:11px;color:#7b6c97;letter-spacing:1px;font-weight:800;text-transform:uppercase;
}
.profile-divider:before{
  content:"";position:absolute;left:0;right:0;top:50%;
  height:1px;background:rgba(255,255,255,.08);z-index:0;
}
.profile-divider span{
  position:relative;z-index:1;
  background:#15101f;padding:0 14px;
}

.profile-avatar-styles{
  display:grid;grid-template-columns:repeat(6,1fr);
  gap:10px;margin-bottom:18px;
}
.profile-avatar-styles button{
  position:relative;
  aspect-ratio:1;
  padding:3px;
  background:rgba(255,255,255,.04);
  border:2px solid rgba(255,255,255,.06);
  border-radius:14px;
  cursor:pointer;
  transition:.18s;
}
.profile-avatar-styles button img{
  width:100%;height:100%;border-radius:11px;
  object-fit:cover;background:#1a1133;display:block;
}
.profile-avatar-styles button:hover{
  border-color:rgba(168,85,247,.4);
  transform:translateY(-2px);
}
.profile-avatar-styles button.selected{
  border-color:#d946ef;
  box-shadow:0 12px 26px rgba(217,70,239,.32);
}

.profile-actions{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.05);
  flex-wrap:wrap;
}
.profile-status{
  margin:0;font-size:12px;font-weight:700;
  min-height:18px;flex:1;
}
.profile-status.success{color:#6ee7b7}
.profile-status.error{color:#fda4af}

.profile-btn-primary{
  display:inline-flex;align-items:center;gap:8px;
  padding:12px 22px;
  background:linear-gradient(135deg,#7c3aed,#d946ef);
  color:#fff;border:0;
  border-radius:13px;
  font-size:13px;font-weight:900;
  cursor:pointer;font-family:inherit;
  box-shadow:0 14px 32px rgba(168,85,247,.32);
  transition:.18s;
}
.profile-btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 40px rgba(168,85,247,.42)}
.profile-btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}

.profile-stats-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:12px;
}
.profile-stat-card{
  background:rgba(0,0,0,.3);
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;
  padding:18px 14px;
  text-align:center;
  display:flex;flex-direction:column;align-items:center;gap:6px;
}
.profile-stat-card>i{
  font-size:20px;color:#c084fc;
  margin-bottom:4px;
}
.profile-stat-num{
  font-size:22px;font-weight:900;
  color:#fff;
  background:linear-gradient(135deg,#fff,#e9d5ff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.profile-stat-label{
  font-size:10px;color:#7b6c97;font-weight:800;
  text-transform:uppercase;letter-spacing:.8px;
}

@media(max-width:600px){
  .profile-banner-inner{flex-direction:column;text-align:center;gap:12px}
  .profile-avatar-styles{grid-template-columns:repeat(4,1fr)}
  .profile-tabs button span{display:none}
  .profile-stats-grid{grid-template-columns:1fr;gap:10px}
  .profile-actions{flex-direction:column-reverse;align-items:stretch}
  .profile-btn-primary{width:100%;justify-content:center}
}

/* ---------- Comment Star Rating ---------- */
.comment-stars{
  display:flex;align-items:center;gap:8px;
  margin-top:8px;
  flex-wrap:wrap;
}
.stars-rate{
  display:inline-flex;align-items:center;
  background:rgba(0,0,0,.3);
  border:1px solid rgba(255,255,255,.06);
  border-radius:999px;
  padding:4px 6px;gap:1px;
}
.stars-rate .star{
  width:22px;height:22px;
  display:inline-grid;place-items:center;
  background:transparent;border:0;
  color:#3f3552;
  font-size:13px;cursor:pointer;
  transition:.12s;padding:0;
  font-family:inherit;
}
.stars-rate .star:hover{transform:scale(1.18)}
.stars-rate .star.filled{color:#facc15;text-shadow:0 0 8px rgba(250,204,21,.45)}
.stars-rate .star.user-pick{color:#fcd34d}
.stars-rate.disabled .star{cursor:default}
.stars-rate.disabled .star:hover{transform:none}

.stars-summary{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(250,204,21,.08);
  border:1px solid rgba(250,204,21,.18);
  padding:4px 10px;
  border-radius:999px;
  font-size:11px;font-weight:800;
  color:#fde68a;
}
.stars-summary i{color:#facc15;font-size:10px}
.stars-summary b{color:#fff;font-weight:900}

.stars-locked-hint{
  font-size:11px;color:#6a5f85;
  font-style:italic;
  margin-left:4px;
}

/* ---------- Clickable Username ---------- */
.comment-meta b.clickable-user,
.hc-top b.clickable-user,
.hc-userinfo b.clickable-user,
.report-target-meta b.clickable-user{
  cursor:pointer;
  transition:.18s;
}
.comment-meta b.clickable-user:hover,
.hc-top b.clickable-user:hover,
.hc-userinfo b.clickable-user:hover,
.report-target-meta b.clickable-user:hover{
  color:#d946ef;
  text-decoration:underline;
  text-underline-offset:3px;
}

/* ---------- Report Modal ---------- */
.report-modal{
  position:fixed;inset:0;z-index:1000;
  display:none;align-items:center;justify-content:center;
  padding:20px;
}
.report-modal.show{display:flex;animation:reportFadeIn .18s ease-out}
@keyframes reportFadeIn{from{opacity:0}to{opacity:1}}
.report-backdrop{
  position:absolute;inset:0;
  background:rgba(5,4,13,.78);
  backdrop-filter:blur(10px);
}
.report-card{
  position:relative;z-index:2;
  width:min(540px,100%);
  max-height:90vh;overflow-y:auto;
  background:linear-gradient(180deg,#15101f,#0d0a16);
  border:1px solid rgba(217,70,239,.22);
  border-radius:24px;
  padding:26px;
  box-shadow:0 35px 90px rgba(0,0,0,.55), 0 0 0 1px rgba(168,85,247,.08);
  animation:reportSlideUp .25s cubic-bezier(.2,.8,.2,1);
}
@keyframes reportSlideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}
.report-close{
  position:absolute;top:14px;right:14px;
  width:34px;height:34px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.08);
  border-radius:11px;
  color:#a99bc2;font-size:14px;
  cursor:pointer;transition:.18s;
  display:grid;place-items:center;
}
.report-close:hover{background:rgba(244,63,94,.18);color:#fff;border-color:rgba(244,63,94,.4)}

.report-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px}
.report-head-icon{
  width:46px;height:46px;border-radius:14px;
  background:linear-gradient(135deg,#f43f5e,#d946ef);
  display:grid;place-items:center;
  color:#fff;font-size:18px;
  box-shadow:0 12px 30px rgba(244,63,94,.3);
  flex-shrink:0;
}
.report-head h3{font-size:18px;font-weight:900;color:#fff;margin-bottom:4px}
.report-head p{font-size:12px;color:#a99bc2;line-height:1.5;margin:0}

.report-target{
  display:flex;gap:12px;
  background:rgba(0,0,0,.3);
  border:1px solid rgba(217,70,239,.12);
  border-radius:14px;
  padding:12px 14px;
  margin-bottom:20px;
}
.report-target-avatar{
  width:36px;height:36px;border-radius:11px;
  background:linear-gradient(135deg,#7c3aed,#d946ef);
  display:grid;place-items:center;
  color:#fff;font-weight:900;font-size:14px;
  flex-shrink:0;overflow:hidden;
}
.report-target-avatar img{width:100%;height:100%;object-fit:cover}
.report-target-body{min-width:0;flex:1}
.report-target-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}
.report-target-meta b{font-size:13px;color:#fff}
.report-target-meta span{font-size:11px;color:#828bad}
.report-target-body p{
  font-size:13px;color:#d8def3;line-height:1.5;
  white-space:pre-wrap;word-break:break-word;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
  margin:0;
}

.report-label{
  display:block;
  font-size:11px;font-weight:900;
  color:#c4b5fd;
  letter-spacing:1px;text-transform:uppercase;
  margin-bottom:10px;
}
.report-label small{font-size:10px;color:#7b6c97;letter-spacing:.3px;text-transform:none;font-weight:700;margin-left:4px}

.report-reasons{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
  margin-bottom:20px;
}
.report-reasons button{
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
  padding:10px 8px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.06);
  border-radius:11px;
  color:#c9c0e0;font-size:11px;font-weight:800;
  cursor:pointer;transition:.15s;
  text-align:center;
}
.report-reasons button i{font-size:11px;color:#a99bc2}
.report-reasons button:hover{
  background:rgba(168,85,247,.12);
  border-color:rgba(168,85,247,.3);
  color:#fff;
}
.report-reasons button:hover i{color:#d946ef}
.report-reasons button.selected{
  background:linear-gradient(135deg,rgba(244,63,94,.25),rgba(217,70,239,.25));
  border-color:rgba(244,63,94,.5);
  color:#fff;
  box-shadow:0 8px 22px rgba(244,63,94,.18);
}
.report-reasons button.selected i{color:#fda4af}

#reportReasonText{
  width:100%;
  min-height:88px;
  resize:vertical;
  background:rgba(0,0,0,.4);
  border:1px solid rgba(255,255,255,.08);
  border-radius:13px;
  padding:12px 14px;
  color:#fff;font-size:13px;line-height:1.55;
  font-family:inherit;
  outline:0;transition:.18s;
}
#reportReasonText:focus{
  border-color:rgba(217,70,239,.5);
  background:rgba(0,0,0,.55);
  box-shadow:0 0 0 3px rgba(217,70,239,.12);
}
#reportReasonText::placeholder{color:#6a5f85}

.report-counter{
  text-align:right;
  font-size:11px;color:#7b6c97;font-weight:700;
  margin-top:6px;
  letter-spacing:.3px;
}
.report-counter.warn{color:#fcd34d}

.report-error{
  min-height:18px;
  color:#fda4af;
  font-size:12px;font-weight:700;
  margin:10px 0 0;
}

.report-actions-row{
  display:flex;gap:10px;justify-content:flex-end;
  margin-top:18px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.05);
}
.report-btn-secondary,
.report-btn-primary{
  display:inline-flex;align-items:center;gap:8px;
  padding:11px 18px;
  border-radius:13px;
  font-size:13px;font-weight:900;
  cursor:pointer;transition:.18s;
  border:0;
}
.report-btn-secondary{
  background:rgba(255,255,255,.05);
  color:#c9c0e0;
  border:1px solid rgba(255,255,255,.08);
}
.report-btn-secondary:hover{
  background:rgba(255,255,255,.1);color:#fff;
}
.report-btn-primary{
  background:linear-gradient(135deg,#f43f5e,#d946ef);
  color:#fff;
  box-shadow:0 14px 32px rgba(244,63,94,.32);
}
.report-btn-primary:hover{transform:translateY(-1px);box-shadow:0 18px 40px rgba(244,63,94,.42)}
.report-btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}

.report-modal.success-state .report-card{
  border-color:rgba(16,185,129,.35);
}
.report-modal.success-state .report-head-icon{
  background:linear-gradient(135deg,#10b981,#34d399);
  box-shadow:0 12px 30px rgba(16,185,129,.3);
}

@media(max-width:560px){
  .report-card{padding:20px}
  .report-reasons{grid-template-columns:repeat(2,1fr)}
  .report-actions-row{flex-direction:column-reverse}
  .report-btn-secondary,.report-btn-primary{width:100%;justify-content:center}
}

/* Home comment card spoiler + report adjustments */
.home-comment-card .hc-avatar{overflow:hidden}
.home-comment-card .hc-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.home-comment-card .hc-top{flex-wrap:wrap;row-gap:6px}
.home-comment-card .hc-userinfo{min-width:0;flex:1}
.home-comment-card .hc-userinfo b{font-size:13px;display:block;color:#fff}
.home-comment-card .hc-userinfo span{display:block;font-size:11px;color:#a99cc4;margin-top:2px}
.home-comment-card .comment-report-btn{margin-left:8px;padding:3px 8px;font-size:10px}
.home-comment-card .spoiler-badge{margin-top:0!important;display:inline-flex!important}
.home-comment-card .comment-spoiler{padding:10px;min-height:60px}
.home-comment-card .comment-spoiler .spoiler-text{font-size:13px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.home-comment-card .spoiler-reveal-btn{padding:6px 10px;font-size:10px}

/* === SOSYAL ALAN: dropdown badge + auth notification dot === */
.ud-badge{
  margin-left:auto;
  background:linear-gradient(135deg,#ef4444,#d946ef);
  color:#fff;font-size:10px;font-weight:900;
  min-width:20px;height:20px;padding:0 7px;
  display:inline-flex;align-items:center;justify-content:center;
  border-radius:999px;
  box-shadow:0 4px 12px rgba(239,68,68,.4);
  animation:badgePulse 2.2s ease-in-out infinite;
}
@keyframes badgePulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.08)}
}
.auth-notif-dot{
  display:inline-block;width:9px;height:9px;
  background:#ef4444;border:2px solid #0a0820;
  border-radius:50%;
  margin-left:6px;
  vertical-align:middle;
  box-shadow:0 0 0 0 rgba(239,68,68,.6);
  animation:dotPulse 1.8s ease-in-out infinite;
}
@keyframes dotPulse{
  0%{box-shadow:0 0 0 0 rgba(239,68,68,.6)}
  70%{box-shadow:0 0 0 8px rgba(239,68,68,0)}
  100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}
}

/* === MINI PROFILE MODAL (yorumdaki kullanıcıya tıklanınca) === */
.mini-profile-modal{position:fixed;inset:0;z-index:1100;display:none;align-items:center;justify-content:center;padding:20px}
.mini-profile-modal.show{display:flex;animation:fade .2s ease}
.mini-profile-backdrop{position:absolute;inset:0;background:rgba(2,1,10,.78);backdrop-filter:blur(8px)}
.mini-profile-card{
  position:relative;z-index:1;
  width:100%;max-width:380px;
  background:linear-gradient(180deg,#13102b,#0c0a1f);
  border:1px solid rgba(168,85,247,.25);
  border-radius:20px;overflow:hidden;
  box-shadow:0 25px 60px -10px rgba(168,85,247,.35);
  animation:fade .3s ease
}
.mini-profile-close{
  position:absolute;top:12px;right:12px;z-index:2;
  width:34px;height:34px;border-radius:50%;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);
  color:#fff;cursor:pointer;font-size:14px;
  transition:.2s
}
.mini-profile-close:hover{background:#ef4444;border-color:#ef4444}
.mini-profile-banner{
  background:linear-gradient(135deg,#a855f7,#d946ef);
  padding:30px 20px 18px;text-align:center;color:#fff;position:relative
}
.mini-profile-banner::after{
  content:'';position:absolute;inset:0;
  background:radial-gradient(circle at 30% 20%, rgba(255,255,255,.18), transparent 50%);
}
.mini-profile-avatar{
  width:90px;height:90px;border-radius:50%;
  margin:0 auto 12px;overflow:hidden;
  border:4px solid rgba(255,255,255,.2);
  background:#fff;position:relative;z-index:1
}
.mini-profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.mini-profile-banner h3{margin:0 0 4px;font-size:20px;font-weight:900;position:relative;z-index:1}
.mini-profile-status{font-size:12px;color:rgba(255,255,255,.85);position:relative;z-index:1}
.mini-profile-bio{
  padding:14px 20px;font-size:13px;color:#c9d0e6;text-align:center;
  border-bottom:1px solid rgba(255,255,255,.06);min-height:0
}
.mini-profile-bio:empty{display:none}
.mini-profile-actions{padding:16px 20px;display:flex;flex-direction:column;gap:8px}
.mini-profile-btn{
  border:0;cursor:pointer;font-weight:800;font-size:13px;
  padding:12px 16px;border-radius:11px;
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  text-decoration:none;transition:.2s
}
.mini-profile-btn.primary{background:linear-gradient(135deg,#a855f7,#d946ef);color:#fff}
.mini-profile-btn.primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 10px 24px -10px rgba(168,85,247,.55)}
.mini-profile-btn.ghost{background:rgba(255,255,255,.06);color:#c9d0e6;border:1px solid rgba(255,255,255,.1)}
.mini-profile-btn.ghost:hover{background:rgba(255,255,255,.1)}
.mini-profile-btn.danger{background:rgba(244,63,94,.12);color:#fda4af;border:1px solid rgba(244,63,94,.3)}
.mini-profile-btn.danger:hover{background:#ef4444;color:#fff;border-color:#ef4444}
.mini-profile-btn:disabled{opacity:.6;cursor:not-allowed}
.mini-profile-loading{text-align:center;color:#9ca3c0;font-size:13px;padding:8px}