/* ===== ANIMATED THEME BUTTON (Tracing Border) ===== */
        .theme-btn-animated {
            position: relative;
            z-index: 1;
            border-radius: 0.75rem;
            overflow: hidden;
            transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            background: rgba(0, 0, 0, 0.9);
        }

        .theme-btn-animated::before {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            width: 300%;
            height: 300%;
            background: conic-gradient(from 0deg,
                    transparent 0%,
                    transparent 70%,
                    var(--accent, #ec4899) 85%,
                    transparent 100%);
            transform: translate(-50%, -50%);
            animation: trace-border 3s linear infinite;
            z-index: -2;
        }

        .theme-btn-animated::after {
            content: '';
            position: absolute;
            inset: 2px;
            background: rgba(0, 0, 0, 0.95);
            border-radius: 0.65rem;
            z-index: -1;
        }

        .theme-btn-animated:hover {
            transform: scale(1.05);
        }

        .theme-btn-animated:hover::before {
            animation-duration: 1.2s;
            filter: blur(3px);
        }

        @keyframes trace-border {
            0% {
                transform: translate(-50%, -50%) rotate(0deg);
            }

            100% {
                transform: translate(-50%, -50%) rotate(360deg);
            }
        }