.pq-card{background:#fff;border:1px solid #e7e9ee;border-radius:14px;gap:20px;padding:28px;display:grid;box-shadow:0 2px 8px #0f172a0d}.pq-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.pq-badge{color:#3730a3;background:#eef2ff;border-radius:999px;align-items:center;gap:0;padding:5px 12px;font-size:13px;font-weight:600;display:inline-flex}.pq-counter{color:#667085;font-size:13px;font-weight:500}.pq-choices{gap:10px;display:grid}.pq-choice{color:#1a2745;text-align:left;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:10px;align-items:center;gap:14px;width:100%;padding:14px 16px;font-size:15px;font-weight:500;transition:all .15s;display:flex}.pq-choice:not(:disabled):hover{background:#f5f3ff;border-color:#a5b4fc}.pq-choice-label{color:#667085;background:#f9fafb;border:1.5px solid #d1d5db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;transition:all .15s;display:flex}.pq-choice-text{flex:1}.pq-choice--selected{background:#eef2ff;border-color:#6366f1}.pq-choice--selected .pq-choice-label{color:#fff;background:#6366f1;border-color:#6366f1}.pq-choice--correct{background:#f0fdf4;border-color:#16a34a}.pq-choice--correct .pq-choice-label{color:#fff;background:#16a34a;border-color:#16a34a}.pq-choice--incorrect{background:#fef2f2;border-color:#dc2626}.pq-choice--incorrect .pq-choice-label{color:#fff;background:#dc2626;border-color:#dc2626}.pq-choice--missed{opacity:.45;cursor:default}.pq-text-input-row{align-items:center;gap:10px;display:flex}.pq-text-input-row .input{flex:1}.pq-feedback{border-radius:10px;gap:6px;padding:16px 18px;display:grid}.pq-feedback-verdict span{font-weight:500}.ai-explanation{margin-top:10px}.ai-explain-card{background:linear-gradient(135deg,#faf5ff,#eef2ff);border:1px solid #ddd6fe;border-radius:12px;gap:8px;padding:14px 16px;animation:.25s ai-fade-in;display:grid}@keyframes ai-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ai-explain-card-header{align-items:center;gap:8px;display:flex}.ai-explain-card-title{color:#4c1d95;font-size:13.5px;font-weight:700}.ai-explain-card-body{color:#3730a3;margin:0;font-size:13.5px;line-height:1.65}.ai-explain-steps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ai-explain-step{align-items:flex-start;gap:10px;display:flex}.ai-explain-step-number{color:#fff;background:#7c3aed;border-radius:50%;flex:none;justify-content:center;align-items:center;width:20px;height:20px;margin-top:1px;font-size:11px;font-weight:700;display:inline-flex}.ai-explain-step-text{color:#3730a3;font-size:13.5px;line-height:1.6}.pq-footer{justify-content:space-between;align-items:center;gap:12px;padding-top:4px;display:flex}.pq-stats-card{background:#fff;border:1px solid #e7e9ee;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0f172a0d}.pq-stats-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.pq-stats-title{color:#1a2745;margin:0;font-size:15px;font-weight:700}.pq-stats-reset{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:500}.pq-stats-reset:hover{color:#667085;text-decoration:underline}.pq-stats-rows{gap:0;display:grid}.pq-stats-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:10px 0;display:flex}.pq-stats-row:last-child{border-bottom:none;padding-bottom:0}.pq-stats-row--progress{flex-direction:column;align-items:stretch;gap:8px}.pq-stats-progress-header{justify-content:space-between;align-items:center;display:flex}.pq-stats-label{color:#667085;font-size:13px;font-weight:500}.pq-stats-value{color:#1a2745;font-size:16px;font-weight:700}.pq-stats-value--correct{color:#16a34a}.pq-stats-value--incorrect{color:#dc2626}.pq-stats-streak{color:#1a2745;font-size:16px;font-weight:700}.pq-stats-progress-count{color:#9ca3af;font-size:12px;font-weight:500}.pq-progress-bar{background:#e5e7eb;border-radius:999px;height:5px;overflow:hidden}.pq-progress-fill{background:#16a34a;border-radius:999px;min-width:0;height:100%;transition:width .4s}.pq-buzzer-card{background:#1a2745;border-radius:12px;gap:10px;padding:20px;display:grid}.pq-buzzer-card h4{color:#fff;margin:0;font-size:15px;font-weight:700}.pq-buzzer-card p{color:#94a3b8;margin:0;font-size:13px;line-height:1.5}.practice-page-hero{justify-content:space-between!important;align-items:flex-start!important;gap:32px!important;margin-bottom:28px!important;display:flex!important}.practice-page-hero>div{flex-direction:column!important;gap:10px!important;display:flex!important}.practice-page-hero h1{margin:0!important}.subject-filter-bar{background:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:12px!important;flex-wrap:wrap!important;align-items:center!important;gap:14px!important;margin-bottom:28px!important;padding:16px!important;display:flex!important}.subject-chip{color:#667085!important;cursor:pointer!important;white-space:nowrap!important;background:#f1f3f7!important;border:1px solid #e5e7eb!important;border-radius:8px!important;align-items:center!important;padding:8px 14px!important;font-size:13.5px!important;font-weight:500!important;text-decoration:none!important;transition:all .15s!important;display:inline-flex!important}.subject-chip:hover{color:#1a2745!important;background:#e5e7eb!important;border-color:#d1d5db!important}.subject-chip.selected{color:#fff!important;background:#1a2745!important;border-color:#1a2745!important}.practice-layout{grid-template-columns:minmax(0,1fr) 260px!important;align-items:start!important;gap:24px!important;display:grid!important}.practice-main{gap:20px!important;display:grid!important}.practice-sidebar{gap:18px!important;display:grid!important;position:sticky!important;top:88px!important}.session-stats-card{background:#fff!important;border:1px solid #e7e9ee!important;border-radius:12px!important;padding:20px!important;box-shadow:0 2px 8px #0f172a0d!important}.session-stats-card h3{color:#1a2745!important;margin:0 0 16px!important;font-size:16px!important;font-weight:600!important}.stat-row{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;margin-bottom:16px!important;display:grid!important}.stat-row:last-of-type{margin-bottom:16px!important}.stat-label{color:#667085!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-size:12px!important;font-weight:500!important}.stat-box strong{color:#1a2745!important;font-size:24px!important;font-weight:700!important;line-height:1!important}.progress-section{border-top:1px solid #e5e7eb!important;gap:8px!important;padding-top:12px!important;display:grid!important}.progress-label{color:#667085!important;text-transform:uppercase!important;letter-spacing:.5px!important;font-size:12px!important;font-weight:600!important}.progress-bar{background:#e5e7eb!important;border-radius:999px!important;height:6px!important;overflow:hidden!important}.progress-fill{background:#0369a1!important;border-radius:999px!important;height:100%!important;transition:width .4s!important}.buzzer-mode-card{align-content:start!important;gap:12px!important;display:grid!important}.buzzer-mode-card h4{color:#1a2745!important;margin:0!important;font-size:15px!important;font-weight:600!important}.buzzer-mode-card p{color:#667085!important;margin:0!important;font-size:13px!important;line-height:1.5!important}.buzzer-mode-card .button{width:100%!important;min-height:40px!important;margin-top:4px!important;padding:10px 14px!important;font-size:13px!important}@media (max-width:1024px){.practice-page-hero{flex-direction:column!important;gap:20px!important}.practice-layout{grid-template-columns:minmax(0,1fr) 220px!important;gap:20px!important}.practice-sidebar{top:80px!important}}@media (max-width:768px){.practice-page-hero{flex-direction:column!important;gap:16px!important}.subject-filter-bar{gap:10px!important;padding:12px!important}.subject-chips{width:100%!important}.subject-chip{flex:1!important;justify-content:center!important;min-width:80px!important}.practice-layout{grid-template-columns:1fr!important;gap:20px!important}.practice-sidebar{grid-template-columns:repeat(2,1fr)!important;gap:16px!important;position:static!important}.session-stats-card,.buzzer-mode-card{grid-column:span 1!important}.stat-row{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}}@media (max-width:560px){.practice-page-hero{gap:14px!important}.practice-page-hero h1{font-size:1.8rem!important}.subject-filter-bar{flex-direction:column!important;align-items:flex-start!important;gap:10px!important;padding:12px!important}.filter-label{width:100%!important}.subject-chips{gap:8px!important;width:100%!important}.subject-chip{flex:1!important;padding:8px 12px!important;font-size:12px!important}.practice-sidebar{grid-template-columns:1fr!important;gap:14px!important}.session-stats-card,.buzzer-mode-card{grid-column:auto!important}.stat-row{grid-template-columns:1fr 1fr!important;gap:10px!important}.stat-box strong{font-size:20px!important}.pq-stats-reset{align-items:center!important;padding-block:14px!important;display:inline-flex!important}}