body {
                margin: 0;
                height: 100svh;
                height: 100vh;
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: #000000;
                color: white;
                font-family: Roboto, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
                overflow: hidden;
            }
            
            .container {
                display: flex;
                flex-direction: column;
                align-items: center;
                width: 98vw;
            }
            
            canvas {
                width: 97vw;
                border-radius: 20px;
                background-color: #181818;
                border: 1px solid rgba(255, 255, 255, 0.5);
                display: block;
                overflow: hidden;
            }
            .footer-text {
                margin-top: 20px;
                font-size: 14px;
                letter-spacing: 2px;
                text-align: center;
                opacity: 0.6;
            }
            .button-group {
                display: flex;
                padding: 5px;
                gap: 40px;
                justify-content: center;
                margin-top: 3px;
            }
            .button-play-pause {
                width: 48px;
                height: 48px;
                border-radius: 50%;
                background: rgba(0, 255, 255, 0.05) !important;
                border: 2px solid rgba(0, 255, 255, 0.3) !important;
                display: flex;
                align-items: center;
                justify-content: center;
                transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
                cursor: pointer;
            }
            .button-play-pause img {
                height: 18px;
                width: 18px;
                filter: drop-shadow(0 0 5px rgba(0, 255, 255, 0.8));
            }
            .button-play-pause:hover:not(:disabled) {
                transform: scale(1.1);
                border-color: #00ffff !important;
                box-shadow: 0 0 20px rgba(0, 255, 255, 0.4);
            }
            .button-play-pause:disabled {
                cursor: not-allowed;
            }