/* --- FILE CSS ĐỘC LẬP - HỖ TRỢ ĐỔI CÀI ĐẶT ĐỘNG TỪ NGƯỜI DÙNG --- */

:root {
    --lyrics-font-size: 52px;
    --lyrics-text-color: #ffffff;
    --chords-text-color: #3b82f6; 
    --chord-vertical-offset: 0px; 
    /* Biến kiểm soát khoảng cách giữa các dòng nhạc */
    --line-spacing: 22px; 
}

.lyrics-display { 
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: var(--lyrics-font-size) !important; 
    font-weight: 700; 
    text-align: center !important; 
    color: var(--lyrics-text-color) !important; 
    width: 100%;
    max-width: 1200px;
    line-height: 1; 
    z-index: 2; 
    letter-spacing: -0.5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
} 

.lyric-line-render-block {     
    display: block !important;     
    text-align: center !important;
    /* ĐÃ SỬA: Dùng biến khoảng cách dòng ở đây */
    margin: var(--line-spacing) 0 !important; 
    width: 100% !important;
}

.line-content-content-wrapper {
    display: inline-block !important;
    position: relative !important;
    text-align: left !important; 
    vertical-align: bottom !important;
}

.plain-line-render {     
    font-size: var(--lyrics-font-size) !important;     
    font-weight: 700;     
    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.95), 0 2px 4px rgba(0, 0, 0, 0.95);     
}

.chord-line-render {
    font-size: var(--lyrics-font-size) !important;     
    font-weight: 700;     
}

.lyric-real-text-layer {
    font-size: var(--lyrics-font-size) !important; 
    font-weight: normal; /* Sửa 700 thành normal ở đây */
    color: var(--lyrics-text-color) !important; 
    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.95), 0 2px 4px rgba(0, 0, 0, 0.95); 
    white-space: nowrap !important;
    display: block !important; 
    margin-top: calc(var(--lyrics-font-size) * 0.8); 
}

.chord-absolute-container-layer {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 0 !important;
    white-space: nowrap !important;
}

.js-chord-marker {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    display: block !important;
    height: 0 !important;
}

.js-measurer-span {
    visibility: hidden !important;
    white-space: nowrap !important;
    font-size: var(--lyrics-font-size) !important; 
    font-weight: 700 !important;
    display: inline-block !important;
}

/* Hợp âm nhạc lý */
.chord-absolute-node {
    position: absolute !important;
    /* Hợp âm di chuyển độc lập tại đây */
    bottom: calc(-12px + var(--chord-vertical-offset)) !important; 
    transform: translateX(-50%) !important; 
    font-size: var(--lyrics-font-size) !important; 
    font-weight: 800 !important; 
    color: var(--chords-text-color) !important; 
    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.95), 0 2px 4px rgba(0, 0, 0, 0.95) !important; 
    line-height: 1 !important;
    white-space: nowrap !important;
    user-select: none !important;
    z-index: 5;
}