.smart-cursor {
    opacity: 1 !important; visibility: visible !important; display: block !important;
    pointer-events: none !important; position: fixed !important; top: 0 !important; left: 0 !important;
    z-index: var(--z-cursor) !important; transform: translate(-50%, -50%) !important;
}
.smart-cursor .cursor-dot {
    opacity: 1 !important; background: var(--color-accent) !important;
    width: 8px !important; height: 8px !important; border-radius: 50% !important;
    position: absolute !important; top: 50% !important; left: 50% !important;
    transform: translate(-50%, -50%) !important;
}
.smart-cursor .cursor-ring {
    opacity: 0.6 !important; border-color: rgba(11, 132, 255, 0.5) !important;
    border-width: 1.5px !important; border-style: solid !important;
    width: 40px !important; height: 40px !important; border-radius: 50% !important;
    position: absolute !important; top: 50% !important; left: 50% !important;
    transform: translate(-50%, -50%) !important; background: transparent !important;
    transition: width 0.2s, height 0.2s, border-color 0.2s !important;
}
.smart-cursor[data-state="HOVER"] .cursor-ring,
.smart-cursor[data-state="OPEN"] .cursor-ring {
    width: 60px !important; height: 60px !important; border-color: var(--color-accent) !important;
}
@media (hover: none), (pointer: coarse) {
    .smart-cursor { display: none !important; }
}