/* FLUÊNC IA · Diagnostic experience v8.3 */
#quiz{position:relative}
.diagnostic-profile-strip{
  display:flex;gap:7px;flex-wrap:wrap;margin:0 0 12px;
}
.diagnostic-profile-chip{
  display:inline-flex;align-items:center;min-height:29px;padding:6px 9px;border-radius:999px;
  border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);
  color:var(--muted);font-size:9px;font-weight:750;letter-spacing:.02em;
}
.diagnostic-profile-chip strong{color:var(--text2);font-weight:750}
.diagnostic-card-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px;
}
.diagnostic-instruction{
  font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--muted)
}
.diagnostic-memory{
  display:inline-flex;align-items:center;gap:6px;color:var(--gold);font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em
}
.diagnostic-memory:before{content:"";width:5px;height:5px;border-radius:99px;background:var(--gold);box-shadow:0 0 10px rgba(200,183,125,.4)}
#q-options{gap:9px}
#q-options .choice{
  min-height:70px;border-radius:15px;background:linear-gradient(145deg,rgba(37,41,53,.62),rgba(13,16,25,.78));
  border:1px solid rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),inset 0 -1px 0 rgba(0,0,0,.28);
  transition:border-color .18s ease,background .18s ease,transform .16s ease;
}
#q-options .choice:active{transform:scale(.995)}
#q-options .choice.active{
  border-color:rgba(200,183,125,.38);
  background:linear-gradient(145deg,rgba(200,183,125,.105),rgba(21,24,32,.78));
  box-shadow:inset 0 0 0 1px rgba(216,202,160,.035),0 12px 28px -24px rgba(200,183,125,.6)
}
#q-options .mark{
  font-family:'Sora',sans-serif;font-size:9px;letter-spacing:.04em;color:var(--gold2);
  background:linear-gradient(145deg,rgba(200,183,125,.075),rgba(200,183,125,.025));
}
#q-options .choice.active .mark{background:linear-gradient(145deg,#D8CAA0,#B89A5C);color:#171108;border-color:rgba(255,240,200,.42)}
.choice-text-wrap{display:flex;flex-direction:column;gap:4px;min-width:0;padding-top:1px}
.choice-main{color:var(--text);font-size:13px;font-weight:620;line-height:1.4}
.choice-sub{color:var(--muted);font-size:10px;line-height:1.4}
.choice-state{margin-left:auto;align-self:center;color:var(--gold2);font-size:12px;opacity:0;transition:opacity .18s ease}
.choice.active .choice-state{opacity:1}
.diagnostic-phase-copy{
  margin-top:7px;color:var(--muted);font-size:10px;line-height:1.45;max-width:620px
}
.route-transition-layer{
  position:fixed;z-index:60;inset:0;background:rgba(5,7,13,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  display:flex;align-items:flex-end;padding:16px 14px max(18px,env(safe-area-inset-bottom));animation:routeFade .22s ease both
}
.route-transition-card{
  width:min(100%,620px);margin:0 auto;border-radius:24px;padding:20px;
  background:linear-gradient(145deg,rgba(40,44,58,.94),rgba(13,16,25,.97) 55%,rgba(7,9,15,.98));
  border:1px solid rgba(200,183,125,.16);
  box-shadow:0 30px 80px -30px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(200,183,125,.025)
}
.route-transition-icon{
  width:54px;height:54px;border-radius:17px;display:grid;place-items:center;margin-bottom:18px;
  border:1px solid rgba(200,183,125,.22);background:rgba(200,183,125,.06);color:var(--gold2);font-family:'Sora';font-size:18px;
  box-shadow:0 0 34px -18px rgba(200,183,125,.9)
}
.route-transition-kicker{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);font-weight:850}
.route-transition-card h2{font-size:27px;margin:8px 0 9px}
.route-transition-card p{font-size:13px;color:var(--text2);margin-bottom:0}
.route-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}
.route-pill{display:inline-flex;align-items:center;min-height:31px;padding:6px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);font-size:9px;color:var(--text2);font-weight:760}
.route-choice{
  margin-top:18px;padding:14px;border-radius:16px;border:1px solid rgba(200,183,125,.12);background:rgba(200,183,125,.035)
}
.route-choice-label{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-weight:800}
.route-choice-main{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:7px}
.route-choice-main strong{font-family:'Sora';font-size:15px;color:var(--text)}
.route-choice-main span{font-size:10px;color:var(--gold2);font-weight:800}
.route-transition-card .btn{width:100%;margin-top:16px}
@keyframes routeFade{from{opacity:0}to{opacity:1}}
@media(min-width:760px){
  .route-transition-layer{align-items:center}
  .diagnostic-profile-strip{margin-bottom:14px}
}