*{box-sizing:border-box}html{background:#030914}body{margin:0;background:#030914;color:#fff;font-family:Arial,sans-serif}main{max-width:1024px;margin:auto}.poster{position:relative;line-height:0}.poster img{width:100%;height:auto;display:block}.hotspot{position:absolute;display:block;z-index:1;border-radius:3px}.hotspot:focus-visible{outline:4px solid #fff;outline-offset:2px}.listen{left:7.7%;top:50.1%;width:40.7%;height:8%}.insta{left:51.6%;top:50.1%;width:40.5%;height:8%}.footer-insta{left:56.5%;top:94.3%;width:4.4%;height:4%}.footer-x{left:63.5%;top:94.3%;width:4.5%;height:4%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}/* V4 : lecteur natif, distinct de l'image de la V3 */
button{font:inherit;cursor:pointer}.poster .listen{background:transparent;border:0;padding:0}.radio-panel{margin:0 auto 24px;padding:23px 28px 25px;background:linear-gradient(135deg,#081c35,#030914 75%);border-top:1px solid #264c72;border-bottom:1px solid #264c72;line-height:1.4;box-shadow:0 12px 35px #0007}.radio-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:#a6bed8;font-size:12px;font-weight:700;letter-spacing:.09em}.live-dot{width:9px;height:9px;border-radius:50%;background:#4be2b0;box-shadow:0 0 10px #4be2b088}.radio-top #status{margin-left:auto;letter-spacing:0;color:#d2dbe8;font-weight:400}.radio-content{display:flex;align-items:center;gap:20px;margin:22px 0}.radio-content img{width:88px;height:88px;object-fit:cover;background:#17304d;border:1px solid #426282;border-radius:4px}.track{display:flex;flex-direction:column;gap:4px;min-width:0}.track strong{font-size:clamp(18px,3vw,27px);letter-spacing:.025em;overflow-wrap:anywhere}.track #song{font-size:17px;color:#e3ebf5;overflow-wrap:anywhere}.track #album{font-size:13px;color:#92acc8}.eyebrow{color:#6cb5ff;font-size:11px;font-weight:800;letter-spacing:.16em}.radio-controls{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.play-pause{border:1px solid #62b6ff;border-radius:4px;background:#1378d3;color:white;font-weight:800;letter-spacing:.05em;padding:13px 21px;min-width:160px}.play-pause:hover{background:#2392f2}.play-pause:focus-visible,.radio-controls select:focus-visible,.radio-controls input:focus-visible{outline:3px solid #fff;outline-offset:3px}.quality-label,.volume-label{display:flex;align-items:center;gap:9px;color:#a9c1da;font-size:12px;font-weight:700;letter-spacing:.07em}.quality-label select{padding:9px;background:#0c294a;color:white;border:1px solid #4679a5;border-radius:4px}.volume-label input{accent-color:#4daaff;width:130px}.radio-note{margin:17px 0 0;color:#91a9c3;font-size:12px}.radio-note a{color:#93c8ff}@media(max-width:600px){.radio-panel{padding:20px 16px}.radio-controls{gap:15px}.play-pause{width:100%}.radio-content{gap:13px}.radio-content img{width:70px;height:70px}.radio-top #status{margin-left:0;width:100%}}

/* Les boutons visibles sur la maquette restent cliquables sur mobile. */
.poster .listen{touch-action:manipulation}