:root{--blue:#3446b8;--blue-dark:#26339a;--blue-soft:#e8ecfb;--ink:#1c2340;--muted:#5a6385;--line:#e2e7f1;--bg:#f4f7fb;--card:#fff;--green:#23875a;--green-soft:#e3f4ec;--red:#b23a26;--red-soft:#fdebe7;--amber-soft:#fff3d6;--shadow:0 2px 8px #1c23400f}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:Nunito,system-ui,sans-serif;font-size:17px}a{color:var(--blue);font-weight:700}a:hover{color:var(--blue-dark)}h1,h2,h3,.brand{margin:0;font-family:Fredoka,Nunito,sans-serif;font-weight:600}h1{font-size:30px}h2{font-size:21px}.brand{color:var(--blue);font-size:24px;text-decoration:none}.page{flex-direction:column;gap:18px;max-width:1080px;margin:0 auto;padding:24px 20px 48px;display:flex}.narrow{max-width:560px}.topbar{background:var(--card);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.topbar .who{color:var(--muted);font-size:15px;font-weight:700}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spread{justify-content:space-between}.grid2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:18px;display:grid}.card{background:var(--card);box-shadow:var(--shadow);border-radius:18px;flex-direction:column;gap:14px;padding:22px;display:flex}.muted{color:var(--muted);margin:0;font-size:15px}.tag{background:var(--blue-soft);color:var(--blue-dark);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:800;display:inline-block}.tag.devoir{background:var(--amber-soft);color:#7a5200}.tag.vacances{background:var(--green-soft);color:#1b6b47}.code{letter-spacing:.12em;background:var(--blue-soft);color:var(--blue-dark);border-radius:10px;padding:6px 12px;font-family:ui-monospace,monospace;font-size:20px;font-weight:800}label{flex-direction:column;gap:6px;font-size:15px;font-weight:800;display:flex}label.check{flex-direction:row;align-items:flex-start;gap:10px;font-weight:600}input,select,textarea{font:inherit;border:2px solid var(--line);color:var(--ink);background:#fff;border-radius:12px;padding:11px 12px;font-weight:600}input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:none}textarea{resize:vertical;min-height:90px}.fields{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}button{font:inherit;cursor:pointer;border:2px solid var(--blue);background:var(--blue);color:#fff;border-radius:12px;padding:11px 20px;font-weight:800}button:hover{background:var(--blue-dark);border-color:var(--blue-dark)}button:disabled{opacity:.5;cursor:default}button.ghost{color:var(--blue);background:#fff}button.ghost:hover{background:var(--blue-soft)}button.link{color:var(--blue);background:0 0;border:none;padding:0}button.danger{color:var(--red);border-color:var(--red-soft);background:#fff}.choice{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.choice button{color:var(--ink);border-color:var(--line);text-align:left;background:#fff;flex-direction:column;gap:4px;padding:18px;display:flex}.choice button.on{border-color:var(--blue);background:var(--blue-soft)}.choice button small{color:var(--muted);font-size:14px;font-weight:600}.error{background:var(--red-soft);color:var(--red);border-radius:12px;padding:12px 14px;font-weight:700}.ok{background:var(--green-soft);color:#1b6b47;border-radius:12px;padding:12px 14px;font-weight:700}.list{flex-direction:column;display:flex}.list>*{border-top:1px solid var(--line);padding:12px 0}.list>:first-child{border-top:none}.hero{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:40px 0 10px;display:flex}.hero h1{color:var(--blue);font-size:40px}.roles{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;display:grid}.roles a{color:var(--ink);text-decoration:none}.roles .card:hover{outline:3px solid var(--blue)}.pin{letter-spacing:.5em;text-align:center;max-width:200px;font-size:28px}.roles a>.card{height:100%}