#app{max-width:var(--content-max);margin:0 auto;padding:2.5rem 1.5rem}#app .screen{display:none}#app .screen.active{display:block}#app .tag{background:var(--accent);color:var(--color-dark);letter-spacing:.18em;text-transform:uppercase;border-radius:var(--radius-md);margin-bottom:1.25rem;padding:5px 14px;font-size:13px;font-weight:900;display:inline-block}#app h1{letter-spacing:.04em;color:var(--color-dark);margin-bottom:.75rem;font-size:2.4rem;font-weight:100;line-height:1.2}#app h2{color:var(--color-dark);margin-bottom:1rem;font-size:1.4rem;font-weight:200}#app .sub{color:var(--text-secondary);max-width:520px;margin-bottom:2rem;font-size:18px;font-weight:300;line-height:1.8}#app .feats{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:2rem;display:grid}#app .feat{border:.5px solid var(--border);border-radius:var(--radius-md);padding:1rem 1.1rem}#app .feat-t{text-transform:uppercase;letter-spacing:.12em;color:var(--color-dark);margin-bottom:.3rem;font-size:14px;font-weight:900}#app .feat-d{color:var(--text-secondary);font-size:16px;font-weight:300;line-height:1.5}#app .btn{background:var(--color-dark);color:var(--accent);letter-spacing:.1em;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.9rem 2.25rem;font-family:Raleway,sans-serif;font-size:16px;font-weight:300;transition:opacity .15s;display:inline-flex}#app .btn:hover{opacity:.85}#app .btn-o{color:var(--color-dark);letter-spacing:.08em;border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:.5rem;padding:.9rem 2.25rem;font-family:Raleway,sans-serif;font-size:16px;font-weight:300;transition:all .15s;display:inline-flex}#app .btn-o:hover{border-color:var(--color-dark);opacity:.7}#app .prog-wrap{margin-bottom:2rem}#app .prog-meta{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}#app .prog-lbl{color:var(--text-muted);letter-spacing:.05em;font-size:15px;font-weight:300}#app .prog-bar{background:var(--border);border-radius:var(--radius-sm);height:2px;overflow:hidden}#app .prog-fill{background:var(--accent);border-radius:var(--radius-sm);height:100%;transition:width .4s}#app .q-sect{letter-spacing:.15em;text-transform:uppercase;color:var(--accent);background:var(--color-dark);border-radius:3px;margin-bottom:.85rem;padding:4px 12px;font-size:13px;font-weight:900;display:inline-block}#app .q-lbl{color:var(--color-dark);margin-bottom:.4rem;font-size:1.3rem;font-weight:200;line-height:1.4}#app .q-note{color:var(--text-muted);margin-bottom:.5rem;font-size:15px;font-style:italic;font-weight:300;line-height:1.6}#app .multi-hint{color:var(--text-muted);margin-bottom:1.5rem;font-size:15px;font-weight:300}#app .opts{flex-direction:column;gap:.5rem;margin-bottom:2rem;display:flex}#app .opt{text-align:left;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--color-dark);cursor:pointer;user-select:none;align-items:center;gap:14px;padding:14px 18px;font-family:Raleway,sans-serif;font-size:16px;font-weight:300;line-height:1.5;transition:border-color .2s,background .2s,transform .15s;display:flex}#app .opt:hover{border-color:var(--accent);background:#fefaee;transform:translateY(-1px)}#app .opt.sel{border-color:var(--accent);background:var(--color-warm);font-weight:500}#app .chk{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);width:20px;height:20px;color:var(--color-dark);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:background .2s,border-color .2s;display:flex}#app .opt:hover .chk{border-color:var(--accent)}#app .opt.sel .chk{background:var(--accent);border-color:var(--accent)}#app .nav{align-items:center;gap:.75rem;display:flex}#app .res-hdr{margin-bottom:1.75rem}#app .res-hdr p{color:var(--text-secondary);margin-top:.5rem;font-size:18px;font-weight:300;line-height:1.7}#app .syn-box{border-radius:var(--radius-md);border-left:3px solid var(--accent);margin-bottom:2rem;padding:1.75rem}#app .syn-org{letter-spacing:.2em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.5rem;font-size:13px;font-weight:900}#app .syn-name{color:var(--color-dark);margin-bottom:8px;font-size:18px;font-weight:600;display:block}#app .syn-desc{color:var(--text-secondary);margin-bottom:16px;line-height:1.6;display:block}#app .sec-t{letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border);margin-bottom:1rem;padding-bottom:.5rem;font-size:13px;font-weight:900}#app .radar-c{justify-content:center;margin-bottom:2rem;display:flex}#app .radar-w{width:100%;max-width:360px}#app .scores-g{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-bottom:2rem;display:grid}#app .s-chip{background:var(--color-warm);border-radius:var(--radius-md);text-align:center;padding:10px 12px}#app .s-lbl{color:var(--text-secondary);letter-spacing:.05em;margin-bottom:4px;font-size:13px;font-weight:300}#app .s-val{color:var(--color-dark);font-size:1.2rem;font-weight:900}#app .s-unit{color:var(--text-muted);font-size:12px;font-weight:300}#app .s-bar{border-radius:var(--radius-sm);background:#071d291f;height:2px;margin-top:6px;overflow:hidden}#app .s-fill{background:var(--color-hover);border-radius:var(--radius-sm);height:100%}#app .racines{margin-bottom:2rem}#app .racine{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);align-items:flex-start;gap:16px;margin-bottom:12px;padding:20px 22px;display:flex}#app .racine:hover{border-color:var(--color-hover);background:#4570730a}#app .r-num{background:var(--color-dark);width:28px;height:28px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}#app .r-body{color:var(--text-secondary);flex:1;font-size:17px;font-weight:300;line-height:1.6}#app .r-titre{color:var(--color-dark);margin-top:0;margin-bottom:6px;font-size:15px;font-weight:600;display:block}#app .r-question{color:var(--text-secondary);border-top:1px solid var(--border);margin-top:.5rem;padding-top:.5rem;font-size:16px;font-style:italic;line-height:1.6}#app .disc{color:var(--text-muted);border-top:1px solid var(--border);margin-top:.5rem;padding-top:1.25rem;font-size:15px;font-weight:300;line-height:1.7}#app .restart-r{text-align:center;margin-top:1.75rem}#app .no-result-card{background:var(--color-warm);border-left:3px solid var(--accent);border-radius:var(--radius-md);max-width:720px;margin:40px auto;padding:32px 36px}#app .no-result-title{color:var(--color-dark);text-transform:none;letter-spacing:0;margin-bottom:16px;font-size:1.4rem;font-weight:200}#app .no-result-text{color:var(--text-secondary);font-size:15px;line-height:1.7}@media (width<=520px){#app{padding:1.5rem 1rem}#app h1{font-size:1.9rem}#app .feats{grid-template-columns:1fr}#app .scores-g{grid-template-columns:repeat(3,1fr)}#app .opt{font-size:16px}}#app .conversion-section{margin:56px 0 32px}#app .conversion-title{text-align:center;color:var(--color-dark);letter-spacing:.03em;text-transform:none;margin-bottom:12px;font-size:1.6rem;font-weight:200}#app .conversion-intro{text-align:center;color:var(--text-secondary);max-width:540px;margin:0 auto 36px;font-size:15px;line-height:1.7}#app .conversion-cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}#app .conversion-card{background:var(--bg);border:1px solid var(--accent);border-radius:var(--radius-md);flex-direction:column;padding:28px 24px;transition:box-shadow .2s,transform .2s;display:flex}#app .conversion-card:hover{box-shadow:var(--shadow-card-strong);transform:translateY(-3px)}#app .cc-title{color:var(--color-dark);letter-spacing:0;text-transform:none;margin-bottom:12px;font-size:17px;font-weight:600}#app .cc-desc{color:var(--text-secondary);flex-grow:1;margin-bottom:20px;font-size:14px;line-height:1.6}#app .cc-link{box-sizing:border-box;letter-spacing:.08em;text-transform:uppercase;width:100%;color:var(--color-dark);border:1px solid var(--accent);border-radius:var(--radius-sm);text-align:center;padding:10px 18px;font-size:12px;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:block}#app .cc-link:hover{background:var(--accent);color:var(--bg)}@media (width<=760px){#app .conversion-cards{grid-template-columns:1fr;gap:16px}#app .conversion-section{margin:40px 0 24px}}