.psi-app{font-family:inherit;color:#fff;padding:2rem 1rem;max-width:760px;margin:0 auto;text-align:center}
.psi-fase{padding:1rem 0}
.psi-icono-grande{font-size:5rem;margin-bottom:1rem;animation:psiFloat 3s ease-in-out infinite}
@keyframes psiFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.psi-titulo{font-size:1.9rem;margin-bottom:.5rem;background:linear-gradient(135deg,var(--psi-c1,#a855f7),var(--psi-c2,#ec4899));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.psi-subtitulo{opacity:.85;font-size:1.05rem;margin-bottom:1.5rem;line-height:1.5;max-width:520px;margin-left:auto;margin-right:auto}
.psi-info{background:rgba(255,255,255,.05);border-radius:12px;padding:1rem 1.4rem;margin:1rem auto 2rem;max-width:520px;font-size:.95rem;opacity:.85;line-height:1.5}
.psi-btn{background:linear-gradient(135deg,var(--psi-c1,#a855f7) 0%,var(--psi-c2,#ec4899) 100%);color:#fff;border:none;padding:1.1rem 2.2rem;border-radius:50px;font-size:1.1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.6rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px rgba(168,85,247,.4)}
.psi-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(168,85,247,.5)}
.psi-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}
.psi-progress{margin:1.5rem auto 1rem;max-width:480px}
.psi-progress-info{display:flex;justify-content:space-between;font-size:.9rem;opacity:.8;margin-bottom:.5rem}
.psi-progress-bar{height:8px;background:rgba(255,255,255,.1);border-radius:4px;overflow:hidden}
.psi-progress-fill{height:100%;background:linear-gradient(90deg,var(--psi-c1,#a855f7),var(--psi-c2,#ec4899));transition:width .4s ease;width:0}
.psi-pregunta{margin:2rem 0 1.5rem;font-size:1.15rem;opacity:.95}
.psi-opciones{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.8rem;max-width:560px;margin:0 auto}
.psi-opcion{background:rgba(255,255,255,.06);border:2px solid rgba(168,85,247,.3);border-radius:14px;padding:1.5rem 1rem;cursor:pointer;transition:all .25s;font-family:inherit;color:#fff;font-size:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}
.psi-opcion:hover:not(:disabled){border-color:var(--psi-c1,#a855f7);background:rgba(168,85,247,.15);transform:translateY(-2px)}
.psi-opcion:disabled{cursor:default}
.psi-opcion.psi-correcta{border-color:#10b981;background:rgba(16,185,129,.2);animation:psiPulse .5s ease}
.psi-opcion.psi-incorrecta{border-color:#ef4444;background:rgba(239,68,68,.15);opacity:.7}
.psi-opcion.psi-respuesta{border-color:#fbbf24;background:rgba(251,191,36,.2)}
@keyframes psiPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.psi-opcion-icono{font-size:2rem;line-height:1}
.psi-opcion-label{font-size:.85rem;opacity:.85}
.psi-feedback{margin-top:1.5rem;font-size:1.05rem;font-weight:600;min-height:1.5em}
.psi-feedback.psi-acierto{color:#10b981}
.psi-feedback.psi-fallo{color:#ef4444}
.psi-resultado-icono{font-size:5rem;margin-bottom:1rem}
.psi-resultado-stat{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,var(--psi-c1,#a855f7),var(--psi-c2,#ec4899));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}
.psi-resultado-stat-label{opacity:.8;font-size:1rem;margin-bottom:1.5rem}
.psi-resultado-detalle{background:rgba(255,255,255,.05);border-left:4px solid var(--psi-c1,#a855f7);border-radius:0 12px 12px 0;padding:1.3rem 1.6rem;margin:1.5rem auto;max-width:520px;text-align:left}
.psi-resultado-detalle h4{margin:0 0 .5rem;color:var(--psi-c1,#a855f7);font-size:1rem;text-transform:uppercase;letter-spacing:1px}
.psi-resultado-detalle p{margin:0;line-height:1.7;opacity:.95}
.psi-btn-secundario{background:transparent;color:var(--psi-c1,#a855f7);border:2px solid var(--psi-c1,#a855f7);padding:.9rem 1.8rem;border-radius:50px;font-size:1rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s;margin-top:1rem}
.psi-btn-secundario:hover{background:var(--psi-c1,#a855f7);color:#1a1a2e}
@media (max-width:600px){.psi-titulo{font-size:1.5rem}.psi-icono-grande{font-size:4rem}.psi-opciones{grid-template-columns:repeat(3,1fr);gap:.6rem}.psi-opcion{padding:1rem .5rem}.psi-resultado-stat{font-size:2.8rem}}