:root{--primary-50: #f0fdfa;--primary-100: #ccfbf1;--primary-200: #99f6e4;--primary-300: #5eead4;--primary-400: #2dd4bf;--primary-500: #14b8a6;--primary-600: #0d9488;--primary-700: #0f766e;--primary-800: #115e59;--primary-900: #134e4a;--accent-coral: #f97316;--accent-purple: #8b5cf6;--accent-pink: #ec4899;--accent-amber: #f59e0b;--success: #10b981;--success-light: #d1fae5;--error: #ef4444;--error-light: #fee2e2;--warning: #f59e0b;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--bg-primary: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #0f172a 100%);--bg-card: rgba(30, 41, 59, .8);--bg-glass: rgba(255, 255, 255, .05);--font-display: "Outfit", system-ui, sans-serif;--font-body: "Source Serif 4", Georgia, serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 .25rem .375rem rgba(0, 0, 0, .3);--shadow-lg: 0 .625rem .9375rem rgba(0, 0, 0, .4);--shadow-xl: 0 1.25rem 1.5625rem rgba(0, 0, 0, .5);--shadow-glow: 0 0 1.875rem rgba(20, 184, 166, .3);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:1rem;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--gray-100);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;position:relative;overflow-x:hidden}.background-decoration{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.cell{position:absolute;border-radius:50%;background:radial-gradient(circle,var(--primary-500) 0%,transparent 70%);opacity:.08;animation:float 20s infinite ease-in-out}.cell-1{width:25rem;height:25rem;top:-6.25rem;right:-6.25rem;animation-delay:0s}.cell-2{width:18.75rem;height:18.75rem;bottom:10%;left:-3.125rem;animation-delay:-7s;background:radial-gradient(circle,var(--accent-purple) 0%,transparent 70%)}.cell-3{width:12.5rem;height:12.5rem;top:40%;right:10%;animation-delay:-14s;background:radial-gradient(circle,var(--accent-coral) 0%,transparent 70%)}.dna-helix{display:none}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(1.875rem,-1.875rem) scale(1.05)}50%{transform:translate(-1.25rem,1.25rem) scale(.95)}75%{transform:translate(1.25rem,1.875rem) scale(1.02)}}@keyframes pulse{0%,to{opacity:.15}50%{opacity:.25}}.start-screen{position:relative;z-index:1;max-width:56.25rem;margin:0 auto;padding:var(--space-6) var(--space-4);animation:fadeIn .6s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}.start-header{text-align:center;margin-bottom:var(--space-8);padding:var(--space-8) var(--space-4);background:linear-gradient(180deg,rgba(20,184,166,.08) 0%,transparent 100%);border-radius:var(--radius-2xl);position:relative;overflow:hidden}.start-header:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:12.5rem;height:.1875rem;background:linear-gradient(90deg,transparent,var(--primary-500),transparent);border-radius:var(--radius-full)}.header-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#14b8a626;border:1px solid var(--primary-700);border-radius:var(--radius-full);margin-bottom:var(--space-6);animation:fadeIn .6s ease-out}.badge-icon{font-size:1rem}.badge-text{font-family:var(--font-display);font-size:.75rem;font-weight:600;color:var(--primary-300);text-transform:uppercase;letter-spacing:.1em}.logo{display:flex;flex-direction:column;align-items:center;gap:var(--space-5);margin-bottom:var(--space-5)}.logo-decoration{display:flex;align-items:center;gap:var(--space-4)}.dna-strand{display:flex;flex-direction:column;gap:.375rem}.dna-strand span{width:1.5rem;height:.25rem;background:linear-gradient(90deg,var(--primary-600),var(--primary-400));border-radius:var(--radius-full);opacity:.6}.dna-strand.left span:nth-child(1){width:.75rem;margin-left:.75rem}.dna-strand.left span:nth-child(2){width:1.25rem;margin-left:.25rem}.dna-strand.left span:nth-child(3){width:1.5rem}.dna-strand.left span:nth-child(4){width:1.25rem;margin-left:.25rem}.dna-strand.left span:nth-child(5){width:.75rem;margin-left:.75rem}.dna-strand.right span:nth-child(1){width:.75rem}.dna-strand.right span:nth-child(2){width:1.25rem}.dna-strand.right span:nth-child(3){width:1.5rem}.dna-strand.right span:nth-child(4){width:1.25rem}.dna-strand.right span:nth-child(5){width:.75rem}.logo-icon{width:6.25rem;height:6.25rem;background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-800) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 .5rem #14b8a61a,0 0 0 1rem #14b8a60d,var(--shadow-glow);animation:logoPulse 3s infinite ease-in-out;position:relative}.logo-icon:before{content:"";position:absolute;top:-.25rem;right:-.25rem;bottom:-.25rem;left:-.25rem;border:2px dashed var(--primary-500);border-radius:50%;opacity:.4;animation:spin 20s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logoPulse{0%,to{transform:scale(1);box-shadow:0 0 0 .5rem #14b8a61a,0 0 0 1rem #14b8a60d,var(--shadow-glow)}50%{transform:scale(1.05);box-shadow:0 0 0 .75rem #14b8a626,0 0 0 .5rem #14b8a614,0 0 .5rem #14b8a666}}.bacteria-emoji{font-size:3rem;filter:drop-shadow(0 .25rem .5rem rgba(0,0,0,.3))}.title{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.title-line{font-family:var(--font-display);font-size:clamp(2rem,6vw,3rem);font-weight:800;color:var(--gray-100);letter-spacing:-.03em;text-shadow:0 .125rem 1.25rem rgba(0,0,0,.3)}.title-accent{font-family:var(--font-display);font-size:clamp(1.25rem,4vw,1.75rem);font-weight:700;background:linear-gradient(135deg,var(--primary-400) 0%,var(--primary-300) 50%,var(--accent-amber) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.2em;text-transform:uppercase}.subtitle{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);font-size:1rem;color:var(--gray-400);max-width:56.25rem;margin:0 auto;line-height:1.6}.subtitle-icon{font-size:1.25rem}.subtitle-highlight{display:inline-block;font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--primary-400);background:#14b8a61a;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-top:var(--space-2)}.stats-toggle{display:flex;justify-content:center;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.stats-button{font-family:var(--font-display);font-size:.9rem;font-weight:500;color:var(--primary-300);background:var(--bg-glass);border:1px solid var(--primary-800);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.stats-button:hover{background:var(--primary-900);border-color:var(--primary-600)}.stats-info{font-family:var(--font-display);font-size:.85rem;font-weight:500;color:var(--primary-400);padding:0 var(--space-2);white-space:nowrap}.user-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-8);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-.625rem)}to{opacity:1;transform:translateY(0)}}.stat-card{background:var(--bg-glass);border:1px solid var(--gray-700);border-radius:var(--radius-xl);padding:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-1);text-align:center}.stat-icon{font-size:1.5rem}.stat-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--primary-300)}.stat-label{font-size:.8rem;color:var(--gray-400)}.reset-button{grid-column:1 / -1;font-family:var(--font-display);font-size:.85rem;color:var(--error);background:transparent;border:1px solid var(--error);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);opacity:.7}.reset-button:hover{background:var(--error);color:#fff;opacity:1}.category-section{margin-bottom:var(--space-8)}.section-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--gray-200);margin-bottom:var(--space-4);text-align:center}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(12.5rem,1fr));gap:var(--space-3)}.category-card{background:var(--bg-glass);border:2px solid var(--gray-700);border-radius:var(--radius-xl);padding:var(--space-4);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.category-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));opacity:0;transition:opacity var(--transition-base)}.category-card:hover{border-color:var(--primary-500);transform:translateY(-.125rem);box-shadow:var(--shadow-md)}.category-card:hover:before{opacity:.1}.category-card.selected{border-color:var(--primary-400);background:#14b8a626}.category-card.selected:before{opacity:.15}.category-icon{font-size:2rem;position:relative;z-index:1}.category-name{font-family:var(--font-display);font-size:.95rem;font-weight:600;color:var(--gray-100);text-align:center;position:relative;z-index:1}.category-count{font-size:.8rem;color:var(--gray-400);position:relative;z-index:1}.category-accuracy{font-family:var(--font-display);font-size:.75rem;font-weight:500;color:var(--primary-400);background:var(--primary-900);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);position:relative;z-index:1}.config-section{margin-bottom:var(--space-8)}.question-count-selector{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.count-button{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--gray-300);background:var(--bg-glass);border:2px solid var(--gray-700);padding:var(--space-2) var(--space-5);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);min-width:3.75rem}.count-button:hover{border-color:var(--primary-500);color:var(--primary-300)}.count-button.selected{background:var(--primary-600);border-color:var(--primary-500);color:#fff}.question-count-wrapper{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--bg-glass);border:1px solid var(--primary-800);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);transition:all var(--transition-base);width:max-content;min-width:fit-content}.question-count-wrapper:hover{background:var(--primary-900);border-color:var(--primary-600)}.question-count-wrapper:focus-within{border-color:var(--primary-500);background:var(--primary-900)}.question-count-label{font-family:var(--font-display);font-size:.85rem;font-weight:500;color:var(--gray-400);white-space:nowrap}.question-count-dropdown{font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--primary-300);background:transparent;border:none;margin:0;padding:0;padding-right:1.5rem;cursor:pointer;transition:color var(--transition-base);appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%2314b8a6' d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center;background-size:1rem;text-align:left;width:6rem;overflow:visible;flex-shrink:0}.question-count-dropdown:hover{color:var(--primary-200)}.question-count-dropdown:focus{outline:none;color:var(--primary-200)}.question-count-dropdown option{background:var(--gray-800);color:var(--gray-100);padding:var(--space-2)}.start-button{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;max-width:56.25rem;margin:0 auto;padding:var(--space-4) var(--space-6);font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-lg),var(--shadow-glow)}.start-button:hover{transform:translateY(-.125rem);box-shadow:var(--shadow-xl),0 0 .5rem #14b8a666}.start-button:active{transform:translateY(0)}.button-icon{font-size:1.5rem;transition:transform var(--transition-base)}.start-button:hover .button-icon{transform:translate(.25rem)}.quiz-container{position:relative;z-index:1;max-width:56.25rem;margin:0 auto;padding:var(--space-4);min-height:100vh;display:flex;flex-direction:column;animation:fadeIn .4s ease-out}.quiz-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);background:var(--bg-glass);border:1px solid var(--gray-700);border-radius:var(--radius-xl);margin-bottom:var(--space-4);flex-wrap:wrap}.quit-button{font-family:var(--font-display);font-size:.9rem;font-weight:500;color:var(--gray-400);background:transparent;border:1px solid var(--gray-600);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.quit-button:hover{color:var(--error);border-color:var(--error)}.quiz-info{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.category-badge{font-family:var(--font-display);font-size:.75rem;font-weight:600;color:var(--primary-300);background:var(--primary-900);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.question-counter{font-family:var(--font-display);font-size:.9rem;color:var(--gray-300)}.score-display{display:flex;flex-direction:column;align-items:center}.score-label{font-size:.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:.1em}.score-value{font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--primary-400)}.progress-bar-container{height:.375rem;background:var(--gray-800);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-6)}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary-500),var(--primary-400));border-radius:var(--radius-full);transition:width var(--transition-slow)}.quiz-main{flex:1;display:flex;flex-direction:column;gap:var(--space-6)}.quiz-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-family:var(--font-display);font-size:1.25rem;color:var(--gray-400)}.question-card{background:var(--bg-card);border:1px solid var(--gray-700);border-radius:var(--radius-2xl);padding:var(--space-6);text-align:center;box-shadow:var(--shadow-lg)}.question-category{display:inline-block;font-family:var(--font-display);font-size:.8rem;font-weight:600;color:var(--primary-400);background:var(--primary-900);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.question-text{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:600;color:var(--gray-100);line-height:1.4}.options-grid{display:grid;gap:var(--space-3)}.option-button{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-glass);border:2px solid var(--gray-700);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);text-align:left}.option-button:hover:not(:disabled){border-color:var(--primary-500);background:#14b8a61a;transform:translate(.25rem)}.option-button.correct{border-color:var(--success);background:var(--success-light)}.option-button.correct .option-letter,.option-button.correct .option-text{color:var(--gray-900)}.option-button.incorrect{border-color:var(--error);background:var(--error-light)}.option-button.incorrect .option-letter,.option-button.incorrect .option-text{color:var(--gray-900)}.option-button.disabled{opacity:.5;cursor:not-allowed}.option-letter{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--primary-400);background:var(--primary-900);border-radius:var(--radius-md);flex-shrink:0}.option-text{flex:1;font-family:var(--font-display);font-size:1rem;font-weight:500;color:var(--gray-200)}.option-icon{font-size:1.25rem;font-weight:700}.option-button.correct .option-icon{color:var(--success)}.option-button.incorrect .option-icon{color:var(--error)}.explanation-panel{background:var(--bg-card);border:2px solid var(--gray-700);border-radius:var(--radius-2xl);padding:var(--space-6);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}.explanation-panel.correct{border-color:var(--success);background:linear-gradient(135deg,rgba(16,185,129,.1),transparent)}.explanation-panel.incorrect{border-color:var(--error);background:linear-gradient(135deg,rgba(239,68,68,.1),transparent)}.explanation-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.explanation-icon{font-size:2rem}.explanation-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700}.explanation-panel.correct .explanation-title{color:var(--success)}.explanation-panel.incorrect .explanation-title{color:var(--error)}.explanation-text{font-size:1rem;color:var(--gray-300);line-height:1.7;margin-bottom:var(--space-6);padding:var(--space-4);background:var(--bg-glass);border-radius:var(--radius-lg);border-left:4px solid var(--primary-500)}.next-button{display:block;width:100%;padding:var(--space-4);font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.next-button:hover{transform:translateY(-.125rem);box-shadow:var(--shadow-lg),var(--shadow-glow)}.results-container{position:relative;z-index:1;max-width:56.25rem;margin:0 auto;padding:var(--space-6) var(--space-4);animation:fadeIn .6s ease-out}.results-header{text-align:center;margin-bottom:var(--space-8)}.results-grade{display:inline-flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);background:var(--bg-glass);border:2px solid var(--gray-700);border-radius:var(--radius-2xl);animation:bounceIn .5s ease-out}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.results-grade[data-color=gold]{border-color:var(--accent-amber);background:linear-gradient(135deg,rgba(245,158,11,.2),transparent)}.results-grade[data-color=green]{border-color:var(--success);background:linear-gradient(135deg,rgba(16,185,129,.2),transparent)}.results-grade[data-color=blue]{border-color:var(--primary-500);background:linear-gradient(135deg,rgba(20,184,166,.2),transparent)}.results-grade[data-color=orange]{border-color:var(--accent-coral);background:linear-gradient(135deg,rgba(249,115,22,.2),transparent)}.results-grade[data-color=red]{border-color:var(--error);background:linear-gradient(135deg,rgba(239,68,68,.2),transparent)}.grade-emoji{font-size:3rem}.grade-text{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--gray-100)}.new-high-score{margin-top:var(--space-4);font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--accent-amber);animation:pulse 1s infinite}.score-circle-container{position:relative;width:12.5rem;height:12.5rem;margin:0 auto var(--space-8)}.score-circle{width:100%;height:100%;color:var(--primary-500)}.score-circle-progress{animation:drawCircle 1s ease-out forwards}@keyframes drawCircle{0%{stroke-dasharray:0 283}}.score-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-percentage{font-family:var(--font-display);font-size:3rem;font-weight:800;color:var(--primary-400);line-height:1}.score-fraction{font-family:var(--font-display);font-size:1rem;color:var(--gray-400)}.results-actions{display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-10);flex-wrap:wrap}.action-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-display);font-size:1rem;font-weight:600;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base)}.action-button.primary{color:#fff;background:linear-gradient(135deg,var(--primary-500),var(--primary-700));border:none;box-shadow:var(--shadow-md)}.action-button.primary:hover{transform:translateY(-.125rem);box-shadow:var(--shadow-lg),var(--shadow-glow)}.action-button.secondary{color:var(--gray-300);background:var(--bg-glass);border:2px solid var(--gray-600)}.action-button.secondary:hover{border-color:var(--primary-500);color:var(--primary-300)}.review-section{background:var(--bg-glass);border:1px solid var(--gray-700);border-radius:var(--radius-2xl);padding:var(--space-6)}.review-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--gray-100);margin-bottom:var(--space-6);text-align:center}.review-list{display:flex;flex-direction:column;gap:var(--space-4)}.review-item{background:var(--bg-card);border:2px solid var(--gray-700);border-radius:var(--radius-xl);padding:var(--space-4);transition:all var(--transition-base)}.review-item.correct{border-left:4px solid var(--success)}.review-item.incorrect{border-left:4px solid var(--error)}.review-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.review-number{font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--gray-500);background:var(--gray-800);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}.review-status{font-size:1.25rem;font-weight:700}.review-item.correct .review-status{color:var(--success)}.review-item.incorrect .review-status{color:var(--error)}.review-question{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--gray-200);margin-bottom:var(--space-3);line-height:1.4}.review-answers{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-3)}.answer-row{display:flex;gap:var(--space-2);font-size:.9rem}.answer-label{color:var(--gray-500);flex-shrink:0}.answer-value{font-family:var(--font-display);font-weight:500}.answer-value.correct{color:var(--success)}.answer-value.incorrect{color:var(--error)}.review-explanation{font-size:.9rem;color:var(--gray-400);padding:var(--space-3);background:var(--bg-glass);border-radius:var(--radius-md);border-left:3px solid var(--primary-500);line-height:1.6}@media(max-width:640px){.quiz-header{flex-direction:column;gap:var(--space-3)}.user-stats,.categories-grid{grid-template-columns:1fr}.results-actions{flex-direction:column}.action-button{width:100%;justify-content:center}.score-circle-container{width:10rem;height:10rem}.score-percentage{font-size:2.5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button:focus-visible,.category-card:focus-visible,.option-button:focus-visible{outline:2px solid var(--primary-400);outline-offset:.125rem}::selection{background:var(--primary-500);color:#fff}.explanation-actions{display:flex;gap:var(--space-3);align-items:center}.info-button{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--primary-300);background:var(--bg-glass);border:2px solid var(--primary-600);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.info-button:hover{background:var(--primary-900);border-color:var(--primary-400);transform:translateY(-.125rem)}.info-button-icon{font-size:1.25rem;font-weight:700}.info-button-text{font-size:.95rem}.header-info-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;font-size:1.125rem;font-weight:700;color:var(--primary-400);background:var(--bg-glass);border:1.5px solid var(--primary-600);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.header-info-button:hover{background:var(--primary-900);border-color:var(--primary-400);transform:scale(1.1);color:var(--primary-300)}.header-info-button:active{transform:scale(.95)}.info-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn .2s ease-out}.info-modal{position:relative;width:100%;max-width:37.5rem;max-height:85vh;background:var(--bg-card);border:2px solid var(--primary-600);border-radius:var(--radius-2xl);padding:var(--space-6);display:flex;flex-direction:column;animation:slideUp .3s ease-out;box-shadow:var(--shadow-xl),0 0 3.125rem #14b8a633}.info-modal-close{position:absolute;top:var(--space-4);right:var(--space-4);width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:300;color:var(--gray-400);background:var(--bg-glass);border:1px solid var(--gray-600);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);line-height:1}.info-modal-close:hover{color:var(--error);border-color:var(--error);background:#ef44441a}.info-modal-layout-toggle{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.375rem;color:var(--text-secondary);cursor:pointer;font-size:1.1rem;padding:.4rem .6rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem}.info-modal-layout-toggle:hover{background:#ffffff1a;border-color:var(--primary-500);color:var(--primary-400)}.info-modal-layout-toggle:active{transform:scale(.95)}.info-modal-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--gray-700)}.info-modal-icon{font-size:2rem}.info-modal-title{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--primary-300)}.info-modal-content{display:flex;flex-direction:column;gap:var(--space-5);overflow-y:auto;flex:1;min-height:0;padding-right:var(--space-2);margin-right:calc(-1 * var(--space-2))}.info-modal-content::-webkit-scrollbar{width:.5rem}.info-modal-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:var(--radius-md)}.info-modal-content::-webkit-scrollbar-thumb{background:#14b8a64d;border-radius:var(--radius-md)}.info-modal-content::-webkit-scrollbar-thumb:hover{background:#14b8a680}.info-modal-section{display:flex;flex-direction:column;gap:var(--space-2)}.info-modal-subtitle{font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--gray-400);text-transform:uppercase;letter-spacing:.05em}.info-modal-question{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--gray-100);line-height:1.4}.info-modal-answer{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--success);padding:var(--space-3);background:#10b9811a;border-radius:var(--radius-lg);border-left:4px solid var(--success)}.info-modal-explanation{font-size:1rem;color:var(--gray-200);line-height:1.8;padding:var(--space-4);background:var(--bg-glass);border-radius:var(--radius-lg);border-left:4px solid var(--primary-500);white-space:pre-wrap}.info-modal-source{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:.95rem;font-weight:500;color:var(--primary-400);background:var(--primary-900);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-base)}.info-modal-source:hover{background:var(--primary-800);color:var(--primary-300);transform:translate(.25rem)}@media(max-width:640px){.explanation-actions{flex-direction:column}.info-button{width:100%;justify-content:center}.info-modal{max-height:90vh;padding:var(--space-4)}.info-modal-title{font-size:1.25rem}}.difficulty-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.difficulty-easy{background:#10b98133;color:var(--success);border:1px solid rgba(16,185,129,.3)}.difficulty-medium{background:#f59e0b33;color:var(--accent-amber);border:1px solid rgba(245,158,11,.3)}.difficulty-hard{background:#ef444433;color:var(--error);border:1px solid rgba(239,68,68,.3)}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:var(--space-2)}.tag-pill{display:inline-block;padding:.25rem .625rem;background:#8b5cf626;color:var(--accent-purple);border-radius:var(--radius-full);font-size:.7rem;font-weight:500;border:1px solid rgba(139,92,246,.25)}.info-tabs{display:flex;border-bottom:2px solid rgba(255,255,255,.1);margin-bottom:var(--space-4);gap:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex-shrink:0}.info-tabs::-webkit-scrollbar{display:none}.info-tab{padding:.75rem 1rem;cursor:pointer;color:var(--text-secondary);font-size:.875rem;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-.125rem;transition:all var(--transition-base);white-space:nowrap;background:none;border-left:none;border-right:none;border-top:none}.info-tab:hover{color:var(--text-primary);background:#ffffff0d}.info-tab.active{color:var(--primary-400);border-bottom-color:var(--primary-500)}.info-tab-content{animation:fadeIn .3s ease}.info-overview{line-height:1.7;color:var(--text-secondary);white-space:pre-line}.info-key-facts{list-style:none;padding:0;margin:0}.info-key-facts-title{font-size:.875rem;font-weight:600;color:var(--primary-400);margin-top:var(--space-4);margin-bottom:var(--space-2);display:flex;align-items:center;gap:.5rem}.info-key-fact{padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-secondary);font-size:.9rem;line-height:1.5;border-bottom:1px solid rgba(255,255,255,.05)}.info-key-fact:last-child{border-bottom:none}.info-key-fact:before{content:"→";position:absolute;left:0;color:var(--primary-500);font-weight:700}.answer-card{padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-3);background:#ffffff08}.correct-answer-card{border-left:4px solid var(--success);background:#10b98114}.wrong-answer-card{border-left:4px solid rgba(239,68,68,.5);background:#ef44440d}.answer-card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:var(--space-2);font-weight:600}.correct-answer-card .answer-card-header{color:var(--success)}.wrong-answer-card .answer-card-header{color:var(--error);opacity:.85}.answer-card-text{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.terminology-grid{display:flex;flex-direction:column;gap:var(--space-3)}.term-card{background:#ffffff0d;border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid rgba(255,255,255,.08);transition:all var(--transition-base)}.term-card:hover{background:#ffffff14;border-color:#14b8a64d}.term-name{font-weight:600;color:var(--primary-400);font-size:1rem;margin-bottom:var(--space-2)}.term-definition{color:var(--text-secondary);font-size:.9rem;line-height:1.6}.clinical-relevance{font-style:italic;padding:var(--space-4);border-left:3px solid var(--accent-purple);background:#8b5cf614;border-radius:0 var(--radius-lg) var(--radius-lg) 0;color:var(--text-secondary);line-height:1.7}.clinical-relevance-title{font-style:normal;font-weight:600;color:var(--accent-purple);margin-bottom:var(--space-2);display:flex;align-items:center;gap:.5rem}.related-topics{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:var(--space-4)}.related-topic-pill{display:inline-flex;align-items:center;padding:.375rem .875rem;background:#14b8a61f;color:var(--primary-400);border-radius:var(--radius-full);font-size:.8rem;font-weight:500;border:1px solid rgba(20,184,166,.25);transition:all var(--transition-base)}.related-topic-pill:hover{background:#14b8a633;transform:translateY(-.0625rem)}.info-sources{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.1)}.info-sources-title{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.source-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary-400);font-size:.85rem;text-decoration:none;transition:all var(--transition-base)}.source-link:hover{color:var(--primary-300);text-decoration:underline}.info-scrollable-content{display:flex;flex-direction:column;gap:var(--space-8)}.info-scrollable-section{padding-bottom:var(--space-6);border-bottom:1px solid rgba(255,255,255,.1)}.info-scrollable-section:last-child{border-bottom:none;padding-bottom:0}.info-scrollable-section-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--primary-400);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--primary-600);display:flex;align-items:center;gap:var(--space-3)}.info-modal:has(.info-scrollable-content){max-height:90vh}@media(max-width:640px){.info-modal-layout-toggle{min-width:2rem;height:2rem;font-size:1rem}.info-scrollable-content{gap:var(--space-6)}.info-scrollable-section{padding-bottom:var(--space-4)}.info-scrollable-section-title{font-size:1.1rem}.stats-toggle{flex-direction:column;align-items:stretch}.stats-button{width:100%}.stats-info{text-align:center;font-size:.8rem}}.question-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.header-right-section{display:flex;align-items:center;gap:var(--space-3)}.info-modal-header-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.info-section-title{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);margin-top:var(--space-5)}.info-section-title:first-child{margin-top:0}@media(max-width:640px){.info-tabs{gap:0}.info-tab{padding:.625rem .75rem;font-size:.8rem}.difficulty-badge{font-size:.65rem;padding:.2rem .5rem}.question-header-row{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.header-right-section{gap:var(--space-2)}.header-info-button{width:1.75rem;height:1.75rem;font-size:1rem}.term-card,.answer-card{padding:var(--space-3)}}.logo-component{display:inline-flex;align-items:center;justify-content:center;transition:transform .3s ease}.logo-image{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.logo-component:hover{transform:scale(1.05)}.logo-component.small{width:60px;height:31px}.logo-component.medium{width:120px;height:62px}.logo-component.large{width:200px;height:104px}.start-screen-logo{margin-bottom:var(--space-6)}.quiz-header-logo{margin:0 var(--space-3)}.results-logo{margin-bottom:var(--space-4)}@media(max-width:768px){.logo-component.small{width:50px;height:26px}.logo-component.medium{width:100px;height:52px}.logo-component.large{width:160px;height:83px}}@media(max-width:480px){.logo-component.small{width:40px;height:21px}.logo-component.medium{width:80px;height:42px}.logo-component.large{width:120px;height:62px}.quiz-header-logo{display:none}}