.mode-toggle { display: flex; background: var(--input-bg); border-radius: 10px; overflow: hidden; margin-bottom: 25px; border: 1px solid var(--card-border);}
.mode-toggle button { flex: 1; padding: 15px; border: none; background: transparent; font-weight: bold; color: var(--text-dark); cursor: pointer; transition: 0.3s; }
.mode-toggle button.active { background: var(--inuzuka-red); color: white; }

.lyrics-container {
    background: var(--menu-bg); padding: 20px; border-radius: 10px; 
    border: 2px solid var(--card-border); max-height: 400px; overflow-y: auto;
    font-size: 1.1rem; line-height: 2; text-align: center; position: relative;
}

/* Efek Lirik Pudar ke Emas */
.lyric-line { 
    transition: opacity 0.5s ease, color 0.5s ease, font-size 0.3s ease; 
    padding: 5px; 
    border-radius: 5px;
    opacity: 0.4; 
    font-weight: bold;
}
.lyric-line.active { 
    color: #FFD700; 
    font-size: 1.3rem; 
    opacity: 1; 
    text-shadow: 0 0 5px rgba(255, 215, 0, 0.4);
}

.controls { display: flex; justify-content: center; gap: 15px; margin-top: 20px; }
.btn-control {
    width: 60px; height: 60px; border-radius: 50%; border: none;
    background: var(--inuzuka-red); color: white; font-size: 1.5rem;
    cursor: pointer; display: flex; justify-content: center; align-items: center;
    box-shadow: 0 4px 10px rgba(143, 35, 58, 0.4);
}
.btn-control:disabled { background: #999; cursor: not-allowed; box-shadow: none;}

/* Mode Non Audio */
#non-audio-layer {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(255,255,255,0.9); backdrop-filter: blur(5px);
    display: none; flex-direction: column; justify-content: center; align-items: center;
    z-index: 10;
}
body.dark-mode #non-audio-layer { background: rgba(30,30,30,0.9); }
.timer-non-audio {
    position: absolute; top: 10px; right: 20px; font-size: 1.2rem;
    font-weight: bold; color: var(--inuzuka-red); background: var(--input-bg);
    padding: 5px 15px; border-radius: 20px; border: 1px solid var(--inuzuka-red);
}