@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@400;500;700&family=JetBrains+Mono:wght@400;700&display=swap";.q-root{--noir:#000;--surface:#0A0A0A;--card:#111;--bord:#1E1E1E;--orange:#E8850A;--orange-h:#F59A1F;--blanc:#fff;--muted:#B0B0B0;--soft:#D4D4D4;--gris:#666;--g:#4CAF50;--d:#5677A8;--r:#D44444;--c:#E8C840;--a:#EDE7DD;--a-bg:rgba(237,231,221,.075);--a-line:rgba(237,231,221,.42);--b:#78838F;--b-bg:rgba(120,131,143,.13);--b-line:rgba(120,131,143,.55);--bebas:"Bebas Neue","Oswald",sans-serif;--sans:"DM Sans",system-ui,sans-serif;--mono:"JetBrains Mono",monospace;font-family:var(--sans);background:var(--noir);color:var(--blanc);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}.q-root *{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}.q-root .wrap{max-width:600px;margin:0 auto;padding:0 22px 60px}.q-root .bar{position:fixed;top:0;left:0;right:0;z-index:99;background:var(--noir);border-bottom:1px solid var(--bord)}.q-root .bar-track{height:3px;background:var(--bord)}.q-root .bar-fill{height:100%;width:0;background:var(--orange);transition:width .5s cubic-bezier(.22,1,.36,1)}.q-root .bar-meta{display:flex;justify-content:space-between;align-items:center;padding:8px 22px;max-width:600px;margin:0 auto}.q-root .bar-lab{font-family:var(--bebas);font-size:12px;letter-spacing:2.5px;color:var(--gris)}.q-root .back{font-family:var(--bebas);font-size:13px;letter-spacing:2px;color:var(--gris);background:none;border:none;cursor:pointer;padding:4px 0}.q-root .back:disabled{opacity:.25}.q-root .scr{padding:86px 0 40px;animation:q-in .4s ease}@keyframes q-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.q-root h1{font-family:var(--bebas);font-size:clamp(40px,10.5vw,64px);line-height:.94;letter-spacing:1.5px;margin-bottom:14px;font-weight:400}.q-root h1 .o{color:var(--orange)}.q-root .eyebrow{font-family:var(--bebas);font-size:13px;letter-spacing:3.5px;color:var(--orange);margin-bottom:14px}.q-root .lead{color:var(--muted);font-size:16px;margin-bottom:16px}.q-root .lead strong{color:var(--blanc);font-weight:600}.q-root .qnum{font-family:var(--mono);font-size:11px;letter-spacing:2px;color:var(--gris);margin-bottom:14px}.q-root .qlead{font-size:13.5px;color:var(--gris);margin-bottom:8px}.q-root .qtext{font-size:22px;font-weight:600;line-height:1.32;margin-bottom:20px;color:var(--blanc)}.q-root .qhint{font-size:14px;color:var(--gris);margin:-12px 0 20px}.q-root .note{border:1px solid var(--bord);background:var(--surface);border-radius:14px;padding:18px;margin:20px 0;font-size:14.5px;color:var(--muted)}.q-root .note b{color:var(--orange);font-weight:600}.q-root .btn{display:block;width:100%;background:var(--orange);color:#000;border:none;border-radius:12px;padding:17px;font-family:var(--bebas);font-size:19px;letter-spacing:2.5px;cursor:pointer;margin-top:22px;transition:.2s}.q-root .btn:hover{background:var(--orange-h)}.q-root .btn.ghost{background:none;border:1px solid var(--bord);color:var(--muted);margin-top:12px}.q-root .fld{margin-bottom:16px}.q-root .fld label{display:block;font-family:var(--bebas);font-size:12px;letter-spacing:2.5px;color:var(--gris);margin-bottom:7px}.q-root .fld input,.q-root .fld select{width:100%;background:var(--card);border:1px solid var(--bord);border-radius:10px;padding:14px;color:var(--blanc);font-family:var(--sans);font-size:16px}.q-root .fld input:focus,.q-root .fld select:focus{outline:none;border-color:var(--orange)}.q-root .fld .err{color:var(--r);font-size:13px;margin-top:6px}.q-root .ab{display:grid;gap:10px;margin-bottom:16px}.q-root .ab-side{border-radius:12px;padding:15px 16px;font-size:15.5px;line-height:1.45;border:1px solid}.q-root .ab-side.A{background:var(--a-bg);border-color:var(--a-line);color:#f2eee7}.q-root .ab-side.B{background:var(--b-bg);border-color:var(--b-line);color:#dce2e8}.q-root .ab-tag{font-family:var(--mono);font-size:10px;letter-spacing:2px;display:block;margin-bottom:6px}.q-root .ab-side.A .ab-tag{color:var(--a)}.q-root .ab-side.B .ab-tag{color:var(--b)}.q-root .scale{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.q-root .sc{border-radius:10px;padding:14px 4px;text-align:center;font-family:var(--bebas);font-size:13px;letter-spacing:1px;cursor:pointer;transition:.15s;line-height:1.15;border:1px solid}.q-root .sc.a1{background:var(--a);color:#000;border-color:var(--a)}.q-root .sc.a2{background:var(--a-bg);color:var(--a);border-color:var(--a-line)}.q-root .sc.b2{background:var(--b-bg);color:#a6b0bb;border-color:var(--b-line)}.q-root .sc.b1{background:var(--b);color:#0a0a0a;border-color:var(--b)}.q-root .sc:active{transform:scale(.96)}.q-root .pick{display:grid;gap:10px}.q-root .card{background:var(--card);border:1px solid var(--bord);border-radius:12px;padding:16px;cursor:pointer;transition:.15s;font-size:15.5px;line-height:1.5;color:var(--soft);text-align:left;width:100%;font-family:var(--sans)}.q-root .card:hover{border-color:#333;background:#141414}.q-root .card h4{font-size:16px;font-weight:600;margin-bottom:4px;color:var(--blanc)}.q-root .vis{background:#080808;border:1px solid var(--bord);border-radius:14px;padding:16px 10px;margin-bottom:18px;display:flex;justify-content:center}.q-root .vis svg{width:100%;max-width:330px;height:auto;display:block}.q-root .code-hero{text-align:center;padding:22px 0 6px}.q-root .code-big{font-family:var(--bebas);font-size:80px;line-height:.9;letter-spacing:3px}.q-root .code-mbti{font-family:var(--mono);font-size:19px;letter-spacing:6px;color:var(--soft);margin-top:4px}.q-root .code-sur{font-size:15px;color:var(--muted);margin-top:10px;line-height:1.45}.q-root .conf{margin:22px 0}.q-root .conf-row{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;letter-spacing:1px;color:var(--gris);margin-bottom:6px}.q-root .conf-track{height:7px;background:var(--bord);border-radius:4px;overflow:hidden}.q-root .conf-fill{height:100%;border-radius:4px;transition:width .8s ease}.q-root .block{border:1px solid var(--bord);background:var(--surface);border-radius:14px;padding:18px;margin-bottom:14px}.q-root .block h3{font-family:var(--bebas);font-size:17px;letter-spacing:2px;color:var(--orange);margin-bottom:12px;font-weight:400}.q-root .block p{font-size:14.5px;color:var(--muted);line-height:1.65}.q-root .block p b{color:var(--soft)}.q-root .kv{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid var(--bord);font-size:14.5px}.q-root .kv:last-child{border:none}.q-root .kv span:first-child{color:var(--gris)}.q-root .kv span:last-child{text-align:right;color:var(--soft);font-weight:500}.q-root .p4{display:grid;gap:9px}.q-root .p4 .row{padding:12px 14px;border-radius:10px;background:var(--card);border-left:3px solid var(--gris)}.q-root .p4 .r{font-family:var(--mono);font-size:10px;color:var(--gris);letter-spacing:1.5px;display:block;margin-bottom:3px}.q-root .p4 .v{font-family:var(--bebas);font-size:19px;letter-spacing:1.5px}.q-root .p4 .t{font-size:13.5px;color:var(--muted);line-height:1.45;margin-top:2px}.q-root .warn{border:1px solid rgba(232,133,10,.35);background:#e8850a0f;border-radius:14px;padding:18px;margin:18px 0;font-size:14.5px;color:var(--soft)}.q-root .warn b{color:var(--orange)}.q-root footer{text-align:center;font-family:var(--bebas);letter-spacing:3px;color:#333;font-size:13px;padding:30px 0 10px}.q-root .sec-h{font-family:var(--bebas);font-size:15px;letter-spacing:2px;color:var(--orange);border-top:1px solid #2a2a2e;padding-top:16px;margin:26px 0 12px}.q-root select[multiple]{padding:6px}.q-root select[multiple] option{padding:5px 6px;border-radius:5px}:root{--noir: #000000;--ambre: #e8850a;--gris-900: #0a0a0a;--gris-800: #141414;--gris-700: #1f1f1f;--gris-600: #2e2e2e;--gris-300: #8a8a8a;--gris-200: #b0b0b0;--texte: #ededed;--rouge: #c8372d;--vert: #3f8f4f;--titre: "Bebas Neue", Impact, sans-serif;--corps: "DM Sans", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--r: 4px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--noir);color:var(--texte);font-family:var(--corps);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--titre);font-weight:400;letter-spacing:.02em;margin:0 0 .4em;text-transform:uppercase}h1{font-size:2.25rem;line-height:1.05}h2{font-size:1.5rem}h3{font-size:1.15rem}.point,a{color:var(--ambre)}.wrap{max-width:720px;margin:0 auto;padding:24px 18px 64px}.kicker{font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ambre);margin-bottom:6px}.carte{background:var(--gris-900);border:1px solid var(--gris-700);border-radius:var(--r);padding:18px;margin-bottom:16px}.carte.bloquante{border-color:var(--rouge)}.carte.conditionnelle{border-color:var(--ambre)}.carte.ouverte{border-color:var(--vert)}.donnee{font-family:var(--mono);font-size:.85rem;color:var(--gris-200)}.bascule{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--gris-800);cursor:pointer;font-size:.92rem}.bascule:last-child{border-bottom:0}.bascule input{accent-color:var(--ambre);width:18px;height:18px;flex:none}.champ{width:100%;background:var(--gris-800);border:1px solid var(--gris-600);border-radius:var(--r);color:var(--texte);font-family:var(--mono);font-size:.9rem;padding:9px 10px}label.etiquette{display:block;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gris-300);margin:12px 0 5px}.verdict{font-family:var(--titre);font-size:1.6rem;letter-spacing:.03em}.verdict.bloquant{color:var(--rouge)}.verdict.conditionnel{color:var(--ambre)}.verdict.informatif{color:var(--vert)}.etat{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid var(--gris-800);font-size:.9rem}.etat:last-child{border-bottom:0}.etat b{font-family:var(--mono);font-size:.82rem}.oui{color:var(--vert)}.non{color:var(--rouge)}.motif{border-left:2px solid var(--gris-600);padding:6px 0 6px 11px;margin:9px 0;font-size:.9rem}.motif.bloquant{border-left-color:var(--rouge)}.motif.conditionnel{border-left-color:var(--ambre)}.motif.informatif{border-left-color:var(--gris-300)}.orientation{background:var(--gris-800);border-left:3px solid var(--rouge);padding:12px 14px;margin-top:12px;font-size:.95rem}.note{color:var(--gris-300);font-size:.84rem;margin-top:10px}.bouton{background:var(--ambre);border:0;border-radius:var(--r);color:var(--noir);font-family:var(--titre);font-size:1.05rem;letter-spacing:.04em;padding:13px 20px;cursor:pointer;width:100%;text-transform:uppercase;margin-top:14px}.bouton:disabled{opacity:.4;cursor:default}.bouton.discret{background:none;border:1px solid var(--gris-700);color:var(--gris-300)}.erreur{color:var(--rouge);font-size:.85rem;margin-top:8px}.onglets-dev{position:fixed;bottom:12px;right:12px;z-index:200;display:flex;gap:6px;background:#000000d9;border:1px solid var(--gris-700);border-radius:var(--r);padding:6px}.onglet{background:none;border:1px solid var(--gris-700);border-radius:var(--r);color:var(--gris-300);font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;padding:8px 12px;cursor:pointer;text-transform:uppercase}.onglet.actif{border-color:var(--ambre);color:var(--ambre)}@media (min-width: 640px){h1{font-size:3rem}.wrap{padding:40px 24px 80px}}