:root{--nuit:#13213d;--nuit2:#1d2f55;--fond:#e9f0fb;--contour:#bccbe8;--gris:#5b6880;--or:#c9a24a;--or-clair:#fbf0d2;--or-trait:#e2c477;--ambre:#f4b23e;--ambre-clair:#fff1d3;--bleu:#2f6fd6;--bleu-fonce:#1d3f94;--bleu-clair:#e3edfd;--plume:linear-gradient(135deg, #19b4cf 0%, #2f6fd6 55%, #1d3f94 100%);--vert:#2e9e6a;--vert-clair:#e2f4ea;--corail:#d9603f;--corail-clair:#fde8e1;--titre:"Literata", Georgia, "Times New Roman", serif;--texte:"Atkinson Hyperlegible", -apple-system, "Segoe UI", Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--fond);color:var(--nuit);font-family:var(--texte);font-size:16px;line-height:1.45}#root{min-height:100vh}.page{max-width:480px;padding:max(14px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 32px max(16px, env(safe-area-inset-left));align-content:start;gap:12px;min-height:100vh;margin:0 auto;display:grid}.page.sombre{background:linear-gradient(170deg, var(--nuit) 0%, var(--nuit2) 55%, var(--bleu-fonce) 100%);color:#fff;max-width:none}.page.sombre>*{justify-self:center;width:100%;max-width:448px}h1,h2,h3{font-family:var(--titre);color:inherit;text-wrap:balance;margin:0}h1{font-size:1.9rem}h2{font-size:1.3rem}h3{font-size:1.05rem}p{text-wrap:balance;margin:0}.centre{text-align:center;justify-items:center}.sous{color:var(--gris);font-size:.9rem}.nowrap{white-space:nowrap}.pile{gap:2px;display:grid}.marque{font-family:var(--titre);justify-content:center;align-items:center;gap:8px;font-weight:700;display:flex}.marque img{border-radius:7px;width:28px;height:28px}.btn{font:inherit;cursor:pointer;text-align:center;text-wrap:balance;border:0;border-radius:14px;width:100%;padding:13px 16px;font-weight:700}.btn:disabled{opacity:.55;cursor:default}.btn.plume{background:var(--plume);color:#fff;box-shadow:0 4px 12px #2f6fd652}.btn.or{color:var(--nuit);background:linear-gradient(135deg,#f3d27a,#c9a24a)}.btn.creux{color:var(--bleu-fonce);border:2px solid var(--bleu);background:#fff}.btn.danger{background:var(--corail);color:#fff}.btn.grand{justify-items:center;gap:2px;padding:16px;display:grid}.btn.grand .gros{font-size:1.25rem}.btn.grand .petit{opacity:.92;font-size:.88rem;font-weight:400}.btn:focus-visible,.lien:focus-visible,.choix:focus-visible{outline:3px solid var(--ambre);outline-offset:2px}.lien{font:inherit;color:var(--bleu);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-weight:700}.lien.centre{justify-self:center}.bloc{border:1.5px solid var(--contour);background:#fff;border-radius:16px;gap:8px;padding:14px;display:grid}.bloc.or{background:var(--or-clair);border-color:var(--or-trait)}.bloc.bleu{background:var(--bleu-clair);border-color:#a9c3f2}.bloc.corail{background:var(--corail-clair);border-color:#f0b4a3}.bloc.nuit{background:linear-gradient(150deg, var(--nuit), var(--nuit2));border-color:var(--nuit);color:#fff}.pastille-titre{letter-spacing:.05em;text-transform:uppercase;background:var(--or-clair);color:#7a5a10;border:1.5px solid var(--or-trait);border-radius:999px;justify-self:start;padding:3px 11px;font-size:.74rem;font-weight:700}.centre .pastille-titre{justify-self:center}.pastille-titre.bleu{background:var(--bleu-clair);color:var(--bleu-fonce);border-color:#a9c3f2}.pastille-titre.corail{color:var(--corail);background:#fff;border-color:#f0b4a3}.pastille-titre.nuit{color:#f3d27a;background:#ffffff1f;border-color:#f3d27a80}.prenom{color:var(--bleu-fonce);background:linear-gradient(#0000 58%,#f4b23e8c 58%);padding:0 2px;font-weight:700}.bloc.nuit .prenom,.page.sombre .prenom{color:#fff}.classe{font-size:1.02rem;font-weight:700}.ligne{align-items:center;gap:12px;display:flex}.ligne .grand{flex:1;min-width:0}.avatar{color:#fff;width:44px;height:44px;box-shadow:0 0 0 2px var(--or-trait);border:3px solid #fff;border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}label{color:var(--gris);font-size:.9rem}.champ{font:inherit;border:1.5px solid var(--contour);width:100%;color:var(--nuit);background:#fff;border-radius:12px;padding:12px;font-size:16px}.mdp{position:relative}.mdp .champ{padding-right:52px}.oeil{cursor:pointer;background:0 0;border:0;padding:6px;font-size:1.2rem;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.accord{background:var(--or-clair);border:2px solid var(--or);cursor:pointer;color:var(--nuit);border-radius:14px;align-items:flex-start;gap:12px;padding:12px;font-size:.92rem;font-weight:700;display:flex}.accord input{width:24px;height:24px;accent-color:var(--bleu);flex:none;margin:0}.code{font-family:var(--titre);letter-spacing:.18em;text-align:center;font-variant-numeric:tabular-nums;color:var(--bleu-fonce);font-size:2.3rem}.onglets{border:1.5px solid var(--contour);background:#fff;border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;padding:4px;display:grid}.onglets button{font:inherit;cursor:pointer;color:var(--nuit);background:0 0;border:0;border-radius:10px;padding:9px}.onglets button.actif{background:var(--ambre);font-weight:700;box-shadow:0 2px #c98a14}.choix{font:inherit;border:1.5px solid var(--contour);cursor:pointer;color:var(--nuit);background:#fff;border-radius:14px;justify-items:center;gap:4px;padding:10px 8px;display:grid}.choix.actif{background:var(--ambre-clair);border:2px solid var(--ambre);font-weight:700}.grille-choix{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.message{text-wrap:balance;border:1.5px solid;border-radius:12px;padding:10px 12px;font-size:.92rem}.message.ok{background:var(--vert-clair);color:#155c39;border-color:#9fd8b9}.message.erreur{background:var(--corail-clair);color:#8c2f1c;border-color:#f0b4a3}.message.info{background:var(--bleu-clair);color:var(--bleu-fonce);border-color:#a9c3f2}.liste{display:grid}.liste .el{border-bottom:1px solid #e1e8f5;justify-content:space-between;align-items:center;gap:10px;padding:11px 2px;display:flex}.liste .el:last-child{border-bottom:0}.texte-long p{text-wrap:pretty;margin-bottom:8px}