*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #16588E;--primary-light: #2B7AB8;--primary-dark: #0F3A5A;--primary-darker: #0A2840;--secondary: #059669;--secondary-light: #10B981;--secondary-dark: #047857;--accent: #F59E0B;--accent-light: #FBBF24;--gray-50: #F9FAFB;--gray-100: #F3F4F6;--gray-200: #E5E7EB;--gray-300: #D1D5DB;--gray-400: #9CA3AF;--gray-500: #6B7280;--gray-600: #4B5563;--gray-700: #374151;--gray-800: #1F2937;--gray-900: #111827;--success: #10B981;--success-light: #D1FAE5;--error: #DC2626;--error-light: #FEE2E2;--warning: #F59E0B;--warning-light: #FEF3C7;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--header-height: 64px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#eff6ff,#dbeafe,#f0f9ff);color:var(--gray-800);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}.app-header{position:sticky;top:0;z-index:100;background:#fff;border-bottom:2px solid var(--gray-200);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.app-header-content{max-width:1200px;margin:0 auto;padding:var(--spacing-md) var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.app-header h1{margin:0;font-size:1.5rem;font-weight:700;background:var(--primary-dark);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-header a{text-decoration:none}.session-timer{display:flex;align-items:center;gap:var(--spacing-sm);background:var(--gray-50);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:2px solid var(--gray-200)}.timer-icon{font-size:1.25rem;line-height:1}.timer-text{font-size:1rem;font-weight:700;color:var(--primary);font-variant-numeric:tabular-nums;min-width:3ch}.app{padding:var(--spacing-xl) var(--spacing-md);min-height:calc(100vh - var(--header-height) - 120px)}.app-footer{background:#fff;border-top:2px solid var(--gray-200);margin-top:var(--spacing-2xl);padding:var(--spacing-xl) var(--spacing-md)}.app-footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer-copyright,.footer-made-by-content{font-size:.95rem;color:var(--gray-700);font-weight:600;margin-bottom:var(--spacing-md)}.footer-disclaimer{font-size:.85rem;color:var(--gray-500);line-height:1.5;max-width:800px;margin:0 auto}@media(max-width:600px){.app-header-content{padding:var(--spacing-md) var(--spacing-md)}.app-header h1{font-size:1.25rem}.session-timer{padding:var(--spacing-xs) var(--spacing-sm)}.timer-icon{font-size:1rem}.timer-text{font-size:.9rem}.app{padding:var(--spacing-md) var(--spacing-sm)}.app-footer{padding:var(--spacing-lg) var(--spacing-md)}.footer-copyright{font-size:.9rem}.footer-disclaimer{font-size:.8rem}}.test-selector{max-width:1000px;margin:0 auto}.subtitle{text-align:center;color:var(--gray-600);margin-bottom:var(--spacing-lg);font-size:1.1rem;font-weight:500}.special-modes-section{margin-bottom:var(--spacing-2xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.btn-random-practice,.btn-flagged-questions{display:flex;align-items:center;gap:var(--spacing-lg);color:#fff;border:none;border-radius:var(--radius-xl);padding:var(--spacing-lg) var(--spacing-2xl);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-lg);max-width:600px;width:100%}.btn-random-practice{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%)}.btn-random-practice:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.btn-flagged-questions{background:linear-gradient(135deg,var(--secondary) 0%,var(--secondary-light) 100%)}.btn-flagged-questions:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.mode-icon{font-size:2.5rem;line-height:1}.mode-text{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);text-align:left}.mode-text strong{font-size:1.25rem;font-weight:700}.mode-text span{font-size:.95rem;opacity:.95;font-weight:400}.test-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-lg)}.test-card{background:#fff;border:2px solid transparent;border-radius:var(--radius-xl);padding:var(--spacing-xl);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.test-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);transform:scaleX(0);transition:transform .3s ease}.test-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-light)}.test-card:hover:before{transform:scaleX(1)}.test-card h3{margin:0 0 var(--spacing-sm);font-size:1.5rem;font-weight:700;color:var(--primary)}.question-count{font-size:.9rem;color:var(--gray-500);margin-bottom:var(--spacing-lg);font-weight:500}.test-actions{display:flex;gap:var(--spacing-sm);justify-content:center}.btn{padding:.625rem 1.25rem;border:none;border-radius:var(--radius-md);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1}.btn-practice{background:var(--primary-light);color:#fff;box-shadow:0 2px 4px #16588e4d}.btn-practice:hover{background:var(--primary);transform:translateY(-1px);box-shadow:0 4px 8px #16588e66}.btn-test{background:var(--secondary-light);color:#fff;box-shadow:0 2px 4px #10b9814d}.btn-test:hover{background:var(--secondary);transform:translateY(-1px);box-shadow:0 4px 8px #10b98166}@media(max-width:600px){.test-grid{grid-template-columns:1fr}.btn-random-practice,.btn-flagged-questions{padding:var(--spacing-md) var(--spacing-lg);gap:var(--spacing-md)}.mode-icon{font-size:2rem}.mode-text strong{font-size:1.1rem}.mode-text span{font-size:.85rem}}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;top:-10px;opacity:1;animation:confetti-fall linear forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.confetti-piece:nth-child(3n){border-radius:50%}.confetti-piece:nth-child(3n+1){width:8px;height:12px}.confetti-piece:nth-child(3n+2){width:12px;height:8px}.confetti-piece:nth-child(2n){animation:confetti-fall linear forwards,confetti-swing 1s ease-in-out infinite}@keyframes confetti-swing{0%,to{transform:translate(0)}50%{transform:translate(20px)}}.question{margin-bottom:var(--spacing-xl);background:#fff;padding:var(--spacing-xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.question-header{display:flex;gap:var(--spacing-md);align-items:flex-start;margin-bottom:var(--spacing-lg)}.question-text{font-size:1.15rem;margin:0;line-height:1.6;color:var(--gray-800);font-weight:500;flex:1}.btn-flag{background:transparent;border:2px solid var(--gray-300);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;font-size:1.25rem;line-height:1;transition:all .2s ease;flex-shrink:0}.btn-flag:hover{border-color:var(--primary-light);background:#16588e0d;transform:scale(1.1)}.btn-flag.flagged{border-color:var(--primary);background:#16588e1a}.question-number{font-weight:700;color:var(--primary)}.select-hint{font-size:.9rem;color:var(--gray-600);margin-bottom:var(--spacing-md);font-style:italic;padding:var(--spacing-sm) var(--spacing-md);background:var(--gray-50);border-radius:var(--radius-md);border-left:3px solid var(--primary-light)}.options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--gray-200);border-radius:var(--radius-lg);background:#fff;cursor:pointer;font-size:1rem;font-weight:500;text-align:left;transition:all .2s ease;position:relative;overflow:hidden;width:100%;justify-content:flex-start}.option:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary-light);transform:scaleY(0);transition:transform .2s ease}.option:hover:not(:disabled){border-color:var(--primary-light);background:#16588e0d;transform:translate(4px)}.option:hover:not(:disabled):before{transform:scaleY(1)}.option.selected{border-color:var(--primary-light);background:#16588e14;box-shadow:0 0 0 3px #16588e1a}.option.selected:before{transform:scaleY(1)}.option.correct{border-color:var(--success);background:var(--success-light);box-shadow:0 0 0 3px #10b9811a}.option.correct:before{background:var(--success);transform:scaleY(1)}.option.incorrect{border-color:var(--error);background:var(--error-light);box-shadow:0 0 0 3px #dc26261a}.option.incorrect:before{background:var(--error);transform:scaleY(1)}.option:disabled{cursor:default;opacity:.9}.option-key{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--gray-100);font-weight:700;font-size:.9rem;flex-shrink:0;transition:all .2s ease}.option.selected .option-key{background:var(--primary-light);color:#fff;box-shadow:0 2px 4px #16588e4d}.option.correct .option-key{background:var(--success);color:#fff;box-shadow:0 2px 4px #10b9814d}.option.incorrect .option-key{background:var(--error);color:#fff;box-shadow:0 2px 4px #dc26264d}.feedback{margin-top:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius-lg);border-left:4px solid;box-shadow:var(--shadow-sm);animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.feedback.correct{background:var(--success-light);border-color:var(--success)}.feedback.incorrect{background:var(--error-light);border-color:var(--error)}.feedback-result{font-weight:700;margin-bottom:var(--spacing-sm);font-size:1.1rem;display:flex;align-items:center;gap:var(--spacing-sm)}.feedback.correct .feedback-result{color:#047857}.feedback.correct .feedback-result:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--success);color:#fff;font-weight:700}.feedback.incorrect .feedback-result{color:#b91c1c}.feedback.incorrect .feedback-result:before{content:"✗";display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--error);color:#fff;font-weight:700}.feedback-explanation{color:var(--gray-700);line-height:1.6;margin-bottom:var(--spacing-sm)}.feedback-reference{margin-top:var(--spacing-sm);font-size:.85rem;color:var(--gray-500);font-style:italic}.practice-mode{max-width:800px;margin:0 auto}.practice-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.practice-header h2{flex:1;margin:0;font-size:1.5rem;font-weight:700;color:var(--primary)}.progress{color:var(--gray-600);font-size:.95rem;font-weight:600;background:var(--gray-50);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}.random-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.btn-random-jump{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:1.25rem;line-height:1;transition:all .2s ease;box-shadow:0 2px 4px #16588e4d}.btn-random-jump:hover{transform:translateY(-2px) rotate(180deg);box-shadow:0 4px 8px #16588e66}.btn-random-jump:active{transform:translateY(0) rotate(360deg)}.back-btn{background:#fff;border:2px solid var(--gray-200);border-radius:var(--radius-md);padding:.5rem var(--spacing-md);cursor:pointer;font-size:.9rem;color:var(--gray-700);font-weight:600;transition:all .2s ease}.back-btn:hover{background:var(--gray-50);border-color:var(--primary-light);color:var(--primary);transform:translate(-2px)}.progress-bar{height:6px;background:var(--gray-200);border-radius:999px;margin-bottom:var(--spacing-xl);overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%);border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 10px #16588e80}.practice-actions{margin-top:var(--spacing-xl);display:flex;justify-content:center}.btn-primary{padding:.75rem 2.5rem;border:none;border-radius:var(--radius-lg);font-size:1.05rem;font-weight:700;cursor:pointer;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;transition:all .2s ease;box-shadow:0 4px 6px #16588e4d;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-dark) 100%);opacity:0;transition:opacity .2s ease}.btn-primary:hover:not(:disabled):before{opacity:1}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #16588e66}.btn-primary span{position:relative;z-index:1}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:600px){.practice-header{flex-wrap:wrap}.practice-header h2{font-size:1.25rem}.random-controls{gap:var(--spacing-xs)}.btn-random-jump{font-size:1.1rem;padding:var(--spacing-xs) var(--spacing-sm)}}.results{max-width:800px;margin:0 auto}.results-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.results-header h2{flex:1;margin:0;font-size:1.5rem;font-weight:700;color:var(--gray-800)}.score-card{text-align:center;padding:var(--spacing-2xl);border-radius:var(--radius-xl);margin-bottom:var(--spacing-2xl);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.score-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--primary) 0%,var(--primary-light) 100%)}.score-card.passed{background:var(--success-light);border:3px solid var(--success)}.score-card.passed:before{background:linear-gradient(90deg,var(--success) 0%,#34D399 100%)}.score-card.failed{background:var(--error-light);border:3px solid var(--error)}.score-card.failed:before{background:linear-gradient(90deg,var(--error) 0%,#DC2626 100%)}.score-number{font-size:4rem;font-weight:800;line-height:1;margin-bottom:var(--spacing-sm)}.passed .score-number{background:linear-gradient(135deg,#047857 0%,var(--success) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.failed .score-number{background:linear-gradient(135deg,#B91C1C 0%,var(--error) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.score-percentage{font-size:1.75rem;font-weight:700;color:var(--gray-600);margin-bottom:var(--spacing-sm)}.score-label{font-size:1.5rem;font-weight:700;margin-top:var(--spacing-md);display:inline-flex;align-items:center;gap:var(--spacing-sm)}.passed .score-label{color:#047857}.passed .score-label:before{content:"🎉";font-size:2rem}.failed .score-label{color:#b91c1c}.failed .score-label:before{content:"📚";font-size:2rem}.score-note{margin-top:var(--spacing-md);color:var(--gray-500);font-size:1rem;font-weight:500}.results h3{margin-bottom:var(--spacing-lg);color:var(--gray-800);font-size:1.25rem;font-weight:700;padding:var(--spacing-md);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.review-question{padding:0;margin-bottom:var(--spacing-lg)}.results-footer{margin-top:var(--spacing-2xl);text-align:center;padding-bottom:var(--spacing-2xl)}@media(max-width:600px){.score-number{font-size:3rem}.score-percentage{font-size:1.5rem}.score-label{font-size:1.25rem}}.test-mode{max-width:800px;margin:0 auto}.test-mode-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);position:sticky;top:0;background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.test-mode-header h2{flex:1;margin:0;font-size:1.5rem;font-weight:700;color:var(--primary)}.answered-count{color:var(--gray-600);font-size:.95rem;font-weight:600;background:var(--gray-50);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}.test-question-item{padding:0;margin-bottom:var(--spacing-lg)}.test-submit{position:sticky;bottom:var(--spacing-md);background:linear-gradient(to top,rgba(255,255,255,1) 0%,rgba(255,255,255,.95) 80%,transparent 100%);padding:var(--spacing-xl) 0;text-align:center;margin-top:var(--spacing-2xl)}.btn-submit{padding:var(--spacing-md) 3.5rem;font-size:1.15rem;font-weight:700;background:var(--primary-light);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px #16588e4d;position:relative;overflow:hidden}.btn-submit:before{content:"";position:absolute;inset:0;background:var(--primary);opacity:0;transition:opacity .2s ease}.btn-submit:hover:not(:disabled):before{opacity:1}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #16588e66}.btn-submit span{position:relative;z-index:1}.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:600px){.test-mode-header{flex-wrap:wrap}.test-mode-header h2{font-size:1.25rem}.btn-submit{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem}}.flagged-questions{max-width:800px;margin:0 auto}.flagged-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.flagged-header h2{flex:1;margin:0;font-size:1.5rem;font-weight:700;color:var(--primary)}.btn-clear-all{background:var(--error);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease}.btn-clear-all:hover{background:#b91c1c;transform:translateY(-1px)}.empty-state{text-align:center;padding:var(--spacing-2xl);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.empty-icon{font-size:4rem;display:block;margin-bottom:var(--spacing-lg)}.empty-state h3{font-size:1.5rem;color:var(--gray-700);margin-bottom:var(--spacing-sm)}.empty-state p{color:var(--gray-500);font-size:1rem}.flagged-count{text-align:center;color:var(--gray-600);margin-bottom:var(--spacing-lg);font-size:1rem;font-weight:600}.flagged-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.flagged-item{background:#fff;padding:var(--spacing-lg);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);transition:all .2s ease}.flagged-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.flagged-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.flagged-badge{background:var(--primary);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:.85rem;font-weight:700}.flagged-icon{font-size:1.5rem}.flagged-question-text{color:var(--gray-800);line-height:1.6;margin-bottom:var(--spacing-md);font-size:1rem}.btn-goto-question{background:var(--primary-light);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg);cursor:pointer;font-size:.95rem;font-weight:600;transition:all .2s ease}.btn-goto-question:hover{background:var(--primary);transform:translateY(-1px)}@media(max-width:600px){.flagged-header{flex-wrap:wrap}.flagged-header h2{font-size:1.25rem}}