body{margin:0;font-family:'Inter',sans-serif;background-color:#0f0f0f;color:#f2f2f2;line-height:1.6}h1,h2{text-align:center;text-transform:uppercase;letter-spacing:1px}h1{font-size:2.5rem;margin-top:30px;color:#ff4e88}h2{font-size:1.8rem;margin-bottom:20px;color:#ffd700}.intro{background:linear-gradient(to right,#141414,#1a1a1a);padding:30px 20px;border-bottom:2px solid #ff4e88}main section{background-color:#1a1a1a;border-radius:12px;padding:25px;margin:40px auto;max-width:900px;box-shadow:0 0 10px #000000b3}.son{background:#262626;padding:15px 20px;border-radius:8px;margin-bottom:15px;border-left:4px solid #ff4e88;cursor:pointer;transition:background .3s ease}.son:hover{background:#333}.rappeur{display:inline-block;text-align:center;margin:15px;cursor:pointer}.rappeur img{width:90px;height:90px;border-radius:50%;border:2px solid #ff4e88;object-fit:cover;margin-bottom:5px}.liste-classiques{margin-top:20px;background-color:#202020;padding:15px;border-left:4px solid #ffd700;border-radius:6px;display:none}.liste-classiques ul{margin:0;padding-left:20px}.album{display:flex;align-items:center;gap:20px;background:#262626;padding:15px;border-radius:8px}.album img{width:80px;border-radius:4px}blockquote{background:#111;padding:15px 20px;border-left:4px solid #ffd700;font-style:italic;font-family:'Courier New',monospace;color:#ddd}.top ul{padding-left:20px;list-style:none}.top li::before{content:"đŸ”„ "}iframe{width:100%;height:320px;border-radius:8px;border:none;margin-top:10px}form{display:flex;flex-direction:column;gap:12px}form input,form textarea{background-color:#121212;border:1px solid #333;padding:10px;border-radius:6px;color:#fff}form button{background-color:#ff4e88;color:#fff;font-weight:700;padding:10px;border:none;border-radius:6px;cursor:pointer;transition:background .2s}form button:hover{background-color:#e8437a}.quiz button{background-color:#ffd700;color:#111;font-weight:700;border-radius:30px;padding:10px 20px;font-size:1rem;border:none;cursor:pointer}.quiz button:hover{background-color:#e6c200}@media (max-width: 600px){h1{font-size:2rem}h2{font-size:1.4rem}.rappeur img{width:70px;height:70px}iframe{height:200px}}.son-popup{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#1e1e1e;color:#fff;padding:25px;border-radius:12px;box-shadow:0 0 20px #000;width:90%;max-width:500px;z-index:999;animation:fadeIn .3s ease-in-out}.son-popup img.cover-img{width:100%;border-radius:10px;margin-bottom:15px}.artiste-link{color:#ff4e88;font-weight:700;text-decoration:none;display:inline-block;margin-bottom:8px}.artiste-link:hover{text-decoration:underline}.lyrics-btn{background:#ff4e88;color:#fff;border:none;padding:10px 18px;border-radius:6px;font-weight:700;cursor:pointer}.close-detail{position:absolute;top:10px;right:15px;background:none;border:none;color:#fff;font-size:20px;cursor:pointer}@keyframes fadeIn{from{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%,0)}}.audio-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px;gap:10px}.audio-controls button{background:#ff4e88;border:none;padding:10px 14px;font-size:18px;border-radius:6px;color:#fff;cursor:pointer;transition:background .2s}.audio-controls button:hover{background:#e8437a}.volume-wrapper{position:relative;display:flex;align-items:center}#vol-icon{font-size:18px;background:#333;padding:10px;border-radius:50%}#volume-slider{width:100px;height:4px;appearance:none;background:#ff4e88;border-radius:3px;outline:none;margin-left:10px;opacity:0;transition:opacity .3s ease}.volume-wrapper:hover #volume-slider{opacity:1}.progress-container{display:flex;align-items:center;gap:10px;margin-top:15px}#progress-bar{flex-grow:1;height:4px;appearance:none;background:#ff4e88;border-radius:3px;outline:none;cursor:pointer}#current-time,#duration{font-size:.9rem;color:#ccc}.audio-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:15px}.audio-controls button{background:#ff4e88;color:#fff;border:none;padding:10px 14px;border-radius:6px;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #0003;transition:background .2s ease}.audio-controls button:hover{background:#e8437a}.volume-wrapper{display:flex;align-items:center;gap:10px}#volume-slider{width:100px;accent-color:#ff4e88}.son-popup{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#1e1e1e;color:#fff;padding:25px;border-radius:12px;box-shadow:0 0 20px #000;width:90%;max-width:500px;z-index:999;animation:fadeIn .3s ease-in-out}.son-popup h3{margin:10px 0 5px}.son-popup button{font-family:inherit;border:none;padding:10px 14px;margin:5px 4px 0 0;border-radius:6px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .2s ease}.lyrics-btn{background:#ff4e88;color:#fff}.lyrics-btn:hover{background:#e8437a}#play-btn,#prev-btn,#next-btn,#stop-btn{background:#333;color:#fff;border:2px solid #ff4e88}#play-btn:hover,#prev-btn:hover,#next-btn:hover,#stop-btn:hover{background-color:#ff4e88;color:#fff}#stop-btn{background-color:#222;color:#eee}.volume-wrapper{display:flex;align-items:center;margin-top:10px}#vol-icon{font-size:18px;background:#444;padding:8px;border-radius:50%;border:none;cursor:pointer}#volume-slider{margin-left:10px;width:100px;height:4px;background:#ff4e88;border-radius:3px;appearance:none;outline:none;opacity:.8;transition:opacity .3s ease}.volume-wrapper:hover #volume-slider{opacity:1}.progress-container{display:flex;align-items:center;margin-top:15px;gap:10px}#progress-bar{flex-grow:1;accent-color:#ff4e88}.volume-wrapper{display:flex;align-items:center;gap:10px;position:relative}#vol-icon{font-size:20px;background:#444;color:#fff;padding:10px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s ease}#volume-slider{width:0;height:4px;opacity:0;background:#ff4e88;border-radius:3px;transition:all .3s ease;appearance:none;outline:none;cursor:pointer}.volume-wrapper:hover #volume-slider{width:100px;opacity:1}.liste-classiques-cards{display:flex;flex-wrap:wrap;gap:15px;margin-top:15px}.card-son{background-color:#1f1f1f;width:160px;border-radius:10px;overflow:hidden;cursor:pointer;box-shadow:0 0 5px #0006;transition:transform .2s ease}.card-son:hover{transform:scale(1.03)}.card-son img{width:100%;height:120px;object-fit:cover}.card-son .info{padding:10px;text-align:center}.card-son .titre{font-size:.9rem;color:#f2f2f2;margin-bottom:8px}.jouer-btn{background-color:#ff4e88;color:#fff;border:none;padding:6px 12px;border-radius:20px;font-size:.85rem;cursor:pointer;transition:background .2s}.jouer-btn:hover{background-color:#e8437a}.rappeurs{padding:30px 20px;background:#121212;border-radius:12px;max-width:1000px;margin:40px auto}.rappeur{display:inline-block;text-align:center;margin:15px;cursor:pointer}.rappeur img{width:80px;height:80px;object-fit:cover;border-radius:50%;border:2px solid #ff4e88}.rappeur span{display:block;margin-top:8px;color:#f2f2f2;font-weight:700}.classiques-rappeur{display:none;margin-top:20px;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.carte-son{background:#1f1f1f;padding:15px;width:170px;border-radius:8px;text-align:center;transition:transform .2s ease}.carte-son:hover{transform:scale(1.03)}.carte-son img{width:100%;border-radius:6px;height:100px;object-fit:cover;margin-bottom:10px}.carte-son p{font-size:.95rem;color:#eaeaea;margin-bottom:8px}.carte-son button{background:#ff4e88;border:none;padding:6px 14px;border-radius:20px;color:#fff;font-weight:700;cursor:pointer}.carte-son button:hover{background:#e8437a}.rappeurs-liste{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:20px}.rappeur{display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .2s}.rappeur:hover{transform:scale(1.05)}.rappeur img{width:80px;height:80px;border-radius:50%;border:2px solid #ff4e88;object-fit:cover}.rappeur span{color:#fff;margin-top:6px;font-weight:700}.classiques-rappeur{display:none;flex-wrap:wrap;gap:20px;justify-content:center;margin-top:20px}.carte-son{background:#1f1f1f;padding:15px;width:170px;border-radius:8px;text-align:center}.carte-son img{width:100%;border-radius:6px;height:100px;object-fit:cover;margin-bottom:10px}.carte-son p{font-size:.95rem;color:#eaeaea;margin-bottom:8px}.carte-son button{background:#ff4e88;border:none;padding:6px 14px;border-radius:20px;color:#fff;font-weight:700;cursor:pointer}.rappeurs-container{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:30px}.rappeur{text-align:center;cursor:pointer;transition:transform .2s ease}.rappeur img{width:90px;height:90px;object-fit:cover;border-radius:50%;border:3px solid #ff4e88}.rappeur span{display:block;margin-top:8px;font-weight:700;color:#fff}.rappeur:hover{transform:scale(1.05)}.classiques-rappeur{display:none;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:40px}.carte-son{background:#1a1a1a;border-radius:10px;padding:15px;width:180px;text-align:center;box-shadow:0 0 10px #0006}.carte-son img{width:100%;height:100px;object-fit:cover;border-radius:8px}.carte-son p{color:#ffd700;margin:10px 0}.carte-son button{background:#ff4e88;border:none;padding:8px 14px;color:#fff;border-radius:6px;cursor:pointer;font-weight:700;transition:background .2s ease}.carte-son button:hover{background:#e8437a}.classiques-rappeur{display:none;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px}.albums-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.album{width:150px;text-align:center}.album img{width:100%;border-radius:5px}.album-cult{width:100%;background-color:#111;border:2px solid #f39;border-radius:12px;padding:15px;color:#fff;transition:all .3s ease;box-sizing:border-box}.tracklist{list-style:none;padding:0;margin-top:10px}.tracklist li{padding:4px}.tracklist li.highlight{font-weight:700;color:#daa520;text-shadow:0 0 5px #ffd700}.album-carte{width:200px;margin:15px;text-align:center;cursor:pointer}.album-carte img{width:100%;border-radius:5px;transition:transform .3s}.album-carte:hover img{transform:scale(1.05)}.tracklist{margin-top:10px;font-size:14px;text-align:left}.hit.gold{display:inline-block;margin-top:8px;padding:4px 8px;background:#ffd700;color:#000;border-radius:4px;box-shadow:0 0 10px #ffd700;font-weight:700}.albums-grid{display:flex;flex-wrap:wrap;gap:24px;justify-content:space-evenly}.album-cult:hover{transform:scale(1.04)}.album-cult img{width:100%;border-radius:6px}.album-cult h3{font-size:15px;color:#fff;margin-top:10px}.tracklist{margin-top:10px;list-style:none;padding-left:0;text-align:left;display:none}.tracklist li{font-size:14px;color:#fff}.tracklist li.highlight{color:#ffd700;font-weight:700;text-shadow:0 0 6px #ffd700}.gold-track{color:#ffd700;font-weight:700;text-shadow:0 0 6px #ffd700}.album-cult-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.album-cult-item{width:22%;background-color:#111;border:2px solid #f39;border-radius:12px;padding:15px;text-align:center;color:#fff;display:none;flex-direction:column}.album-cult-item img{width:100%;border-radius:8px;margin-bottom:10px}.album-cult-item h3{margin:10px 0 5px;font-size:1.1em}.album-cult-item p{font-size:.9em;color:#ccc}#showMoreBtn{margin-top:20px;padding:10px 20px;font-weight:700;background-color:#fc0;border:none;border-radius:8px;cursor:pointer}.album-cult-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.album-cult-item{width:22%;background-color:#111;border:2px solid #f39;border-radius:12px;padding:15px;text-align:center;color:#fff;cursor:pointer;transition:transform .3s ease}.album-cult-item:hover{transform:scale(1.03)}.album-cult-item img{width:100%;border-radius:8px;margin-bottom:10px}.album-cult-item h3{margin:10px 0 5px;font-size:1.1em}.album-cult-item p{font-size:.9em;color:#ccc}.tracklist{margin-top:15px;text-align:left;padding:10px;background-color:#222;border-radius:8px;border-left:4px solid #ffd700;display:none;animation:fadeIn .4s ease}.tracklist li{padding:3px 0;list-style-type:disc;margin-left:20px}.gold-track{color:#ffd700;font-weight:700;text-shadow:0 0 6px #ffd700;position:relative}.gold-track::before{content:"⭐ ";position:absolute;left:-20px}.hidden{display:none}@keyframes fadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.albums-grid{display:flex;flex-direction:column;gap:20px}.album-cult{background-color:#111;border:2px solid #f39;border-radius:12px;padding:15px;color:#fff;transition:all .3s ease}.album-cult:hover{background-color:#181818}.album-info{display:flex;align-items:center;gap:15px}.album-info img{width:100px;height:100px;object-fit:cover;border-radius:8px;flex-shrink:0}.album-text h3{margin:0 0 5px;font-size:1.1em}.album-text p{margin:0;font-size:.9em;color:#ccc}.tracklist{display:none;margin-top:10px;padding-left:20px;border-left:3px solid #ffd700;animation:fadeIn .3s ease}.tracklist li{padding:4px 0;color:#ddd;list-style-type:disc}.gold-track{color:#ffd700;font-weight:700;text-shadow:0 0 6px #ffd700}@keyframes fadeIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.punchlines{background-color:#1a1a1a;padding:25px;border-radius:12px;max-width:900px;margin:40px auto;text-align:center}.punchline{background:#111;color:#ddd;border-left:4px solid #ffd700;font-family:'Courier New',monospace;font-style:italic;padding:12px 18px;margin:12px 0;display:none}#loadMoreBtn{margin-top:20px;padding:10px 22px;font-weight:700;background-color:#ffd700;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}#loadMoreBtn:hover{background-color:#e6c200}#loadAlbumsBtn{margin-top:20px;padding:10px 22px;font-weight:700;background-color:#ffd700;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}#loadAlbumsBtn:hover{background-color:#e6c200}.clips-grid{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-top:20px}.clip-card{width:200px;cursor:pointer;border-radius:8px;overflow:hidden;transition:transform .3s ease;box-shadow:0 0 6px #0006}.clip-card:hover{transform:scale(1.05)}.clip-card img{width:100%;height:120px;object-fit:cover;display:block}.video-player{position:relative;margin-top:30px;animation:fadeIn .4s ease-in-out}.video-player video{width:100%;max-height:500px;border-radius:10px;box-shadow:0 0 10px #000}.video-title{margin-top:10px;font-weight:700;text-align:center;font-size:1.1rem;color:#ffd700}.close-video{position:absolute;top:10px;right:15px;background:#ff4e88;color:#fff;border:none;padding:8px 12px;font-size:16px;border-radius:6px;cursor:pointer;transition:background .2s ease}.close-video:hover{background:#e8437a}.hidden{display:none}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.clip-cover{width:150px;height:150px;object-fit:contain;border-radius:8px;background-color:#000}.clips-grid{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;padding-top:20px}.clip-card{width:180px;cursor:pointer;transition:transform .3s ease}.clip-card img{width:100%;border-radius:8px;object-fit:cover}.clip-card:hover{transform:scale(1.05)}.video-container{position:relative;width:100%;padding-top:56.25%;display:none;margin-top:20px}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;box-shadow:0 0 20px #000}.close-yt{position:absolute;top:-40px;right:0;background:#ff4e88;color:#fff;border:none;font-size:20px;padding:8px 12px;border-radius:6px;cursor:pointer;z-index:2}.btn-retour{display:inline-block;padding:12px 20px;background-color:#ff4e88;color:#fff;text-decoration:none;border-radius:8px;font-weight:700;transition:background-color .3s ease}.btn-retour:hover{background-color:#ff2f6d}.son{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.son:hover{transform:scale(1.02);box-shadow:0 0 10px #ff4e88}.play-hint{float:right;color:#ff4e88;font-weight:400;font-size:.9em}.album-cult{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.album-cult:hover{transform:scale(1.01);box-shadow:0 0 10px #ff4e88}.hint-tracklist{display:inline-block;margin-top:5px;color:#ff4e88;font-size:.85em;font-weight:500}/* --- Compat burger quand on utilise