html,body{margin:0;background:#fff}

.mvC{
  --acc:#635bff; --ink:#0a2540; --body:#374151; --sub:#4b5563; --line:#e6e9ee;
  font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  background:#1a1a2e;color:#fff;padding:clamp(52px,6.5vw,96px) 24px;
}
.mvC__in{max-width:900px;margin:0 auto;display:grid;grid-template-columns:auto 1fr;gap:clamp(26px,4vw,48px);align-items:center}
.mvC__cover{
  width:clamp(150px,20vw,190px);aspect-ratio:1;border-radius:14px;display:grid;place-items:center;
  background:linear-gradient(150deg,#635bff,#2b2a72);box-shadow:0 18px 40px -18px rgba(0,0,0,.9);
}
.mvC__cover span{font-size:34px;font-weight:800;letter-spacing:-.02em}
.mvC__eyebrow{margin:0 0 12px;font-size:11px;font-weight:800;letter-spacing:.24em;color:#9f9bff}
.mvC__body h2{margin:0;font-size:clamp(19px,2.6vw,26px);font-weight:800;line-height:1.55;letter-spacing:-.01em}
.mvC__lead{margin:14px 0 0;font-size:13.5px;line-height:1.95;color:rgba(255,255,255,.66)}
.mvC__player{margin:24px 0 0;display:flex;align-items:center;gap:14px}
.mvC__play{
  width:46px;height:46px;border:0;border-radius:50%;background:#fff;cursor:pointer;position:relative;flex:0 0 auto;
}
.mvC__play::after{content:"";position:absolute;left:54%;top:50%;translate:-50% -50%;
  border-left:12px solid #1a1a2e;border-top:8px solid transparent;border-bottom:8px solid transparent}
.mvC__seek{flex:1;height:5px;border-radius:99px;background:rgba(255,255,255,.16);overflow:hidden}
.mvC__seek i{display:block;height:100%;width:32%;background:#9f9bff;border-radius:99px}
.mvC__t{font-size:11.5px;color:rgba(255,255,255,.5);font-variant-numeric:tabular-nums;white-space:nowrap}
.mvC__where{margin:20px 0 0;padding:0;list-style:none;display:flex;gap:14px;flex-wrap:wrap;align-items:center;
  font-size:11.5px;color:rgba(255,255,255,.45)}
.mvC__where a{color:#9f9bff;text-decoration:none;font-weight:700}
.mvC__where a:hover{text-decoration:underline}
@media (max-width:700px){ .mvC__in{grid-template-columns:1fr;justify-items:start} }