@media (hover: hover) and (pointer: fine) {
            .ql-badge:hover {
                background: rgba(212, 175, 55, 0.18);
                border-color: rgba(212, 175, 55, 0.5);
                color: var(--accent-gold);
                transform: translateY(-2px);
            }
        }