:root{--bleu: #1f3864;--bleu-clair: #2e5395;--fond: #f5f7fb;--ok: #2e7d32;--carte: #ffffff;--bord: #dde3ee;--texte: #1c2333}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--fond);color:var(--texte)}a{color:var(--bleu-clair);text-decoration:none}header.topbar{background:var(--bleu);color:#fff;padding:.7rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}header.topbar .titre{font-weight:700;font-size:1.05rem}header.topbar button{background:transparent;border:1px solid #ffffff66;color:#fff;border-radius:6px;padding:.3rem .8rem;cursor:pointer}main{max-width:860px;margin:0 auto;padding:1rem}.carte{background:var(--carte);border:1px solid var(--bord);border-radius:10px;padding:1rem;margin:.7rem 0}.carte h3{margin:0 0 .4rem}.ligne{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.progress{background:var(--bord);border-radius:6px;height:10px;flex:1;min-width:120px;overflow:hidden}.progress>div{background:var(--ok);height:100%;transition:width .4s}.badge{font-size:.75rem;background:var(--fond);border:1px solid var(--bord);border-radius:12px;padding:.15rem .6rem;white-space:nowrap}.muted{color:#667;font-size:.85rem}form.pile{display:grid;gap:.75rem;max-width:380px;margin:3rem auto;background:var(--carte);border:1px solid var(--bord);border-radius:10px;padding:1.4rem}input,button.principal{padding:.6rem .8rem;border-radius:8px;border:1px solid var(--bord);font-size:1rem}button.principal{background:var(--bleu);color:#fff;border:none;cursor:pointer}button.principal:disabled{opacity:.6}.erreur{color:#c62828;font-size:.9rem}.viewer{width:100%;height:75vh;border:1px solid var(--bord);border-radius:10px;background:#fff}.ressource-item{display:flex;align-items:center;gap:.6rem;padding:.55rem .4rem;border-bottom:1px solid var(--bord);cursor:pointer}.ressource-item:hover{background:var(--fond)}.coche{color:var(--ok);font-weight:700;width:1.2rem}.retour{display:inline-block;margin-bottom:.6rem}@media (max-width: 600px){main{padding:.6rem}.viewer{height:65vh}header.topbar .titre{font-size:.95rem}}