:root{--fond:#000;--surface:#121212;--bord:#2c2c2c;--texte:#fff;--doux:#8a8a8a;--accent:#cf0;--erreur:#ff00a0;--decor:#3d3d3d;--mono:ui-monospace, "SF Mono", Menlo, monospace;--ok:#7ee787}*{box-sizing:border-box}body{background:var(--fond);color:var(--texte);margin:0;font-family:-apple-system,system-ui,sans-serif;line-height:1.5}main{max-width:520px;margin:0 auto;padding:24px 16px 64px}a{color:var(--accent)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.surtitre{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:700}h1{text-transform:uppercase;margin:0 0 12px;font-size:28px;font-weight:900;line-height:1.1}h2{margin:28px 0 8px;font-size:18px;font-weight:800}h3{margin:0 0 4px;font-size:16px;font-weight:700}.doux{color:var(--doux)}.carte{background:var(--surface);border:1px solid var(--bord);border-radius:12px;margin:12px 0;padding:16px}.bandeau{border-left:3px solid var(--accent);background:var(--surface);margin:16px 0;padding:8px 12px}label{margin:12px 0 4px;font-weight:600;display:block}input,select{width:100%;min-height:44px;color:var(--texte);background:#1c1c1c;border:1px solid #555;border-radius:8px;padding:10px 12px;font-size:16px}input[type=checkbox]{flex:none;width:22px;height:22px;min-height:22px;margin:2px 8px 0 0}.case{align-items:flex-start;font-weight:400;display:flex}button,.bouton{cursor:pointer;background:var(--accent);color:#000;border:0;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:10px 18px;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}button.secondaire,.bouton.secondaire{color:var(--texte);background:0 0;border:1px solid #666}button:disabled{opacity:.55;cursor:progress}.actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.erreur{color:var(--erreur)}.onglets{gap:8px;margin:8px 0 4px;display:flex}.onglets button[aria-pressed=false]{color:var(--texte);background:0 0;border:1px solid #666}.frise{margin:12px 0;padding:0;list-style:none}.frise li{padding:0 0 10px}.frise-forme{font-family:var(--mono)}.frise li[data-etat=fait] .frise-forme{color:var(--ok)}.frise li[data-etat=en_cours] .frise-forme{color:var(--accent)}.frise li[data-etat=a_venir]{color:var(--doux)}.frise li[data-etat=a_venir] .frise-forme{color:var(--decor)}.qr{background:#fff;border-radius:8px;width:240px;max-width:100%;margin:12px auto;padding:12px}.qr svg{width:100%;height:auto;display:block}dl.calendrier{grid-template-columns:max-content 1fr;gap:4px 12px;margin:0;display:grid}dl.calendrier dt{color:var(--doux)}dl.calendrier dd{margin:0}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.etat .etat-titre{margin:0;font-weight:700}.etat[data-type=erreur]{border-color:var(--erreur)}.etat[data-type=erreur] .etat-titre{color:var(--erreur)}.carte,.bandeau,button,.bouton,input,select,.qr{border-radius:0}.carte,button.secondaire,.bouton.secondaire{border:3px solid var(--texte)}.surtitre,label,dl.calendrier dt,.maj,.etat .etat-titre{font-family:var(--mono)}.surtitre,dl.calendrier dt{letter-spacing:.08em;text-transform:uppercase}.maj{margin:0 0 8px;font-size:12px}
