.connected-player{display:block!important;padding:0!important;aspect-ratio:16/9;min-height:0!important;background:#08090b;border:1px solid var(--line);overflow:hidden;border-radius:16px}.connected-player #player-stage{width:100%;height:100%;max-width:none}.connected-player iframe{display:block;width:100%;height:100%;border:0;background:#08090b}.player-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;gap:12px}.player-empty h2{margin:0}.player-empty p{max-width:540px;margin:0;color:var(--muted);font-size:15px}.player-empty .button{margin-top:8px}.stream-controls{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:16px 0 6px}.stream-controls label{display:flex;gap:10px;align-items:center;font-size:14px}.stream-controls select{padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:#202123;color:#fff}.stream-controls .actions{flex-wrap:wrap}.stream-status{font-size:14px;line-height:1.6;color:var(--muted);min-height:24px}.watch-layout>div{min-width:0}@media(max-width:600px){.connected-player{border-radius:10px;aspect-ratio:16/10}.player-empty{padding:14px;gap:8px}.player-empty h2{font-size:18px}.player-empty p{font-size:14px}.stream-controls{gap:10px}.stream-controls .button{min-height:40px}}

.stream-controls [hidden]{display:none!important}.connected-player{position:relative}.connected-player #player-stage{position:absolute;inset:0;width:100%;height:100%}.connected-player iframe{position:absolute;inset:0;width:100%;height:100%}

.player-stage-loader{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#08090b;color:#aaa}
.stream-spinner{width:36px;height:36px;border:3px solid rgba(168,85,247,.2);border-top-color:var(--accent,#a855f7);border-radius:50%;animation:stream-spin .65s linear infinite}
@keyframes stream-spin{to{transform:rotate(360deg)}}
.stream-loader-text{font-size:13px;font-weight:500;color:#999;letter-spacing:.02em}

.player-fallback{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#08090bf2;padding:24px;text-align:center}

/* ── Anixo server switcher ── */
.server-tabs{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.server-btn{padding:7px 14px;border-radius:8px;border:1px solid var(--line,#333);background:#1a1b1e;color:#bbb;font-size:13px;font-weight:500;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}
.server-btn:hover{background:#2a2b30;color:#fff}
.server-btn.active{background:var(--accent,#a855f7);border-color:var(--accent,#a855f7);color:#fff}
.lang-toggle{display:flex;gap:4px}
.lang-btn{padding:7px 12px;border-radius:8px;border:1px solid var(--line,#333);background:#1a1b1e;color:#bbb;font-size:13px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:background .15s,color .15s}
.lang-btn:hover{background:#2a2b30;color:#fff}
.lang-btn.active{background:#1d4ed8;border-color:#1d4ed8;color:#fff}
.aniko-video{display:block;width:100%;height:100%;background:#000}
.stream-note{font-size:13px;color:var(--muted,#888);margin:0}
@media(max-width:600px){.server-tabs{gap:4px}.server-btn{padding:6px 10px;font-size:12px}.lang-btn{padding:6px 9px;font-size:12px}}

/* ── Anixo-style watch page layout ── */
.watch-layout-anixo{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start;margin-top:8px}
.watch-main{min-width:0}
.watch-ep-aside{position:sticky;top:80px;max-height:calc(100vh - 100px);overflow:hidden;display:flex;flex-direction:column}

/* ── Watching bar (below player) ── */
.watching-bar{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:10px;background:#0d0e11;border:1px solid var(--line,#222);border-radius:10px;padding:12px 16px;margin-top:10px}
.watching-bar-left{display:flex;flex-direction:column;gap:3px}
.watching-label{font-size:14px;font-weight:500;color:#ccc}
.watching-ep{color:var(--accent,#a855f7);font-weight:700;text-decoration:none}
.watching-ep:hover{text-decoration:underline}
.watching-hint{font-size:12px;color:var(--muted,#666)}
.watching-bar-right{display:flex;align-items:center;flex-wrap:wrap;gap:8px}

/* ── Episode sidebar panel ── */
.ep-sidebar{background:#0d0e11;border:1px solid var(--line,#222);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;height:100%}
.ep-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line,#222);background:#111215}
.ep-sidebar-title{font-size:11px;font-weight:700;letter-spacing:.12em;color:#aaa;text-transform:uppercase}
.ep-range-nav{display:flex;align-items:center;gap:6px}
.ep-range-label{font-size:12px;font-weight:600;color:#ccc;min-width:60px;text-align:center;background:#1a1b1f;padding:4px 8px;border-radius:6px}
.ep-nav-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#1a1b1f;border:1px solid var(--line,#2a2b30);border-radius:6px;color:#ccc;font-size:16px;cursor:pointer;line-height:1;transition:background .15s,color .15s}
.ep-nav-btn:hover:not(:disabled){background:#2a2b32;color:#fff}
.ep-nav-btn:disabled{opacity:.35;cursor:not-allowed}
.ep-list{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#2a2b30 transparent}
.ep-list::-webkit-scrollbar{width:4px}
.ep-list::-webkit-scrollbar-thumb{background:#2a2b30;border-radius:4px}

/* ── Episode card ── */
.ep-card{display:flex;gap:10px;padding:10px 12px;text-decoration:none;color:inherit;border-bottom:1px solid var(--line,#1a1b1f);transition:background .12s;cursor:pointer}
.ep-card:hover{background:#15161a}
.ep-card:last-child{border-bottom:none}
.ep-card-active{background:#1a1428;border-left:3px solid var(--accent,#a855f7)}
.ep-card-active:hover{background:#1e1730}

/* ── Thumbnail ── */
.ep-thumb{position:relative;flex-shrink:0;width:110px;border-radius:7px;overflow:hidden;background:#08090b;aspect-ratio:16/9;align-self:flex-start}
.ep-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.ep-thumb-slate{position:relative;width:100%;height:100%;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}
.ep-slate-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(17,16,21,0.65),rgba(17,16,21,0.9));display:flex;align-items:center;justify-content:center;gap:6px;transition:background .2s}
.ep-card:hover .ep-slate-overlay{background:linear-gradient(135deg,rgba(173,138,255,0.35),rgba(17,16,21,0.7))}
.ep-slate-num{font-size:16px;font-weight:900;color:rgba(255,255,255,0.45);letter-spacing:1px;font-family:monospace}
.ep-card-active .ep-slate-num{color:var(--accent,#ad8aff)}
.ep-slate-play{width:14px;height:14px;color:rgba(255,255,255,0.85);display:flex;align-items:center;justify-content:center}
.ep-slate-play svg{width:12px;height:12px;fill:currentColor}
.ep-badge{position:absolute;bottom:4px;left:4px;background:rgba(0,0,0,.75);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;letter-spacing:.04em}

/* ── Card text ── */
.ep-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;padding-top:1px}
.ep-title{font-size:13px;font-weight:600;color:#e2e2e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}
.ep-card-active .ep-title{color:var(--accent,#a855f7)}
.ep-desc{font-size:11.5px;color:var(--muted,#888);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}
.ep-meta{display:flex;align-items:center;gap:6px;margin-top:2px}
.ep-cc,.ep-qual{font-size:10px;font-weight:700;padding:1px 5px;border-radius:3px;border:1px solid currentColor;letter-spacing:.04em}
.ep-cc{color:#4ade80;border-color:#4ade8060}
.ep-qual{color:#60a5fa;border-color:#60a5fa60}

/* ── Responsive Watch Layout & Mobile Optimization ── */
@media(max-width:900px){
  .watch-layout-anixo{grid-template-columns:1fr;gap:16px}
  .watch-ep-aside{position:static;max-height:none}
  .ep-sidebar{max-height:420px}
  .ep-list{max-height:360px}
}
@media(max-width:600px){
  .connected-player{border-radius:10px!important;aspect-ratio:16/9!important;width:100%!important}
  .watching-bar{flex-direction:column;gap:10px;padding:12px 14px;border-radius:10px}
  .watching-bar-left{width:100%}
  .watching-label{font-size:13px}
  .watching-bar-right{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}
  .watching-bar-right .lang-toggle{display:flex;gap:4px}
  .watching-bar-right .lang-btn{padding:7px 11px;font-size:12px}
  .watching-bar-right .button.small{padding:7px 12px;font-size:12px;min-height:36px}
  .ep-card{padding:8px 10px;gap:8px}
  .ep-thumb{width:86px;aspect-ratio:16/9}
  .ep-title{font-size:12px}
  .ep-desc{display:none}
  .watch-info{padding:16px 14px;border-radius:10px}
  .watch-info h1{font-size:20px;line-height:1.25}
}

/* ── Filler / Recap card variants ── */
.ep-filler{background:rgba(251,191,36,.04);border-left:3px solid rgba(245,158,11,.4)}
.ep-filler:hover{background:rgba(251,191,36,.08)}
.ep-filler .ep-title{color:#fbbf24}
.ep-recap{background:rgba(52,211,153,.04);border-left:3px solid rgba(52,211,153,.4)}
.ep-recap:hover{background:rgba(52,211,153,.08)}
.ep-recap .ep-title{color:#34d399}
/* thin coloured bar on thumbnail for filler/recap */
.ep-filler-bar,.ep-recap-bar{position:absolute;top:0;left:0;width:3px;height:100%}
.ep-filler-bar{background:rgba(245,158,11,.6)}
.ep-recap-bar{background:rgba(52,211,153,.6)}
/* inline tags next to title */
.ep-tag-filler,.ep-tag-recap{display:inline-flex;align-items:center;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:1px 5px;border-radius:3px;margin-left:6px;vertical-align:middle;flex-shrink:0}
.ep-tag-filler{background:rgba(245,158,11,.15);color:#f59e0b}
.ep-tag-recap{background:rgba(52,211,153,.15);color:#34d399}
/* air date */
.ep-aired{font-size:10px;color:var(--muted,#666);margin-left:auto}

/* ── Unified Footer A-Z Directory (Full-Width, Aniwave Style) ── */
.footer-az{display:flex;flex-direction:column;gap:12px;margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid rgba(255,255,255,.07);width:100%}
.footer-az-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.footer-az-title{font-size:16px;font-weight:800;letter-spacing:.03em;color:#fff;text-transform:uppercase}
.footer-az-desc{font-size:13px;color:var(--muted,#8b8d98)}
.az-bar-nav{display:flex;flex-wrap:wrap;gap:6px;align-items:center;width:100%}
.az-btn{min-width:32px;height:32px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1px solid rgba(255,255,255,.09);background:#1a1c24;color:#bbb;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}
.az-btn:hover{background:#282a36;color:#fff;border-color:rgba(168,85,247,.45)}
.az-btn.active{background:var(--accent,#a855f7);border-color:var(--accent,#a855f7);color:#fff;box-shadow:0 0 10px rgba(168,85,247,.4)}

/* ── Clean Step-by-Step Pagination Bar (Below A-Z List) ── */
.pagination{display:flex!important;justify-content:center!important;align-items:center!important;gap:12px!important;flex-wrap:nowrap!important;margin:12px 0 28px 0!important;padding:6px 0 22px 0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;width:100%!important}
.pagination button,.pagination-btn{width:auto!important;min-width:96px!important;height:38px!important;padding:0 18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.14)!important;background:#1a1c25!important;color:#ede8f5!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;transition:all .18s ease!important;user-select:none!important;text-decoration:none!important;white-space:nowrap!important}
.pagination button:hover:not(:disabled),.pagination-btn:hover:not(:disabled){background:#292537!important;color:#fff!important;border-color:rgba(173,138,255,.55)!important;box-shadow:0 0 14px rgba(173,138,255,.22)!important;transform:translateY(-1px)!important}
.pagination button:disabled,.pagination-btn:disabled{opacity:.28!important;cursor:not-allowed!important;pointer-events:none!important;border-color:rgba(255,255,255,.05)!important;background:#14151e!important;color:#666!important;transform:none!important}
.pagination-status{height:38px!important;padding:0 18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;border-radius:20px!important;background:rgba(255,255,255,.05)!important;border:1px solid rgba(255,255,255,.09)!important;color:#c4bed0!important;font-size:13px!important;font-weight:600!important;user-select:none!important;white-space:nowrap!important}
.pagination-status b{color:var(--accent,#e5ccb0)!important;font-weight:800!important}
@media(max-width:640px){.pagination{gap:8px!important;margin-bottom:18px!important;padding-bottom:16px!important}.pagination button,.pagination-btn{min-width:80px!important;height:35px!important;padding:0 12px!important;font-size:12px!important}.pagination-status{height:35px!important;padding:0 12px!important;font-size:12px!important}}

/* ── Footer links styling ── */
.footer-links{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.footer-links a{color:var(--muted,#888);font-size:13px;text-decoration:none;transition:color .15s}
.footer-links a:hover{color:#fff}

@media(max-width:768px){.footer-az-head{flex-direction:column;gap:4px}.footer-links{gap:10px}}

/* ── Instant Search Dropdown & Live Search ── */
.search-form{position:relative;z-index:900}
.search-form:focus-within,.search-form:has(.search-dropdown:not([style*="none"])){z-index:10000}
.search-dropdown{position:absolute;top:calc(100% + 8px);left:0;width:100%;min-width:300px;max-width:440px;background:#13141cf8;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,0.14);border-radius:14px;box-shadow:0 18px 48px rgba(0,0,0,.85);z-index:10001;overflow:hidden;max-height:420px;display:flex;flex-direction:column}
.search-dropdown-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.05);text-decoration:none;color:#ddd;transition:background .15s}
.search-dropdown-item:hover{background:#232532;color:#fff}
.search-dropdown-item img{width:36px;height:48px;border-radius:6px;object-fit:cover;background:#0d0e13;flex-shrink:0}
.search-dropdown-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px;text-align:left}
.search-dropdown-title{font-size:13px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.search-dropdown-meta{display:flex;gap:8px;align-items:center;font-size:11px;color:#888}
.search-dropdown-meta .star{color:#e8c98a}
.search-dropdown-badge{background:rgba(168,85,247,.15);color:var(--accent,#a855f7);padding:2px 5px;border-radius:4px;font-size:10px;font-weight:700}
.search-dropdown-all{padding:10px 14px;text-align:center;font-size:12px;font-weight:700;color:var(--accent,#a855f7);background:rgba(168,85,247,.08);text-decoration:none;transition:background .15s}
.search-dropdown-all:hover{background:rgba(168,85,247,.16)}

/* Live search status badges & spinners */
.stream-spinner-sm{width:13px;height:13px;border:2px solid rgba(168,85,247,.3);border-top-color:var(--accent,#a855f7);border-radius:50%;animation:stream-spin .8s linear infinite;display:inline-block;vertical-align:middle}
.search-live-badge{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;color:var(--accent,#a855f7);background:rgba(168,85,247,.1);padding:4px 10px;border-radius:12px;margin-left:12px;vertical-align:middle}

.server-tabs,.server-btn,.player-rescue,.stream-status:empty{display:none!important}
.ep-thumb-fallback{background:linear-gradient(135deg,#1c1e28 0%,#111218 100%)}
.ep-thumb-fallback:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,transparent 40%,rgba(0,0,0,.6) 100%)}