.page{font-family:Segoe UI,Arial,sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:76px 12px 70px;box-sizing:border-box}.card{position:relative;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000040;padding:32px 30px;max-width:560px;width:100%;box-sizing:border-box;text-align:center}h1{font-size:22px;margin-bottom:4px;color:#222}.sub{color:#666;font-size:14px;margin-bottom:20px}.score{font-size:14px;color:#0055a4;font-weight:700;margin-bottom:16px}.phrase{font-size:17px;font-weight:600;color:#111;margin:10px 0 24px}.mot-difficile{text-decoration:underline dotted #0055A4;text-underline-offset:3px;cursor:help}.mot-difficile:hover,.mot-difficile:focus{background:#eaf2fb;border-radius:4px;outline:none}.tooltip-perso{position:absolute;z-index:1000;max-width:280px;background:#fdf0ef;color:#0055a4;font-family:Segoe UI,Arial,sans-serif;font-size:14.5px;font-weight:600;letter-spacing:.1px;line-height:1.55;padding:12px 16px;border-radius:10px;border:3px dashed #0055A4;box-shadow:0 8px 24px #00000040;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .15s ease,transform .15s ease;text-align:left}.tooltip-perso:before,.tooltip-perso:after{content:"";position:absolute;left:var(--fleche-x, 50%);transform:translate(-50%)}.tooltip-perso:after{top:100%;border:8px solid transparent;border-top-color:#0055a4}.tooltip-perso:before{top:calc(100% - 3px);border:6px solid transparent;border-top-color:#fdf0ef;z-index:1}.tooltip-perso.tooltip-perso--bas:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:#0055a4}.tooltip-perso.tooltip-perso--bas:before{top:auto;bottom:calc(100% - 3px);border-top-color:transparent;border-bottom-color:#fdf0ef}.tooltip-perso.visible{opacity:1;transform:translateY(0)}.filter-row{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:10px;padding:10px 4px;text-align:left}.filter-row label{font-weight:600;color:#333;font-size:15px}.niveau-check{display:flex;align-items:center;gap:5px;font-weight:400!important;font-size:14px!important;color:#333;cursor:pointer}.niveau-check input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#0055A4}.filter-row select{font-size:15px;padding:8px 10px;border:2px solid #ccc;border-radius:8px;outline:none}.filter-row select:focus{border-color:#0055a4}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#eaf2fb;color:#0055a4;font-size:13px;font-weight:700;cursor:help;flex-shrink:0}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.option{font-size:17px;padding:12px 10px;border:2px solid #ccc;border-radius:8px;background:#fff;cursor:pointer;font-weight:600;color:#222}.option:hover{border-color:#0055a4;background:#eaf2fb}.option.correct{border-color:#1a8a3d;background:#e6f4ea;color:#1a8a3d}.option.incorrect{border-color:#c22f26;background:#fce8e6;color:#c22f26}.option:disabled{cursor:default}.option:disabled:hover{background:#fff;border-color:#ccc}.option.correct:disabled:hover{background:#e6f4ea;border-color:#1a8a3d}.option.incorrect:disabled:hover{background:#fce8e6;border-color:#c22f26}.motif{margin-top:14px;text-align:left;display:none}.motif-intro{font-size:13px;color:#777;font-style:italic;margin-bottom:10px;padding:0 2px}.motif-item{font-size:14px;color:#444;border-left:4px solid #ccc;border-radius:6px;padding:9px 12px;margin-bottom:8px;line-height:1.5}.motif-item:last-child{margin-bottom:0}.motif-item.correct{background:#eef8f0;border-left-color:#1a8a3d}.motif-item.incorrect{background:#fce8e6;border-left-color:#c22f26}.motif-item .motif-linha+.motif-linha{margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.08)}.motif-connecteur{font-weight:700;color:#222}.motif-item.correct .motif-connecteur{color:#1a8a3d}.motif-item.incorrect .motif-connecteur{color:#a83226}.niveau-badge{display:inline-block;font-size:13px;font-weight:700;color:#0055a4;background:#eaf2fb;border-radius:20px;padding:4px 12px;margin-top:14px}button.nav-btn{font-size:16px;padding:10px 22px;margin-top:16px;border:none;border-radius:8px;cursor:pointer;background:#0055a4;color:#fff;font-weight:700}button.nav-btn:hover{background:#003f7d}button.nav-btn.secondary{background:#ef4135}button.nav-btn.secondary:hover{background:#c22f26}.final{font-size:18px;margin-top:10px}.categories-list{text-align:left;margin:10px 0 4px}.categories-list label{display:flex;align-items:center;gap:10px;padding:10px 4px;font-size:15px;color:#333;cursor:pointer;border-bottom:1px solid #f0f0f0}.categories-list label:last-child{border-bottom:none}.categories-list input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#0055A4;flex-shrink:0}.loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:30px 0;color:#666;font-size:14px}.spinner{width:32px;height:32px;border:4px solid #eaf2fb;border-top-color:#0055a4;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}