.cursor-comet {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    /* Decorative content layer, below compact summary (3), header/menu (100)
       and native top-layer dialogs. Future overlays must remain above this layer. */
    z-index: 1;
    pointer-events: none;
}

@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) {
    .cursor-comet {
        display: none;
    }
}