@font-face{font-family:Inter;src:url('/fonts/inter-latin-wght-normal.woff2') format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f7f8fc;color:#202439;font-family:Inter,system-ui,sans-serif;font-size:15px;line-height:1.55}a{color:#5844bd;text-decoration:none}a:hover{text-decoration:underline}header{min-height:82px;padding:18px 5vw;display:flex;justify-content:space-between;align-items:center;background:white;border-bottom:1px solid #e7e8f0;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:19px;color:#22263c}.brand strong{font-size:15px;border-left:1px solid #ddd;padding-left:15px;margin-left:5px}.logo{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#6550d8;color:white;font-weight:800}nav{display:flex;align-items:center;gap:25px;font-size:13px}main{max-width:1200px;margin:auto;padding:48px 30px;min-height:78vh}h1,h2,h3{line-height:1.15;letter-spacing:-.035em}h1{font-size:44px;margin:10px 0 22px}h2{font-size:27px}h3{font-size:20px}p{color:#667086}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#7563c9;font-size:11px;font-weight:800}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding:40px 0 80px}.hero h1{font-size:62px;letter-spacing:-.06em}.hero h1 em{color:#6550d8;font-style:normal}.hero p{font-size:18px;max-width:500px}.actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:24px 0}.button,button{border:1px solid #6550d8;background:#6550d8;color:white;padding:12px 19px;border-radius:9px;font:inherit;font-weight:600;cursor:pointer;display:inline-block}.button:hover,button:hover{background:#5140b1;color:white;text-decoration:none}.secondary{background:white;color:#5844bd;border-color:#e0ddf0}.danger{background:white;color:#a72b3e;border-color:#edcbd1}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #baaef7;outline-offset:3px}.panel,.card{background:white;border:1px solid #e4e6ef;border-radius:16px;padding:25px;box-shadow:0 3px 12px #29305203}.visual{background:#eeebfc;border-radius:28px;padding:30px;transform:rotate(-2deg)}.visual .panel{transform:rotate(2deg)}.tag{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6550d8;background:#f0ecff;padding:5px 9px;border-radius:5px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}.card{display:flex;flex-direction:column;align-items:flex-start}.card p{flex:1}.card .actions{margin-bottom:0}.muted,small{color:#798197}.row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.narrow{max-width:580px;margin:15px auto}label{display:block;font-weight:600;font-size:13px;margin:16px 0 6px}input,textarea,select{width:100%;padding:12px;border:1px solid #d9ddeb;border-radius:8px;background:white;color:#252940;font:inherit}textarea{min-height:100px;resize:vertical}.editor{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}.editor aside{position:sticky;top:20px}.activity{margin-bottom:20px}.activity input[type=number]{width:110px}.code{font-size:44px;font-weight:800;letter-spacing:.16em;color:#6550d8;font-variant-numeric:tabular-nums}.live{display:grid;grid-template-columns:1.35fr 1fr;gap:24px;align-items:start}.reading{white-space:pre-wrap;font-size:18px;color:#3f465e}.choices{display:grid;gap:12px;margin:24px 0}.choices button{text-align:left;background:#f5f3fd;color:#3f346b;border-color:#e5e0f7}.choices button:hover{background:#e5ddff}.cloud{display:flex;flex-wrap:wrap;gap:15px;align-items:center;justify-content:center;padding:25px 5px;min-height:150px}.cloud span{color:#6950c9;font-weight:700;line-height:1.1}.weight-1{font-size:18px}.weight-2{font-size:25px}.weight-3{font-size:33px}.weight-4{font-size:41px}.weight-5{font-size:48px}.result{margin:16px 0}progress{width:100%;height:12px;accent-color:#7963d9}.notice{padding:14px 18px;border-radius:9px;background:#fff6dd;color:#74591d;margin:18px 0}.success{background:#e5f5ef;color:#246b53}.empty{padding:55px;text-align:center}.mini-stats{display:flex;gap:30px;margin-top:35px;font-size:13px;color:#6d7385}.mini-stats strong{display:block;color:#373c54;font-size:23px}.steps{border-top:1px solid #e1e3ee;padding-top:35px}.quote{padding:12px;background:#f6f5fb;border-radius:8px;color:#4d546b}.top-link{font-size:13px}#message{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#253044;color:white;border-radius:9px;padding:15px 25px;max-width:90vw;box-shadow:0 4px 25px #0002;z-index:10}#message:empty{display:none}footer{display:flex;justify-content:center;gap:30px;padding:24px;border-top:1px solid #e4e6ef;color:#858a9a;font-size:12px}#compte{display:flex;gap:10px;align-items:center}#compte button{font-size:11px;padding:7px}.presentation header,.presentation footer{display:none}.presentation main{max-width:1600px}.presentation .live{grid-template-columns:1fr}.presentation h2{font-size:46px}.presentation .cloud{min-height:250px}@media(max-width:800px){header,nav{flex-wrap:wrap;gap:14px}main{padding:30px 18px}.hero,.live,.editor{grid-template-columns:1fr;gap:24px}.hero{padding:12px 0 40px}.hero h1{font-size:44px}.grid{grid-template-columns:1fr}.visual{margin:15px}.editor aside{position:static}h1{font-size:34px}footer{flex-wrap:wrap;gap:12px}.code{font-size:30px}nav{font-size:12px}}
.check{display:flex;align-items:center;gap:10px;font-weight:500}
.check input{width:auto}
.two{display:grid;grid-template-columns:140px 1fr 1fr;gap:14px;align-items:end}
.join-panel{margin-bottom:18px}
.qr{width:160px;height:160px;border-radius:10px;border:1px solid #e4e6ef;background:white;padding:6px}
.chrono{font-size:26px;font-weight:800;color:#5844bd;font-variant-numeric:tabular-nums;margin:6px 0}
.chrono.urgent{color:#a72b3e}
.chrono:empty{display:none}
.choices button.picked{background:#6550d8;color:white;border-color:#6550d8}
.scale{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0 8px}
.scale button{min-width:52px;flex:1;background:#f5f3fd;color:#3f346b;border-color:#e5e0f7;font-size:18px}
.scale button:hover{background:#e5ddff}
.ranking,.leaderboard,.ranking-result{list-style:none;margin:16px 0;padding:0;display:grid;gap:10px}
.ranking li,.leaderboard li,.ranking-result li{display:flex;align-items:center;gap:14px;padding:10px 14px;background:#f5f3fd;border-radius:10px}
.ranking-result li{flex-direction:column;align-items:flex-start;gap:0}
.place{min-width:34px;font-weight:800;color:#6550d8;font-variant-numeric:tabular-nums}
.who{flex:1;overflow-wrap:anywhere}
.moves{display:flex;gap:6px}
.moves button{padding:6px 11px}
.leaderboard li:first-child{background:#fff3c4}
.leaderboard strong{font-variant-numeric:tabular-nums}
.average{font-size:19px}
.average strong{font-size:38px;color:#5844bd}
.moderation{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:6px 0;border-top:1px solid #eceef5}
.moderation .quote{margin:4px 0}
.hidden-item .quote{text-decoration:line-through;opacity:.55}
.presentation .qr{width:min(34vh,320px);height:min(34vh,320px)}
.presentation .code{font-size:80px}
.presentation .chrono{font-size:56px}
.presentation .reading{font-size:28px}
.presentation .leaderboard li{font-size:26px}
@media(max-width:800px){.two{grid-template-columns:1fr}.qr{width:120px;height:120px}.scale button{min-width:44px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.poste .externe{display:none}
#compte .muted{font-size:12px}