*{margin: 0;padding: 0;box-sizing: border-box;overflow: hidden;}body {min-height: 100dvh;background: linear-gradient( 270deg,#141a26,#05070d,#1a1f3c,#2b0f1c,#0a2a2f,#004526 );background-size: 600% 600%;animation: gradientShift 18s ease infinite;display: flex;align-items: center;justify-content: center;font-family: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;color: #fff;}@keyframes gradientShift {0% {background-position: 0% 50%;}50% {background-position: 100% 50%;}100% {background-position: 0% 50%;}}body.paused-gradient {animation-play-state: paused;}.app {width: 100%;max-width: 420px;padding: 22px;text-align: center;}.logo-card {width: 100%;aspect-ratio: 1 / 1;border-radius: 22px;background:white;display: flex;align-items: center;justify-content: center;pointer-events: none;user-select: none;-webkit-user-select: none;-webkit-touch-callout: none;box-shadow: 0 8px 22px rgba(0, 0, 0, 0.35), 0 2px 6px rgba(0, 0, 0, 0.25);margin-bottom: 70px;margin-top: -15px;}.logo-card img {width: 60%;height: 60%;object-fit: contain;}.station {font-size: 14px;font-weight: 600;margin-bottom: 4px;pointer-events: none;user-select: none;-webkit-user-select: none;-webkit-touch-callout: none;}.tagline {font-size: 14px;opacity: 0.6;margin-bottom: 22px;width: 100%;overflow: hidden;white-space: nowrap;position: relative;pointer-events: none;user-select: none;-webkit-user-select: none;-webkit-touch-callout: none;}.tagline span {display: inline-block;white-space: nowrap }.tagline.marquee span {animation: marqueeScroll 45s linear infinite;}.tagline.paused span {animation-play-state: paused;}@keyframes marqueeScroll {from {transform: translateX(100%);}to {transform: translateX(-100%);}}.live-row {display: flex;align-items: center;gap: 14px;margin-bottom: 34px;}.live-line {flex: 1;height: 4px;border-radius: 4px;pointer-events: none;user-select: none;-webkit-user-select: none;-webkit-touch-callout: none;background: linear-gradient( to right, rgba(255,255,255,0.15), rgba(255,255,255,0.45), rgba(255,255,255,0.15) );}.live-text {font-size: 12px;letter-spacing: 2px;opacity: 0.8;pointer-events: none;user-select: none;-webkit-user-select: none;-webkit-touch-callout: none;}.play-btn {-webkit-tap-highlight-color: transparent;width: 64px;height: 64px;margin: 0 auto;border-radius: 14px;background: rgba(255,255,255,0.08);display: flex;align-items: center;justify-content: center;cursor: pointer;}.play-btn svg {width: 28px;height: 28px;fill: #fff;}@media (min-width: 600px) {.app {max-width: 360px;}}