:root{--color-bg:#050508;--color-bg-elevated:#14141ab3;--color-accent:#f59e0b;--color-accent-light:#fbbf24;--color-accent-glow:#f59e0b40;--color-text:#fff;--color-text-secondary:#ffffffb8;--color-text-muted:#ffffff6b;--glass-bg:#ffffff0b;--glass-bg-hover:#ffffff14;--glass-border:#ffffff1a;--glass-border-hover:#ffffff38;--glass-specular:inset 0 1px 0 #ffffff2e;--glass-shadow:0 20px 40px -15px #0009;--color-spotify:#1db954;--color-spotify-glow:#1db9544d;--color-youtube:red;--color-youtube-glow:#ff000040;--color-share:#a855f7;--color-share-glow:#a855f740;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4.5rem;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:28px;--radius-full:9999px;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--ease-spring:cubic-bezier(.32, .72, 0, 1);--transition-fast:.16s var(--ease-out);--transition-base:.22s var(--ease-out);--transition-slow:.28s var(--ease-out);--transition-spring:.32s var(--ease-spring);--font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", system-ui, sans-serif;--shadow-cover:0 24px 60px -15px #000000b3, 0 0 40px #f59e0b14}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);letter-spacing:-.01em;min-height:100vh;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}img{max-width:100%;display:block}::selection{color:#fff;background:#f59e0b59}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff26}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.app{z-index:1;min-height:100vh;padding:var(--space-2xl) var(--space-md) var(--space-3xl);flex-direction:column;align-items:center;max-width:480px;margin:0 auto;display:flex;position:relative}.background{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-artwork{filter:blur(90px)saturate(190%)brightness(.35);opacity:.55;will-change:transform, opacity;background-position:50%;background-size:cover;animation:18s ease-in-out infinite alternate ambientArtworkBreathe;position:absolute;inset:-20%;transform:scale(1.15)}@keyframes ambientArtworkBreathe{0%{opacity:.45;transform:scale(1.1)rotate(0)}50%{opacity:.65;transform:scale(1.2)rotate(1.5deg)}to{opacity:.5;transform:scale(1.14)rotate(-1deg)}}.bg-glow-orb{filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#f59e0b1f 0%,#d977060a 45%,#0000 70%);border-radius:50%;width:520px;height:520px;position:absolute;top:10%;left:50%;transform:translate(-50%)}.bg-vignette{pointer-events:none;background:radial-gradient(at 50% 30%,#05050833 0%,#050508d9 60%,#050508 100%);position:absolute;inset:0}.bg-grain{opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:absolute;inset:0}.hero{text-align:center;width:100%;padding-bottom:var(--space-lg);flex-direction:column;align-items:center;display:flex}.hero__badge{border-radius:var(--radius-full);background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(24px)saturate(180%);box-shadow:var(--glass-specular), 0 8px 24px #0000004d;margin-bottom:var(--space-lg);letter-spacing:.08em;color:#ffffffd9;text-transform:uppercase;align-items:center;gap:7px;padding:5px 14px;font-size:.7rem;font-weight:600;display:inline-flex}.hero__badge-dot{background:var(--color-accent-light);width:6px;height:6px;box-shadow:0 0 8px var(--color-accent);border-radius:50%;animation:2s ease-in-out infinite badgeDotPulse}@keyframes badgeDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.hero__cover-wrapper{margin-bottom:var(--space-xl);cursor:pointer;touch-action:pan-y;position:relative}.hero__cover-glow{filter:blur(34px)saturate(170%);opacity:.55;z-index:-1;pointer-events:none;background-position:50%;background-size:cover;border-radius:30px;animation:6s ease-in-out infinite alternate coverPulse;position:absolute;inset:-14px}@keyframes coverPulse{0%{opacity:.45;transform:scale(.96)}to{opacity:.65;transform:scale(1.04)}}.hero__cover{object-fit:cover;width:290px;height:290px;box-shadow:var(--shadow-cover);-webkit-user-select:none;user-select:none;border:1px solid #ffffff29;border-radius:24px}.hero__titles{flex-direction:column;align-items:center;display:flex}.hero__track-title{letter-spacing:-.035em;color:#fff;margin-bottom:6px;font-size:clamp(2rem,6.5vw,2.8rem);font-weight:700;line-height:1.1}.hero__artist{letter-spacing:-.015em;color:var(--color-text-secondary);margin-bottom:6px;font-size:1.15rem;font-weight:500}.hero__track-meta{letter-spacing:.03em;color:var(--color-text-muted);font-size:.8rem;font-weight:400}.section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);text-align:left;margin-bottom:.65rem;padding-left:.5rem;font-size:.72rem;font-weight:600}.platforms{width:100%;padding:var(--space-md) 0 var(--space-lg)}.platforms__grid{flex-direction:column;gap:.65rem;display:flex}.platform-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(28px)saturate(190%);box-shadow:var(--glass-specular), var(--glass-shadow);transition:transform var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);cursor:pointer;color:var(--color-text);z-index:2;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;align-items:center;gap:1rem;padding:.95rem 1.15rem;text-decoration:none;display:flex;position:relative}.platform-card:active{transform:scale(.97)!important}@media (hover:hover) and (pointer:fine){.platform-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:inset 0 1px 0 #ffffff47, 0 16px 36px -10px var(--platform-glow,#00000080);transform:translateY(-2px)}.platform-card:hover .platform-card__icon{background:#ffffff1a;transform:scale(1.05)}.platform-card:hover .platform-card__chevron{color:var(--color-text);transform:translate(3px)}}.platform-card__icon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--platform-color,var(--color-accent));transition:background-color var(--transition-fast), transform var(--transition-fast);background:#ffffff0f;border:1px solid #ffffff14;flex-shrink:0;justify-content:center;align-items:center;font-size:1.35rem;display:flex}.platform-card__info{min-width:0;transition:filter .16s var(--ease-out), opacity .16s var(--ease-out);flex-direction:column;flex:1;display:flex}.platform-card__info.transitioning{filter:blur(2px);opacity:.6}.platform-card__name{letter-spacing:-.015em;font-size:1.025rem;font-weight:600}.platform-card__action{color:var(--color-text-secondary);margin-top:1px;font-size:.775rem}.platform-card__chevron{color:#ffffff4d;transition:color var(--transition-fast), transform var(--transition-fast);flex-shrink:0;font-size:1.25rem;font-weight:300;line-height:1}.platform-card--share{--platform-color:var(--color-share);--platform-glow:var(--color-share-glow);text-align:left;width:100%}.platform-card--copied{--platform-color:#22c55e;--platform-glow:#22c55e4d;border-color:#22c55e59}.icon-success{color:#22c55e}.player{width:100%;padding:var(--space-md) 0 var(--space-xl)}.player__container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(28px)saturate(190%);z-index:2;box-shadow:var(--glass-specular), var(--glass-shadow);padding:8px;position:relative;overflow:hidden}.player__iframe{border:none;display:block}.footer{width:100%;padding:var(--space-2xl) 0 var(--space-md);text-align:center;align-items:center;gap:var(--space-xs);flex-direction:column;display:flex}.footer__divider{width:40px;height:1px;margin-bottom:var(--space-sm);background:#ffffff1f}.footer__copyright{color:var(--color-text-muted);font-size:.775rem}.footer__domain{color:var(--color-text-secondary);transition:color var(--transition-fast);font-size:.8rem;font-weight:500}.footer__domain:hover{color:#fff}@media (width>=480px){.hero__cover{width:320px;height:320px}}@media (width>=640px){.app{padding:var(--space-3xl) var(--space-xl) var(--space-4xl)}.hero__cover{width:340px;height:340px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.bg-artwork,.hero__cover-glow,.hero__badge-dot{animation:none!important}}