.track-quiz-start,.track-quiz-question,.track-quiz-results,.track-quiz-review{background:linear-gradient(to br, #111827, #1f2937);border:1px solid #374151;border-radius:.75rem;padding:2rem}.track-quiz-question{transition:opacity .35s,transform .35s;position:relative}.track-quiz-question.is-exiting{opacity:0;transform:translateY(-12px)scale(.98)}.track-quiz-question.is-entering{animation:.35s track-quiz-fade-in}.track-quiz-heading{color:#fff;text-align:center;margin-bottom:1rem;font-size:2rem;font-weight:700}.track-quiz-subheading{color:#fff;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.track-quiz-description{color:#d1d5db;text-align:center;margin-bottom:2rem;line-height:1.6}.track-quiz-how-it-works{background:#0000004d;border:1px solid #4b5563;border-radius:.5rem;margin-bottom:2rem;padding:1.5rem}.track-quiz-steps{color:#d1d5db;padding-left:1.5rem;line-height:1.8;list-style:decimal}.track-quiz-steps li{margin-bottom:.5rem}.track-quiz-button{cursor:pointer;border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.track-quiz-button-primary{background:var(--color-primary);color:#020817}.track-quiz-button-primary:hover{background:#00c8bc}.track-quiz-button-secondary{color:#fff;background:#374151}.track-quiz-button-secondary:hover{background:#4b5563}.track-quiz-start-content{flex-direction:column;align-items:center;display:flex}.track-quiz-progress{text-align:center;color:#d1d5db;margin-bottom:1.5rem;font-size:1.125rem;font-weight:600}.track-quiz-image-container{background:#000;border:1px solid #94a3b833;border-radius:.5rem;justify-content:center;align-items:center;min-height:auto;max-height:400px;margin-bottom:1.5rem;padding:.5rem;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 45px #020817a6}.track-quiz-image-container:before{content:"";border-radius:inherit;opacity:0;z-index:0;background:radial-gradient(circle at top,#00e8da33,#0000 55%);transition:opacity .45s;position:absolute;inset:0}.track-quiz-image-container:after{content:"";border-radius:inherit;opacity:.6;pointer-events:none;z-index:0;border:1px solid #00e8da1f;animation:4s ease-in-out infinite track-quiz-pulse;position:absolute;inset:0}.track-quiz-image-container:hover:before{opacity:1}.track-quiz-image{object-fit:contain;filter:drop-shadow(0 12px 30px #000000d9);z-index:1;width:auto;max-width:100%;height:380px;max-height:380px;transition:transform .45s;position:relative}.track-quiz-image-container:hover .track-quiz-image{transform:scale(1.02)}@media (width>=768px){.track-quiz-image-container{max-height:450px;padding:.75rem}.track-quiz-image{height:430px;max-height:430px}}.track-quiz-options{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (width<=640px){.track-quiz-options{grid-template-columns:1fr}}.track-quiz-option{color:#fff;cursor:pointer;text-align:center;background:#1f2937;border:2px solid #374151;border-radius:.5rem;padding:1rem;font-size:1rem;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s,color .2s;transform:translateY(0);box-shadow:0 12px 28px #02081759}.track-quiz-option:hover{border-color:var(--color-primary);background:#374151;transform:translateY(-3px);box-shadow:0 18px 38px #00e8da2e}.track-quiz-option:focus-visible{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #00e8da40}.track-quiz-option:disabled{opacity:.5;cursor:not-allowed}.track-quiz-option-selected{background:#ef4444;border-color:#ef4444;box-shadow:0 18px 38px #ef444459}.track-quiz-results-content{flex-direction:column;align-items:center;display:flex}.track-quiz-score-display{text-align:center;background:#0000004d;border:1px solid #4b5563;border-radius:.5rem;width:100%;max-width:400px;margin-bottom:2rem;padding:2rem;transition:transform .3s,border-color .3s;animation:.4s .1s both track-quiz-fade-in;transform:translateY(0);box-shadow:0 25px 45px #0208178c}.track-quiz-score-display:hover{border-color:#00e8da66;transform:translateY(-4px)}.track-quiz-score-main{color:#fff;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.track-quiz-score-percentage{color:var(--color-primary);margin-bottom:1rem;font-size:2.5rem;font-weight:700}.track-quiz-feedback{color:#d1d5db;font-size:1.25rem}.track-quiz-results-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.track-quiz-review-content{width:100%}.track-quiz-back-button{color:#ef4444;cursor:pointer;background:0 0;border:none;margin-bottom:1rem;font-size:1rem;transition:opacity .2s}.track-quiz-back-button:hover{opacity:.8}.track-quiz-filter-buttons{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.track-quiz-filter-button{color:#d1d5db;cursor:pointer;background:#1f2937;border:1px solid #374151;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;transition:all .2s}.track-quiz-filter-button:hover{background:#374151}.track-quiz-filter-button.active{color:#fff;background:#ef4444;border-color:#ef4444}.track-quiz-review-list{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.track-quiz-review-item{background:#0000004d;border:2px solid #4b5563;border-radius:.5rem;gap:1rem;padding:1rem;display:flex}.track-quiz-review-item.correct{border-color:#22c55e}.track-quiz-review-item.incorrect{border-color:#ef4444}.track-quiz-review-image{background:#000;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;padding:.5rem;display:flex}.track-quiz-review-image img{object-fit:contain;max-width:100%;max-height:100%}.track-quiz-review-details{flex-direction:column;flex:1;justify-content:center;display:flex}.track-quiz-review-status{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.track-quiz-correct-icon{color:#22c55e;font-size:1.25rem;font-weight:700}.track-quiz-incorrect-icon{color:#ef4444;font-size:1.25rem;font-weight:700}.track-quiz-review-label{color:#9ca3af;font-size:.875rem;font-weight:500}.track-quiz-review-correct-answer,.track-quiz-review-your-answer{color:#d1d5db;margin-bottom:.25rem;font-size:.875rem}.track-quiz-review-actions{justify-content:center;display:flex}@media (width<=640px){.track-quiz-review-item{flex-direction:column}.track-quiz-review-image{width:100%;height:200px}}.track-quiz-leaderboard{background:#0000004d;border:1px solid #4b5563;border-radius:.5rem;width:100%;max-width:500px;margin-top:2rem;padding:1.5rem}.track-quiz-leaderboard-title{color:#fff;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:600;display:flex}.track-quiz-leaderboard-icon{width:1.25rem;height:1.25rem;color:var(--color-primary)}.track-quiz-leaderboard-meta{color:#9ca3af;margin-bottom:1rem;font-size:.875rem}.track-quiz-leaderboard-status{color:#9ca3af;text-align:center;padding:1rem 0;font-size:.875rem}.track-quiz-leaderboard-error{flex-direction:column;align-items:center;gap:.75rem;display:flex}.track-quiz-leaderboard-error p{color:#f87171}.track-quiz-leaderboard-empty{color:#9ca3af;text-align:center;padding:1rem 0;font-size:.875rem;font-style:italic}.track-quiz-leaderboard-list{flex-direction:column;gap:.5rem;max-height:280px;display:flex;overflow-y:auto}.track-quiz-leaderboard-list::-webkit-scrollbar{width:6px}.track-quiz-leaderboard-list::-webkit-scrollbar-track{background:#0003;border-radius:3px}.track-quiz-leaderboard-list::-webkit-scrollbar-thumb{background:#4b5563;border-radius:3px}.track-quiz-leaderboard-list::-webkit-scrollbar-thumb:hover{background:#6b7280}.track-quiz-leaderboard-entry{background:#0003;border:1px solid #0000;border-radius:.375rem;grid-template-columns:40px 1fr auto auto;align-items:center;gap:.75rem;padding:.625rem .75rem;transition:transform .15s,border-color .15s;display:grid}.track-quiz-leaderboard-entry:hover{border-color:#00e8da4d;transform:translate(4px)}.track-quiz-leaderboard-rank{color:#7f8ac9;font-size:.875rem;font-weight:600}.track-quiz-leaderboard-name{color:#e0e0e0;white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;overflow:hidden}.track-quiz-leaderboard-score{color:var(--color-primary);font-size:.875rem;font-weight:600}.track-quiz-leaderboard-time{color:#9ca3af;font-size:.8125rem}.track-quiz-modal-backdrop{z-index:100;backdrop-filter:blur(4px);background:#000000eb;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.track-quiz-modal{background:#111827;border:1px solid #4b5563;border-radius:.75rem;width:100%;max-width:400px;padding:2rem;animation:.2s track-quiz-fade-in;box-shadow:0 25px 50px #000c}.track-quiz-modal h3{color:#fff;margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.track-quiz-modal p{color:#d1d5db;margin-bottom:.75rem;line-height:1.5}.track-quiz-modal-hint{color:#9ca3af;margin-bottom:1rem;font-size:.875rem}.track-quiz-modal-input-group{margin-bottom:1rem}.track-quiz-modal-label{color:#d1d5db;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.track-quiz-modal-input{color:#fff;background:#111827;border:1px solid #4b5563;border-radius:.375rem;width:100%;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s}.track-quiz-modal-input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #00e8da26}.track-quiz-modal-input::placeholder{color:#6b7280}.track-quiz-modal-counter{text-align:right;color:#6b7280;margin-top:.25rem;font-size:.75rem}.track-quiz-modal-error{color:#f87171;margin-bottom:.75rem;font-size:.875rem}.track-quiz-modal-actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.track-quiz-modal-actions button:disabled{opacity:.5;cursor:not-allowed}@keyframes track-quiz-fade-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes track-quiz-pulse{0%,to{opacity:.15}50%{opacity:.35}}