:root{--marine:#10387f;--marine-deep:#0b2a63;--bleu:#1d5cc9;--bleu-clair:#9cc2ff;--ciel:#eaf2fe;--blanc:#fff;--or:#f4b942;--encre:#1b2c4d;--muted:#5a6b8c;--rouge:#c0392b;--bordure:#d7e4f8;--radius:14px;--shadow:0 2px 12px #10387f1a;--font:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}body{font-family:var(--font);background:var(--ciel);color:var(--encre);-webkit-font-smoothing:antialiased;margin:0}.hero{background:linear-gradient(175deg, var(--marine-deep) 20%, var(--bleu) 140%);color:#fff;text-align:center;padding:92px 20px 36px;position:relative;overflow:hidden}.hero-mini{padding:74px 20px 26px}.bunting{display:block;position:absolute;top:0;left:0}.lang-btn{z-index:5;background:var(--blanc);color:var(--marine);font:inherit;letter-spacing:.04em;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:.8rem;font-weight:800;display:inline-flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 8px #0b2a634d}.lang-btn svg{border-radius:2.5px;display:block}.lang-btn:hover{filter:brightness(.96)}.kicker{letter-spacing:.2em;text-transform:uppercase;color:var(--bleu-clair);margin:0 0 6px;font-size:.78rem;font-weight:700}.hero h1{letter-spacing:-.02em;text-shadow:0 2px #0000002e;margin:0;font-size:clamp(1.7rem,6.5vw,3rem);font-weight:900}.hero .sub{color:#dbe8ff;max-width:36ch;margin:10px auto 16px;font-size:1.05rem}.pill{background:#ffffff1f;border:1px solid #ffffff59;border-radius:999px;padding:6px 14px;font-size:.85rem;font-weight:700;display:inline-block}.pill.open{background:#6edc8233;border-color:#6edc828c}.pill.dark{background:var(--marine);color:#fff;border-color:var(--marine)}.pill.dark.open{background:#1c7c3d;border-color:#1c7c3d}main{max-width:1080px;margin:0 auto;padding:24px 16px 60px}main.narrow{max-width:720px}footer{text-align:center;color:var(--muted);padding:0 20px 40px;font-size:.85rem}.muted{color:var(--muted)}.error{color:var(--rouge);margin:10px 0 0;font-weight:600}.empty{text-align:center;color:var(--muted);padding:40px 20px;font-size:1.05rem}.notice{background:var(--blanc);border-left:5px solid var(--or);border-radius:var(--radius);box-shadow:var(--shadow);margin:0 0 20px;padding:14px 18px;font-size:1.02rem}.grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:16px;display:grid}.card{background:var(--blanc);border-radius:var(--radius);box-shadow:var(--shadow);border:2px solid #0000;overflow:hidden}.card.voted{border-color:var(--bleu)}.photo{aspect-ratio:4/3;background:linear-gradient(160deg, var(--ciel), #d8e7fc)}.photo img{object-fit:cover;width:100%;height:100%;display:block}.no-photo{height:100%;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-weight:600;display:flex}.no-photo span{font-size:2.4rem}.card-body{padding:14px}.card-body h2{color:var(--marine);margin:0 0 12px;font-size:1.15rem;font-weight:800}.btn{font:inherit;cursor:pointer;color:var(--marine);text-align:center;background:#e4edfb;border:none;border-radius:11px;padding:11px 18px;font-weight:700;text-decoration:none;display:inline-block}.btn:hover{filter:brightness(.96)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--bleu);color:#fff}.btn.ghost{border:1.5px solid var(--bordure);background:0 0}.btn.danger{background:var(--rouge);color:#fff}.btn.small{border-radius:9px;padding:8px 10px}.btn.tiny{color:var(--rouge);background:#f3e0e0;border-radius:7px;padding:2px 9px;font-size:.8rem}.vote-btn{width:100%}.vote-btn.voted{background:var(--marine);color:var(--or);opacity:1}:focus-visible{outline:3px solid var(--bleu);outline-offset:2px}.modal{z-index:50;background:#0b2a638c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal[hidden]{display:none}.modal-card{background:var(--blanc);border-radius:var(--radius);width:100%;max-width:420px;padding:22px;box-shadow:0 12px 40px #0b2a6359}.modal-card h2{color:var(--marine);margin:0 0 8px;font-size:1.2rem}.modal-card .muted{margin:0 0 14px;font-size:.92rem}.modal-card input{width:100%;font:inherit;border:1.5px solid var(--bordure);border-radius:11px;padding:12px 14px}.modal-card input:focus{border-color:var(--bleu);outline:none}.modal-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.confetti{clip-path:polygon(50% 100%,0 0,100% 0);z-index:99;pointer-events:none;width:10px;height:14px;animation:2.9s ease-in forwards fall;position:fixed;top:-14px}@keyframes fall{to{transform:translateY(105vh)rotate(560deg)}}.panel-card{background:var(--blanc);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:18px 20px}.panel-card h2{color:var(--marine);margin:0 0 8px;font-size:1.15rem}.panel-card form input{width:100%;font:inherit;border:1.5px solid var(--bordure);border-radius:11px;margin-bottom:10px;padding:12px 14px}.panel-card form input:focus{border-color:var(--bleu);outline:none}.panel-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.add-form{gap:10px;display:flex}.add-form input{flex:1;margin-bottom:0}.count-badge{background:var(--ciel);color:var(--marine);vertical-align:2px;border-radius:999px;padding:2px 10px;font-size:.85rem;display:inline-block}.class-list{flex-direction:column;gap:10px;margin-top:12px;display:flex}.class-row{border:1px solid var(--bordure);border-radius:12px;align-items:center;gap:12px;padding:10px;display:flex}.class-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.class-info .muted{font-size:.82rem}.class-actions{gap:6px;display:flex}.thumb{object-fit:cover;border-radius:8px;flex:none;width:76px;height:57px}.thumb-empty{background:var(--ciel);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.links-card{flex-wrap:wrap;gap:10px;display:flex}.results-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:16px;display:flex}.auto-refresh{margin-left:auto;font-size:.82rem}.result-row{background:var(--blanc);border-radius:var(--radius);box-shadow:var(--shadow);border:2px solid #0000;margin-bottom:12px;padding:14px 16px}.result-row.first{border-color:var(--or)}.result-head{align-items:center;gap:12px;display:flex}.rank{background:var(--marine);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-weight:800;display:flex}.result-row.first .rank{background:var(--or);color:var(--marine-deep)}.result-title{flex-direction:column;gap:2px;min-width:0;display:flex}.result-title strong{color:var(--marine);font-size:1.05rem}.bar{background:var(--ciel);border-radius:999px;height:10px;margin-top:12px;overflow:hidden}.bar i{background:linear-gradient(90deg, var(--bleu), var(--marine));border-radius:999px;height:100%;transition:width .6s;display:block}.result-row details{margin-top:10px}.result-row summary{cursor:pointer;color:var(--bleu);font-size:.9rem;font-weight:600}.voters{flex-direction:column;gap:6px;margin:10px 0 0;padding:0;list-style:none;display:flex}.voters li{background:var(--ciel);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;font-size:.92rem;display:flex}.danger-zone{margin:24px 0 16px;padding:0 4px}.danger-zone summary{cursor:pointer;color:var(--muted);font-size:.88rem;font-weight:600}.danger-zone p{font-size:.88rem}@media (max-width:480px){.add-form{flex-direction:column}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}