:root { --bg:#0d0422; --ink:#fbeaff; --mut:#b79cd6; --pink:#ff3d8b; --orange:#ff9a3c; --cyan:#22e6ff; --line:rgba(255,92,170,.38); }
* { box-sizing:border-box; }
html { color-scheme:dark; }
html[data-lang="fr"] [lang="en"], html[data-lang="en"] [lang="fr"] { display:none !important; }
body { margin:0; padding:28px 14px 60px; background:radial-gradient(ellipse at 50% 0%,#3a0f6e 0%,#0d0422 60%); color:var(--ink); font:17px/1.6 "Segoe UI",system-ui,sans-serif; min-height:100vh; }
.sheet { max-width:820px; margin:0 auto; background:rgba(22,8,46,.82); border:1px solid var(--line); border-radius:18px; padding:30px 38px 28px; box-shadow:0 0 50px rgba(255,61,139,.2); }
.bar { display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }
.bar a { color:var(--cyan); font-weight:700; text-decoration:none; }
.langs { display:flex; gap:6px; }
.langs button { font:700 12px "Segoe UI"; letter-spacing:.1em; color:var(--ink); background:rgba(10,2,28,.6); border:1px solid var(--line); padding:5px 11px; border-radius:16px; cursor:pointer; }
.langs button[aria-pressed="true"] { background:linear-gradient(90deg,var(--pink),var(--orange)); border-color:transparent; color:#fff; }
h1 { margin:0 0 4px; font:900 italic 34px "Segoe UI Black","Segoe UI",sans-serif; text-transform:uppercase; color:#fff; text-shadow:0 0 18px rgba(255,61,139,.55); }
h2 { margin:26px 0 6px; font-size:15px; letter-spacing:.12em; text-transform:uppercase; color:var(--cyan); }
.date { color:var(--mut); font-size:14px; margin:0; }
p, li { color:#e8d3f5; font-size:16px; } ul { padding-left:22px; }
code { font:13px Consolas,monospace; background:rgba(255,255,255,.08); padding:1px 6px; border-radius:6px; }
a { color:var(--cyan); }
footer { margin-top:30px; padding-top:16px; border-top:1px solid var(--line); text-align:center; font-size:13px; color:var(--mut); }
footer a { color:var(--mut); margin-left:8px; }