.diagnostic .diag-test-page{min-height:100vh;display:flex;flex-direction:column}.diagnostic .diag-test-header{border-bottom:1px solid var(--diag-border);padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}@media(min-width:640px){.diagnostic .diag-test-header{padding:.75rem 1.5rem}}.diagnostic .diag-timer{display:flex;align-items:center;gap:.75rem}.diagnostic .diag-timer-icon{padding:.5rem;background:#a3e1f033;display:flex}.diagnostic .diag-timer-icon svg{width:1.25rem;height:1.25rem;color:var(--diag-primary)}.diagnostic .diag-timer-icon--warning{background:#f39c1226}.diagnostic .diag-timer-icon--warning svg{color:#b45309}.diagnostic .diag-timer-icon--critical{background:#e74c3c26}.diagnostic .diag-timer-icon--critical svg{color:var(--diag-error);animation:diag-pulse-soft 2s ease-in-out infinite}.diagnostic .diag-timer-display{min-width:5rem}.diagnostic .diag-timer-time{font-size:1.125rem;font-weight:700;font-variant-numeric:tabular-nums}.diagnostic .diag-timer-time--warning{color:#b45309}.diagnostic .diag-timer-time--critical{color:var(--diag-error);animation:diag-timer-warning 1s ease-in-out infinite}.diagnostic .diag-timer-track{height:.375rem;background:#f3f4f6;margin-top:.25rem;overflow:hidden}.diagnostic .diag-timer-fill{height:100%;background:var(--diag-primary);transition:width 1s linear}.diagnostic .diag-timer-fill--warning{background:#f59e0b}.diagnostic .diag-timer-fill--critical{background:var(--diag-error)}@keyframes diag-pulse-soft{0%,to{opacity:1}50%{opacity:.7}}@keyframes diag-timer-warning{0%,to{color:#e74c3c}50%{color:#c0392b}}.diagnostic .diag-test-progress{width:100%;height:.375rem;background:#1016260d;flex-shrink:0}.diagnostic .diag-test-progress-fill{height:100%;background:var(--diag-primary);transition:width .3s}.diagnostic .diag-test-main{flex:1;overflow-y:auto;padding:1.5rem 1rem}@media(min-width:640px){.diagnostic .diag-test-main{padding:2.5rem 1.5rem}}.diagnostic .diag-test-main-inner{max-width:42rem;margin:0 auto}.diagnostic .diag-question-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.diagnostic .diag-question-counter{font-size:.75rem;color:#10162680;font-weight:500}.diagnostic .diag-subject-badge{font-size:.75rem;font-weight:700;padding:.25rem .625rem;text-transform:uppercase;letter-spacing:.05em}.diagnostic .diag-question-card{animation-duration:.25s;animation-timing-function:ease-out;animation-fill-mode:both}.diagnostic .diag-question-card--right{animation-name:diag-slide-in-right}.diagnostic .diag-question-card--left{animation-name:diag-slide-in-left}@keyframes diag-slide-in-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes diag-slide-in-left{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}.diagnostic .diag-question-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .625rem;background:#a3e1f033;font-size:.75rem;font-weight:500;margin-bottom:.75rem}.diagnostic .diag-question-badge-dot{width:.375rem;height:.375rem;background:var(--diag-primary)}.diagnostic .diag-question-text{font-size:1.125rem;font-weight:600;line-height:1.5;margin:0 0 1rem}@media(min-width:640px){.diagnostic .diag-question-text{font-size:1.5rem}}.diagnostic .diag-options{display:flex;flex-direction:column;gap:.625rem}.diagnostic .diag-option{display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:.75rem 1rem;text-align:left;border:2px solid rgba(16,22,38,.1);background:#fff;transition:border-color .2s,background .2s}.diagnostic .diag-option:hover{border-color:var(--diag-primary);background:#a3e1f00d}.diagnostic .diag-option--selected{border-color:var(--diag-primary);background:#a3e1f01a}.diagnostic .diag-option-label{flex-shrink:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;background:#1016261a}.diagnostic .diag-option--selected .diag-option-label{background:var(--diag-primary);color:#fff}.diagnostic .diag-option-text{flex:1;padding-top:.25rem;font-size:.9375rem;line-height:1.5;color:#101626cc}.diagnostic .diag-option--selected .diag-option-text{color:var(--diag-dark);font-weight:500}.diagnostic .diag-test-footer{border-top:1px solid var(--diag-border);padding:1rem;flex-shrink:0}@media(min-width:640px){.diagnostic .diag-test-footer{padding:1rem 1.5rem}}.diagnostic .diag-test-footer-inner{max-width:42rem;margin:0 auto;display:flex;align-items:center;gap:.75rem}.diagnostic .diag-test-back{padding:.75rem 1.25rem;border:2px solid rgba(16,22,38,.1);background:#fff;color:#101626b3;font-weight:600;font-size:.875rem}.diagnostic .diag-test-back:hover{border-color:#1016264d}.diagnostic .diag-test-next{flex:1;padding:.875rem;font-weight:700;font-size:.9375rem}@media(min-width:640px){.diagnostic .diag-test-next{padding:1rem;font-size:1rem}}