*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#c392b0;--surface:#ffffff;--surface-2:#f5eef3;--border:rgba(120, 60, 100, 0.13);--text:#1a1a1a;--muted:#7d5470;--accent:#8a3d70;--hover-bg:rgba(138, 61, 112, 0.055);--hover-border:rgba(138, 61, 112, 0.45);--radius:18px}html,body{min-height:100%;background:var(--bg);color:var(--text);font-family:'Manrope',sans-serif;display:flex;justify-content:center;align-items:flex-start;padding:40px 16px 60px}body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.06'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.45;mix-blend-mode:multiply}.card{position:relative;z-index:1;width:100%;max-width:400px;display:flex;flex-direction:column;gap:10px;animation:fadeUp 0.7s cubic-bezier(.22,1,.36,1) both}@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.cover-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 6px 28px rgb(100 40 80 / .2)}.cover-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;display:block}.cover-placeholder{width:100%;aspect-ratio:1 / 1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#dab7cb 0%,#c392b0 55%,#a8708e 100%);gap:12px;color:rgb(255 255 255 / .6);font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-family:'Unbounded',sans-serif;font-weight:300}.cover-meta{padding:18px 20px 20px;border-top:1px solid var(--border)}.artist-label{font-family:'Unbounded',sans-serif;font-size:10px;font-weight:300;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}.track-title{font-family:'Unbounded',sans-serif;font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--text);line-height:1.15}.track-title span{color:var(--accent)}.player-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px 22px 20px;box-shadow:0 4px 20px rgb(100 40 80 / .13);animation:fadeUp 0.7s 0.06s cubic-bezier(.22,1,.36,1) both}.player-label{font-family:'Unbounded',sans-serif;font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.player-controls{display:flex;align-items:center;gap:16px}.play-btn{width:52px;height:52px;border-radius:50%;background:var(--accent);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background 0.18s,transform 0.15s,box-shadow 0.18s;box-shadow:0 4px 16px rgb(138 61 112 / .35)}.play-btn:hover{background:#7a3362;transform:scale(1.06);box-shadow:0 6px 22px rgb(138 61 112 / .45)}.play-btn:active{transform:scale(.96)}.play-btn.playing{animation:pulse-ring 2s ease-in-out infinite}@keyframes pulse-ring{0%,100%{box-shadow:0 4px 16px rgb(138 61 112 / .35),0 0 0 0 rgb(138 61 112 / .3)}50%{box-shadow:0 4px 16px rgb(138 61 112 / .35),0 0 0 8px #fff0}}.play-icon,.pause-icon{pointer-events:none}.pause-icon{display:none}.play-btn.playing .play-icon{display:none}.play-btn.playing .pause-icon{display:block}.player-timeline{flex:1;display:flex;flex-direction:column;gap:8px}.player-time-row{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);font-weight:500;font-variant-numeric:tabular-nums}.progress-wrap{position:relative;height:4px;border-radius:999px;background:rgb(138 61 112 / .15);cursor:pointer;overflow:visible}.progress-fill{height:100%;border-radius:999px;background:var(--accent);width:0%;transition:width 0.1s linear;position:relative}.progress-fill::after{content:'';position:absolute;right:-5px;top:50%;transform:translateY(-50%) scale(0);width:12px;height:12px;border-radius:50%;background:var(--accent);transition:transform 0.15s}.progress-wrap:hover .progress-fill::after{transform:translateY(-50%) scale(1)}.waveform{display:flex;align-items:center;gap:2.5px;height:28px;margin-bottom:2px}.waveform-bar{flex:1;border-radius:2px;background:rgb(138 61 112 / .18);transition:background 0.2s}.player-block.playing .waveform-bar{background:var(--accent);animation:wave 0.8s ease-in-out infinite alternate}.waveform-bar:nth-child(1){height:30%;animation-delay:0.0s}.waveform-bar:nth-child(2){height:60%;animation-delay:0.1s}.waveform-bar:nth-child(3){height:85%;animation-delay:0.2s}.waveform-bar:nth-child(4){height:50%;animation-delay:0.05s}.waveform-bar:nth-child(5){height:75%;animation-delay:0.15s}.waveform-bar:nth-child(6){height:40%;animation-delay:0.25s}.waveform-bar:nth-child(7){height:90%;animation-delay:0.3s}.waveform-bar:nth-child(8){height:55%;animation-delay:0.08s}.waveform-bar:nth-child(9){height:70%;animation-delay:0.18s}.waveform-bar:nth-child(10){height:35%;animation-delay:0.22s}.waveform-bar:nth-child(11){height:80%;animation-delay:0.12s}.waveform-bar:nth-child(12){height:45%;animation-delay:0.28s}.waveform-bar:nth-child(13){height:65%;animation-delay:0.04s}.waveform-bar:nth-child(14){height:50%;animation-delay:0.16s}.waveform-bar:nth-child(15){height:78%;animation-delay:0.09s}.waveform-bar:nth-child(16){height:42%;animation-delay:0.21s}.waveform-bar:nth-child(17){height:88%;animation-delay:0.33s}.waveform-bar:nth-child(18){height:58%;animation-delay:0.07s}.waveform-bar:nth-child(19){height:33%;animation-delay:0.26s}.waveform-bar:nth-child(20){height:68%;animation-delay:0.13s}@keyframes wave{from{transform:scaleY(.4);opacity:.7}to{transform:scaleY(1);opacity:1}}.desc-block{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;animation:fadeUp 0.7s 0.12s cubic-bezier(.22,1,.36,1) both}.desc-label{font-family:'Unbounded',sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.desc-text{font-size:14px;font-weight:400;line-height:1.65;color:#4a3040}.links-block{display:flex;flex-direction:column;gap:8px;animation:fadeUp 0.7s 0.18s cubic-bezier(.22,1,.36,1) both}.stream-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;align-items:center;padding:12px 14px;gap:13px;text-decoration:none;box-shadow:0 1px 6px rgb(100 40 80 / .07);transition:border-color 0.2s,background 0.2s,transform 0.18s,box-shadow 0.2s}.stream-row:hover{border-color:var(--hover-border);background:rgb(255 174 227 / 89%);transform:translateX(4px);box-shadow:0 4px 18px rgb(100 40 80 / .15)}.stream-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stream-name{flex:1;font-size:14px;font-weight:500;color:var(--text)}.stream-badge{font-family:'Unbounded',sans-serif;font-size:9px;font-weight:700;letter-spacing:.08em;color:#fff;background:#1a1a1a;padding:5px 12px;border-radius:999px;text-transform:uppercase;white-space:nowrap;transition:background 0.2s}.stream-row:hover .stream-badge{background:var(--accent)}.stream-row.is-hidden{display:none}.footer{text-align:center;font-size:11px;color:rgb(70 25 55 / .45);letter-spacing:.06em;padding-top:6px;animation:fadeUp 0.7s 0.26s cubic-bezier(.22,1,.36,1) both}@media (max-width:420px){body{padding:20px 12px 48px}.track-title{font-size:18px}.play-btn{width:46px;height:46px}}.cookie-consent{position:fixed;bottom:0;left:0;right:0;background:rgb(26 26 26 / .95);backdrop-filter:blur(10px);color:#fff;z-index:9999;transform:translateY(100%);transition:transform 0.3s ease;border-top:1px solid rgb(255 255 255 / .1)}.cookie-consent.show{transform:translateY(0)}.cookie-content{max-width:1200px;margin:0 auto;padding:5px;display:flex;align-items:center;justify-content:space-evenly;gap:5px}.cookie-text{margin:0;font-size:12px;line-height:1.4}.cookie-text strong{display:block;margin-bottom:4px;font-size:12px}.cookie-button{background:var(--accent,#8a3d70);color:#fff;border:none;padding:4px 10px;border-radius:5px;font-weight:400;font-size:12px;cursor:pointer;transition:all 0.2s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.cookie-button:hover{background:#7a3362;transform:translateY(-1px);box-shadow:0 4px 12px rgb(138 61 112 / .3)}.cookie-button:active{transform:translateY(0)}@media (max-width:768px){.cookie-content{flex-direction:column;text-align:center;padding:6px}.cookie-text{font-size:10px}.cookie-button{width:100%;max-width:200px}}