:root{color-scheme:dark;--bg:#0b0d12;--panel:rgba(255,255,255,0.06);--panel2:rgba(255,255,255,0.09);--text:rgba(255,255,255,0.92);--muted:rgba(255,255,255,0.62);--border:rgba(255,255,255,0.12)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Apple Color Emoji,Segoe UI Emoji;background:radial-gradient(1100px 600px at 50% -10%,#1a2342 0,transparent 55%),radial-gradient(900px 600px at 10% 20%,rgba(188,84,255,.18) 0,transparent 60%),radial-gradient(900px 600px at 90% 30%,rgba(45,212,191,.14) 0,transparent 60%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}main{min-height:100%;display:grid;place-items:center;padding:28px 16px}.card{width:min(920px,100%);border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border-radius:18px;box-shadow:0 20px 70px rgba(0,0,0,.45);overflow:hidden}.cardHeader{padding:18px 18px 12px;display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border)}.title{font-size:14px;letter-spacing:.08em;text-transform:uppercase}.badge,.title{color:var(--muted)}.badge{font-size:12px;padding:6px 10px;border-radius:999px;background:var(--panel2);border:1px solid var(--border)}.playerWrap{padding:16px}.playerBox{position:relative;width:100%;aspect-ratio:16/12;min-height:360px;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:rgba(0,0,0,.28)}@media (max-width:520px){.playerBox{min-height:420px;aspect-ratio:9/16}}.iframe{width:100%;height:100%;border:0}.footer{padding:14px 18px 18px;color:var(--muted);font-size:12px;border-top:1px solid var(--border)}.playerFooter{margin-top:16px;text-align:center}.playerFooterText{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--muted)}.ymBadge{display:inline-block;border-radius:12px;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.ymBadge:hover{transform:scale(1.03);box-shadow:0 4px 20px rgba(255,255,255,.12)}.ymBadge img{display:block}.modalOverlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modalBox{position:relative;max-width:420px;width:100%;padding:28px 24px 24px;border-radius:18px;background:linear-gradient(180deg,rgba(40,44,60,.98),rgba(24,26,36,.98));border:1px solid var(--border);box-shadow:0 24px 80px rgba(0,0,0,.6);text-align:center}.modalClose{position:absolute;top:12px;right:14px;background:none;border:none;font-size:28px;line-height:1;color:var(--muted);cursor:pointer;transition:color .15s}.modalClose:hover,.modalText{color:var(--text)}.modalText{margin:0 0 20px;font-size:16px;line-height:1.5}.playerLoader{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.4)}.spinner{width:48px;height:48px;border:3px solid rgba(255,255,255,.15);border-top-color:rgba(255,255,255,.7);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.fallbackBox{width:100%;min-height:420px;border-radius:14px;overflow:hidden;border:1px solid var(--border);background:radial-gradient(ellipse 120% 80% at 50% 0,rgba(254,212,43,.15) 0,transparent 50%),radial-gradient(ellipse 100% 100% at 80% 100%,rgba(188,84,255,.12) 0,transparent 50%),linear-gradient(180deg,rgba(30,32,44,.98),rgba(18,20,28,.98));justify-content:center;padding:32px 24px}.fallbackBox,.fallbackContent{display:flex;align-items:center}.fallbackContent{flex-direction:column;gap:20px;text-align:center;max-width:360px}.fallbackCover{width:180px;height:180px;border-radius:16px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1)}.fallbackCoverImg{width:100%;height:100%;object-fit:cover}.fallbackIcon{width:120px;height:120px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(135deg,rgba(254,212,43,.15),rgba(254,212,43,.05));border:1px solid rgba(254,212,43,.2);box-shadow:0 8px 32px rgba(0,0,0,.3)}.fallbackInfo{display:flex;flex-direction:column;gap:6px}.fallbackTitle{margin:0;font-size:20px;font-weight:600;color:var(--text);line-height:1.3}.fallbackArtist{margin:0;font-size:15px;color:var(--muted)}.fallbackNote{margin:8px 0 0;font-size:13px;line-height:1.5;color:rgba(255,255,255,.5)}