body.song-page {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh; /* Full viewport height */
    background-color: #1a1a2e; /* Darker background */
    margin: 0;
    padding: 20px; /* Some padding around the content */
    box-sizing: border-box; /* Include padding in element's total width/height */

    .video-container {
        width: 100%;
        max-width: 800px; /* Max width for larger screens */
        background-color: #0f0e17;
        border-radius: 10px;
        overflow: hidden; /* Ensures rounded corners apply to children */
        box-shadow: 0 8px 16px rgba(0,0,0,0.4);
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    video {
        width: 100%; /* Make video fill its container */
        height: auto; /* Maintain aspect ratio */
        display: block; /* Remove extra space below video element */
    }
    
    h1 {
        color: #e0e0e0;
        margin-bottom: 20px;
        font-size: 1.8em;
        text-align: center;
        padding: 15px;
        width: 100%;
        background-color: #2e0f3e;
        border-bottom: 1px solid #4a0f5e;
    }
    
    
    /* Basic responsiveness for smaller screens if needed, though fluid width usually handles it */
    @media (max-width: 768px) {
        .video-container {
            border-radius: 5px;
            box-shadow: 0 4px 8px rgba(0,0,0,0.3);
        }
        h1 {
            font-size: 1.5em;
            padding: 10px;
        }
    }
    
    .lyrics-poem {
      white-space: pre-line;
      font-family: 'Noto Serif SC', serif;
      font-size: 1.15em;
      line-height: 1.8;
      /* background: #faf7f2; */
      color: white;
      border-radius: 0.7em;
      padding: 1.2em 1.5em;
      margin: 1.5em 0;
      box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    }

}