:root{--bg: #f6f7f9;--fg: #1b1f24;--card: #fff;--line: #d9dde3;--accent: #0b5cad;font-family:system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme: dark){:root{--bg: #14171b;--fg: #e6e8eb;--card: #1d2127;--line: #323841;--accent: #5aa3ec}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg)}header{display:flex;gap:16px;align-items:center;padding:10px 20px;background:var(--card);border-bottom:1px solid var(--line);flex-wrap:wrap}nav{display:flex;gap:4px;flex:1}button{font:inherit;padding:6px 12px;border:1px solid var(--line);border-radius:6px;background:var(--card);color:var(--fg);cursor:pointer}button.actif{border-color:var(--accent);color:var(--accent)}main{padding:20px;max-width:1200px;margin:0 auto}main.centre{text-align:center;margin-top:15vh}h1{font-size:1.3rem;margin-top:0}.aide,small{opacity:.7}.moi{font-size:.9rem}table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line)}th,td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:.9rem}th{font-weight:600}@media (max-width: 700px){main{padding:12px}table{display:block;overflow-x:auto}}