/* vander.lol — CSS complementar (Tailwind + DaisyUI cuidam do layout) */

/* Compat com JS antigo */
.hidden { display: none !important; }

/* Quality tabs (fallback caso o JS antigo gere) */
.quality-tab {
  padding: 6px 14px;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 500;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.6);
  cursor: pointer;
}
.quality-tab:hover { border-color: #fff; color: #fff; }
.quality-tab.active { background: #fff; border-color: #fff; color: #000; }

/* Spinner */
.spinner { width: 16px; height: 16px; animation: spin .7s linear infinite; }
@keyframes spin { to { transform: rotate(360deg); } }

/* Player */
.player-stage video { background: #000; }
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* Scrollbar */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: rgba(255,255,255,.15); border-radius: 3px; }

:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }