@media (pointer: coarse), (max-width: 767px) {
    #video {
        will-change: filter, transform;
        transition: filter 0.8s ease-out, transform 0.8s ease-out;
    }

    .sound-btn {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background: rgba(30, 30, 50, 0.7);
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
    }

    .sound-btn:hover {
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
    }

    .volume-slider-container {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background: rgba(30, 30, 50, 0.65);
    }

    .volume-track {
        box-shadow: none;
    }

    .profile-card {
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
        will-change: opacity, transform;
        contain: layout style;
    }

    .avatar-ring {
        animation: none;
        box-shadow:
            0 0 12px rgba(255, 182, 193, 0.5),
            0 0 24px rgba(200, 150, 255, 0.3);
    }

    .frame-sakura {
        animation: none;
        box-shadow: 
            0 0 8px rgba(255, 182, 193, 0.5),
            0 0 14px rgba(255, 150, 180, 0.3),
            inset 0 0 3px rgba(255, 255, 255, 0.4);
    }

    .frame-sakura-4,
    .frame-sakura-5 {
        display: none;
    }

    .social-link::before {
        display: none;
    }

    .location-icon {
        animation: none;
        filter:
            drop-shadow(0 0 4px rgba(255, 255, 255, 0.6))
            drop-shadow(0 0 8px rgba(255, 182, 193, 0.4));
    }

    .location-text {
        animation: none;
    }

    .bio-username {
        animation: none;
    }

    .bio-text {
        animation: none;
    }

    .view-eye {
        animation: eyeBlink 4s ease-in-out infinite;
    }

    .view-count {
        animation: none;
    }

    .social-link {
        animation: none;
        will-change: transform;
        box-shadow: 
            0 3px 10px rgba(0, 0, 0, 0.15),
            0 0 10px rgba(255, 182, 193, 0.3),
            0 0 16px rgba(200, 150, 255, 0.2);
    }

    .social-link:active {
        transform: scale(0.92);
        box-shadow: 
            0 2px 8px rgba(0, 0, 0, 0.2),
            0 0 14px rgba(255, 182, 193, 0.45),
            0 0 22px rgba(200, 150, 255, 0.3);
    }

    .bio-badge {
        animation: none;
    }

    .profile-name {
        animation: none;
    }

    .bio-avatar-container {
        animation: none;
    }

    .sakura-petal {
        will-change: transform, opacity;
        animation-duration: 5s;
    }

    .sakura-petal:nth-child(n+6) {
        display: none;
    }

    .overlay {
        transition: opacity 0.5s ease-out, visibility 0.5s ease-out;
    }

    .enter-text {
        animation: floatCuteMobile 2.5s ease-in-out infinite;
        will-change: transform, opacity;
    }

    @keyframes floatCuteMobile {
        0%, 100% {
            transform: translateY(0);
            opacity: 0.85;
        }
        50% {
            transform: translateY(-5px);
            opacity: 1;
        }
    }

    .enter-text::before,
    .enter-text::after {
        animation: none;
    }

    .sound-control {
        will-change: opacity;
    }

    .volume-slider-container {
        transition: width 0.25s ease-out, opacity 0.25s ease-out, padding 0.25s ease-out;
    }

    .tooltip {
        display: none;
    }

    .view-tooltip {
        display: none;
    }

    .loader-screen {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
        background: rgba(10, 15, 26, 0.98);
    }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}