:root { --fond: #000; --surface: #141414; --texte: #ededed; --second: #a3a3a3; --accent: #9d7ef1; --sur-accent: #0b0b0d; color-scheme: dark; }
@media (prefers-color-scheme: light) { :root { --fond: #fff; --surface: #f5f4f2; --texte: #111; --second: #555; color-scheme: light; } }
* { box-sizing: border-box; }
body { background: var(--fond); color: var(--texte); font: 15px/1.5 system-ui, -apple-system, "Segoe UI", sans-serif; margin: 0; }
main { align-items: center; display: flex; flex-direction: column; gap: 14px; margin: 0 auto; max-width: 420px; padding: 40px 16px; text-align: center; }
.image { aspect-ratio: 4 / 5; background: var(--surface); border-radius: 18px; max-width: 100%; object-fit: cover; width: 100%; }
.marque { color: var(--accent); font-size: 40px; font-weight: 700; letter-spacing: -1px; padding: 48px 0 12px; }
h1 { font-size: 22px; letter-spacing: -0.3px; line-height: 1.25; margin: 8px 0 0; text-wrap: balance; }
p { color: var(--second); margin: 0; }
.ouvrir { background: var(--accent); border-radius: 999px; color: var(--sur-accent); font-weight: 700; margin-top: 10px; padding: 14px 26px; text-decoration: none; }
.note { font-size: 12.5px; margin-top: 6px; }