*{margin:0;padding:0}body{background-image:linear-gradient(to right top,var(--color-1),var(--color-2),var(--color-3),var(--color-4));overscroll-behavior:none;font-family:Lato,sans-serif}:root{--color-1: #5f79b2;--color-2: #7f918d;--color-3: #6a8bb5;--color-4: #4c556d;--color-1-hover: #4f6393;--color-1-text: #ffffff;--color-light: #f8f5f0;--color-dark: #262a33;--color-accent: #93d2c3;--text-light: #ffffff;--text-dark: #1a1a1a;--shadow-soft: 0 4px 12px rgba(0, 0, 0, .08);--shadow-deep: 0 8px 20px rgba(0, 0, 0, .15);--details-section-gap: 10px;--details-section-padding: 24px}.play-button{background:linear-gradient(145deg,var(--color-1),var(--color-2));color:var(--color-1-text);border:none;border-radius:999px;padding:10px 20px;font-size:1.1rem;font-weight:600;cursor:pointer;box-shadow:var(--shadow-soft);transition:all .25s ease}.play-button:hover{background:linear-gradient(145deg,var(--color-1-hover),var(--color-3));transform:translateY(-3px) scale(1.05);box-shadow:var(--shadow-deep)}.play-button:active{transform:scale(.97);box-shadow:inset 0 2px 6px #0003}