.no-scrollbar::-webkit-scrollbar { 
    display: none; 
}
.no-scrollbar { 
    -ms-overflow-style: none; 
    scrollbar-width: none; 
}

* { 
    transition: background-color 0.3s, border-color 0.3s, text-shadow 0.3s; 
}

body { 
    overscroll-behavior-y: contain; 
}

.story-ring-active { 
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
}

.story-ring-seen { 
    background: #d1d5db; 
}

.dark .story-ring-seen { 
    background: #27272a; 
}

.interest-btn.active { 
    background-color: #7c3aed; 
    color: white; 
    border-color: #7c3aed; 
}

#qr-reader video { 
    border-radius: 1rem; 
    object-fit: cover; 
}