*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#181937 radial-gradient(ellipse at top,#3a2f6e 0%,#181937 70%);color:#FAF3EC;font-family:Georgia,"Times New Roman",serif;text-align:center}
main{max-width:560px;margin:0 auto;padding:28px 16px 40px}.marque{font:600 11px/1.4 Arial,sans-serif;letter-spacing:.3em;color:#D4A24C;text-transform:uppercase;margin:0 0 6px}
h1{font-family:"Griffy",Georgia,serif;font-weight:400;font-size:clamp(30px,8vw,42px);margin:4px 0 2px;color:#FCE6AE}.livre{font-style:italic;color:#C2BCE0;margin:0 0 20px}
img{width:100%;border-radius:14px;border:2px solid #D4A24C;box-shadow:0 8px 30px rgba(0,0,0,.45);display:block}
.piste{font:600 12px Arial,sans-serif;letter-spacing:.25em;color:#D4A24C;margin:22px 0 4px;text-transform:uppercase}h2{font-family:"Griffy",Georgia,serif;font-weight:400;font-size:28px;margin:0 0 6px}
.quand{color:#C2BCE0;font-style:italic;margin:0 0 18px}audio{width:100%;margin:6px 0 22px}nav{display:flex;justify-content:space-between;gap:12px}
nav a{flex:1;padding:12px;border-radius:10px;background:#3B2A6B;color:#FAF3EC;text-decoration:none;font:600 13px Arial,sans-serif;border:1px solid #D4A24C}
nav a.vide{visibility:hidden}footer{margin-top:28px;font:11px Arial,sans-serif;letter-spacing:.2em;color:#8f88b8}footer a{color:#D4A24C}