body { font-family: 'Montserrat', sans-serif; padding-top: 60px; background: #f8f9fa; }
main { max-width: 900px; margin: 2rem auto; padding: 2.5rem; background: #fff; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
.yt-pro { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 12px; margin-bottom: 2rem; background: #000; }
.yt-pro iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.navbar { background: #1a202c !important; }
#btnL, #btnR { position: fixed; top: 12px; width: 42px; height: 42px; z-index: 1080; border: 0; border-radius: 10px; display: flex; align-items: center; justify-content: center; }
#btnL { left: 12px; } #btnR { right: 12px; }
.audio-bottom { margin-top: 3rem; padding-top: 2rem; border-top: 2px solid #f1f1f1; }