:root{--primary:#4f46e5;--primary-light:#6366f1;--primary-dark:#3730a3;--bg:linear-gradient(135deg, #4338ca 0%, #6d28d9 50%, #7c3aed 100%);--bg-flat:#4338ca;--card-bg:#fff;--text:#1e1b4b;--text-secondary:#6b7280;--text-on-gradient:#fff;--success:#10b981;--error:#ef4444;--warning:#f59e0b;--gold:#fbbf24;--biology:#10b981;--chemistry:#ec4899;--physics:#3b82f6;--history:#f59e0b;--font-family:"Inter", "Segoe UI", system-ui, sans-serif;--font-size-base:16px;--font-size-sm:14px;--font-size-lg:20px;--font-size-xl:28px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--glass-bg:#ffffff1a;--glass-border:#ffffff26;--glass-shadow:0 8px 32px #0000001a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-size-base)}body{font-family:var(--font-family);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5}#root{flex-direction:column;min-height:100vh;display:flex}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:none}.app-layout{min-height:100vh;display:flex}.main-content{padding:var(--space-xl) var(--space-xl) var(--space-xl) var(--space-lg);flex:1;width:100%;max-width:1100px}@media (width<=640px){.main-content{padding:var(--space-md)}}.spinner{border:4px solid color-mix(in srgb, var(--primary) 25%, transparent);border-top-color:var(--primary);width:40px;height:40px;margin:var(--space-xl) auto;border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-container{padding:var(--space-2xl);justify-content:center;align-items:center;gap:var(--space-md);color:var(--text-on-gradient);flex-direction:column;display:flex}.error-container{text-align:center;padding:var(--space-2xl);color:var(--text-on-gradient)}.error-container h2{margin-bottom:var(--space-md);color:#fca5a5}.error-container p{margin-bottom:var(--space-lg);color:#ffffffb3}.page-header{margin-bottom:var(--space-lg)}.page-header h1{font-size:var(--font-size-xl);margin-bottom:var(--space-xs);color:var(--text-on-gradient)}.page-header p{color:#ffffffbf}.back-link{align-items:center;gap:var(--space-sm);color:#fffc;font-size:var(--font-size-sm);margin-bottom:var(--space-md);transition:color .15s;display:inline-flex}.back-link:hover{color:#fff}.card{background:var(--card-bg);border-radius:var(--radius-md);padding:20px 24px;transition:transform .2s,box-shadow .2s;box-shadow:0 2px 12px #0000000f}.card:hover{box-shadow:0 8px 24px #0000001a}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-family);white-space:nowrap;border:none;font-weight:600;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:active{transform:none}.btn-sm{border-radius:var(--radius-sm);padding:8px 16px;font-size:13px}.btn-md{border-radius:var(--radius-sm);padding:10px 24px;font-size:15px}.btn-lg{border-radius:var(--radius-sm);padding:14px 28px;font-size:17px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-light)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){filter:brightness(1.1)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.1)}.btn-outline{color:#fff;background:#ffffff26;border:2px solid #ffffff4d}.btn-outline:hover:not(:disabled){background:#ffffff40}.btn-muted{border:1px solid var(--text-secondary);color:var(--text);background:0 0}.btn-muted:hover:not(:disabled){background:#0000000d}.progress-bar{background:#e5e7eb;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-bar-fill{border-radius:4px;height:100%;transition:width .3s}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--card-bg);border-radius:var(--radius-lg);padding:var(--space-lg);width:90%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.modal-header h2{font-size:var(--font-size-lg)}.modal-close{cursor:pointer;color:var(--text-secondary);padding:var(--space-xs);background:0 0;border:none;font-size:24px}.navbar{display:none}.sidebar{-webkit-backdrop-filter:blur(20px);width:240px;padding:var(--space-lg) 0;background:#ffffff14;border-right:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;display:flex}.sidebar-user{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);margin-bottom:var(--space-lg);display:flex}.sidebar-avatar{background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.sidebar-username{color:#fff;font-weight:600;font-size:var(--font-size-base)}.sidebar-link{align-items:center;gap:var(--space-sm);padding:12px var(--space-lg);color:#ffffffb3;font-size:var(--font-size-base);border-left:3px solid #0000;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-link:hover{color:#fff;background:#ffffff14;text-decoration:none}.sidebar-link.active{color:#fff;background:#ffffff1f;border-left-color:#fff;font-weight:600}.sidebar-section{padding:var(--space-sm) var(--space-lg);text-transform:uppercase;color:#fff6;letter-spacing:.5px;margin-top:var(--space-lg);font-size:12px;font-weight:600}.sidebar-divider{height:1px;margin:var(--space-lg) var(--space-lg);background:#ffffff26}.sidebar-switch-user{align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);padding:8px var(--space-lg);color:#ffffff80;font-size:var(--font-size-sm);cursor:pointer;text-align:left;width:100%;font-family:var(--font-family);background:0 0;border:none;transition:color .15s;display:flex}.sidebar-switch-user:hover{color:#fffc}.sync-status{margin:var(--space-md) var(--space-lg) 0;border-radius:var(--radius-sm);color:#ffffffb3;font-size:11px;font-family:var(--font-family);cursor:default;background:#ffffff0f;border:1px solid #ffffff1a;align-items:center;gap:8px;padding:6px 10px;transition:background .15s;display:flex}.sync-status:not(:disabled):hover{cursor:pointer;background:#ffffff1f}.sync-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .3s}.sync-status-label{letter-spacing:.3px}@media (width<=640px){.sidebar{display:none}}.dashboard-stats{gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.dashboard-stat{border-radius:var(--radius-md);min-width:140px;padding:var(--space-md) var(--space-lg);text-align:center;background:#ffffff1f;border:1px solid #ffffff26;flex:1}.dashboard-stat-value{color:#fff;margin-bottom:2px;font-size:28px;font-weight:700;display:block}.dashboard-stat-label{font-size:var(--font-size-sm);color:#ffffffb3;display:block}.subject-grid{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.subject-card{cursor:pointer;color:var(--text);border-radius:var(--radius-md);border-left:none;text-decoration:none;transition:transform .2s,box-shadow .2s;overflow:hidden}.subject-card:hover{text-decoration:none;transform:translateY(-4px);box-shadow:0 12px 32px #00000026}.subject-card-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.subject-card-icon{font-size:36px}.subject-card-title{font-size:var(--font-size-lg);font-weight:700}.subject-card-stats{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-sm)}.subject-card-footer{gap:var(--space-sm);margin-top:var(--space-md);flex-direction:column;display:flex}.subject-card-mastered{font-size:var(--font-size-sm);color:var(--text-secondary)}.subject-card-btn{border-radius:var(--radius-sm);color:#fff;font-size:13px;font-weight:600;font-family:var(--font-family);cursor:pointer;border:none;justify-content:center;align-items:center;gap:4px;padding:8px 18px;transition:filter .15s;display:flex}.subject-card-btn:hover{filter:brightness(1.1)}.topic-search{margin-bottom:var(--space-md)}.topic-search-input{border-radius:var(--radius-sm);color:#fff;width:100%;max-width:400px;font-family:var(--font-family);font-size:var(--font-size-base);background:#ffffff1a;border:2px solid #ffffff40;outline:none;padding:10px 16px;transition:border-color .15s,background .15s}.topic-search-input::placeholder{color:#ffffff80}.topic-search-input:focus{background:#ffffff26;border-color:#ffffff80}.topic-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.topic-card{cursor:pointer;color:var(--text);border-radius:var(--radius-md);text-decoration:none;transition:transform .2s,box-shadow .2s;position:relative}.topic-card:hover{text-decoration:none;transform:translateY(-4px);box-shadow:0 12px 32px #00000026}.topic-card-check{background:var(--success);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex;position:absolute;top:12px;right:12px}.topic-card-name{font-size:var(--font-size-base);margin-bottom:var(--space-xs);padding-right:32px;font-weight:600}.topic-card-prompt{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-sm)}.topic-card-stats{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.topic-card-questions{color:var(--text-secondary);margin-top:var(--space-sm);font-size:12px}.topic-card-attempts{color:var(--text-secondary);font-size:12px}.topic-card-new-badge{background:var(--primary);color:#fff;letter-spacing:.3px;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;top:12px;right:12px}.topic-card-new-count{color:var(--primary);font-weight:600}.topic-card-set-scores{margin-top:var(--space-xs);margin-bottom:var(--space-xs);flex-direction:column;gap:2px;display:flex}.topic-card-set-score{align-items:center;gap:var(--space-xs);font-size:12px;display:flex}.topic-card-set-score .set-label{color:var(--text-secondary);min-width:38px;font-weight:500}.topic-card-set-score .set-value{font-weight:600}.history-set-scores{align-items:center;display:flex}.dashboard-welcome{margin-bottom:var(--space-lg)}.dashboard-welcome h1{font-size:var(--font-size-xl);margin-bottom:var(--space-xs);color:var(--text-on-gradient);font-weight:700}.dashboard-welcome p{color:#ffffffbf;font-size:var(--font-size-base)}.recent-activity{margin-top:var(--space-xl)}.recent-activity h2{font-size:var(--font-size-lg);margin-bottom:var(--space-md);color:var(--text-on-gradient)}.activity-list{gap:var(--space-sm);flex-direction:column;display:flex}.activity-item{padding:var(--space-md) var(--space-lg);justify-content:space-between;align-items:center;display:flex}.activity-item-info{flex-direction:column;display:flex}.activity-item-topic{font-weight:500}.activity-item-subject{font-size:var(--font-size-sm);color:var(--text-secondary)}.activity-item-score{font-weight:600;font-size:var(--font-size-sm)}.no-questions{text-align:center;padding:var(--space-lg);color:var(--text-secondary)}.subject-topics-header{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.subject-topics-icon{font-size:48px}.subject-topics-info h1{font-size:var(--font-size-xl);color:var(--text-on-gradient);font-weight:700}.subject-topics-info p{color:#ffffffbf}.roulette-banner{justify-content:space-between;align-items:center;gap:var(--space-md);background:var(--card-bg);border-radius:var(--radius-md);margin-bottom:var(--space-lg);padding:16px 20px;display:flex;box-shadow:0 2px 12px #0000000f}.roulette-banner-info{align-items:center;gap:var(--space-sm);display:flex}.roulette-banner-icon{font-size:28px}.roulette-banner-title{font-weight:700;font-size:var(--font-size-base);color:var(--text)}.roulette-banner-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:2px}.roulette-btn{white-space:nowrap;flex-shrink:0}@media (width<=600px){.roulette-banner{text-align:center;flex-direction:column;align-items:stretch}.roulette-banner-info{flex-direction:column}.roulette-btn{width:100%}}.topic-section-heading{color:var(--text-on-gradient);font-size:var(--font-size-lg);margin-bottom:var(--space-md);margin-top:var(--space-lg);padding-bottom:var(--space-sm);border-bottom:1px solid #ffffff26;font-weight:600}.topic-section-heading:first-of-type{margin-top:0}.admin-container{max-width:800px;padding:var(--space-lg);margin:0 auto}.admin-header{margin-bottom:var(--space-xl)}.admin-header h1{margin:0 0 var(--space-sm)}.admin-header p{color:var(--text-muted);margin:0}.admin-message{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-weight:600}.admin-message-success{background:color-mix(in srgb, var(--success) 15%, transparent);color:var(--success);border:1px solid var(--success)}.admin-message-error{background:color-mix(in srgb, var(--error) 15%, transparent);color:var(--error);border:1px solid var(--error)}.admin-section{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg);border:1px solid var(--border)}.admin-section h2{margin:0 0 var(--space-xs);font-size:var(--font-size-lg)}.admin-section-desc{color:var(--text-muted);margin:0 0 var(--space-lg);font-size:var(--font-size-sm)}.admin-user-list{gap:var(--space-sm);flex-direction:column;display:flex}.admin-user-row{padding:var(--space-md);background:var(--bg);border-radius:var(--radius-md);border:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.admin-user-info{align-items:center;gap:var(--space-sm);display:flex}.admin-user-name{font-weight:700;font-size:var(--font-size-base)}.admin-badge{background:var(--primary);color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.admin-pin-controls{align-items:center;gap:var(--space-sm);display:flex}.admin-current-pin{color:var(--text-muted);font-size:var(--font-size-sm);font-family:monospace}.admin-pin-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:90px;color:var(--text);font-family:monospace;font-size:var(--font-size-base);text-align:center;letter-spacing:2px;padding:8px 12px}.admin-pin-input:focus{outline:2px solid var(--primary);outline-offset:2px;border-color:var(--primary)}.admin-actions{align-items:center;gap:var(--space-lg);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.admin-import-controls{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.admin-import-mode{font-size:var(--font-size-sm);color:var(--text);cursor:pointer;align-items:center;gap:6px;display:flex}.admin-hint{font-size:var(--font-size-sm);color:var(--text-muted);padding:var(--space-md);background:var(--bg);border-radius:var(--radius-sm);margin:0;line-height:1.6}@media (width<=640px){.admin-user-row{flex-direction:column;align-items:stretch}.admin-pin-controls{justify-content:space-between}}.quiz-container{max-width:800px;margin:0 auto}.quiz-topbar{align-items:center;gap:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.quiz-exit-link{color:#ffffffb3;font-size:var(--font-size-sm);white-space:nowrap;text-decoration:none;transition:color .15s}.quiz-exit-link:hover{color:#fff}.quiz-topic-badge{color:#fff;white-space:nowrap;border-radius:20px;padding:4px 14px;font-size:13px;font-weight:600;display:inline-block}.quiz-timer{color:#ffffffe6;font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;white-space:nowrap;background:#ffffff26;border-radius:16px;padding:4px 12px;font-weight:600}.quiz-timer-urgent{background:var(--error);color:#fff;animation:.5s ease-in-out infinite alternate timer-pulse}@keyframes timer-pulse{0%{opacity:1}to{opacity:.6}}.quiz-counter{color:#ffffffb3;font-size:var(--font-size-sm);white-space:nowrap;margin-left:auto}.quiz-card{border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-xl) var(--space-lg);background:#fff;box-shadow:0 4px 24px #00000014}.quiz-question-text{color:var(--text);margin-bottom:var(--space-lg);font-size:18px;font-weight:600;line-height:1.6}.quiz-options{margin-bottom:var(--space-md);flex-direction:column;gap:10px;display:flex}.quiz-option{align-items:center;gap:var(--space-md);border-radius:var(--radius-md);color:var(--text);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-base);text-align:left;background:#f9fafb;border:2px solid #0000;width:100%;padding:14px 18px;transition:all .15s;display:flex}.quiz-option:first-child{background:#e0f2fe;border-color:#7dd3fc}.quiz-option:nth-child(2){background:#fef3c7;border-color:#fcd34d}.quiz-option:nth-child(3){background:#dcfce7;border-color:#86efac}.quiz-option:nth-child(4){background:#f3e8ff;border-color:#c4b5fd}.quiz-option.unanswered:hover{filter:brightness(.95);transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.quiz-option.unanswered:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.quiz-option.disabled-option{cursor:default}.quiz-option.correct{color:#065f46;background:#ecfdf5;border-color:#10b981}.quiz-option.incorrect{color:#991b1b;background:#fef2f2;border-color:#ef4444}.quiz-option.disabled-option:not(.correct):not(.incorrect){opacity:.5;filter:grayscale(.4)}.quiz-option-label{width:32px;height:32px;color:var(--text);background:#00000014;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.quiz-option.correct .quiz-option-label{color:#fff;background:#10b981}.quiz-option.incorrect .quiz-option-label{color:#fff;background:#ef4444}.quiz-option-text{flex:1}.quiz-option-icon{flex-shrink:0;margin-left:auto;font-size:18px;font-weight:700}.quiz-option-icon.correct-icon{color:#10b981}.quiz-option-icon.incorrect-icon{color:#ef4444}.quiz-input-container{margin-bottom:var(--space-lg)}.quiz-input{border-radius:var(--radius-md);width:100%;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text);background:#f9fafb;border:2px solid #e5e7eb;outline:none;padding:14px 18px;transition:border-color .15s}.quiz-input::placeholder{color:#9ca3af}.quiz-input:focus{border-color:var(--primary);background:#fff}.quiz-input:disabled{background:#f3f4f6}.quiz-input.correct{background:#ecfdf5;border-color:#10b981}.quiz-input.incorrect{background:#fef2f2;border-color:#ef4444}.quiz-feedback{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);margin-top:var(--space-md);margin-bottom:var(--space-md);border-left:4px solid #0000}.quiz-feedback.correct{background:#ecfdf5;border-left-color:#10b981}.quiz-feedback.incorrect{background:#fef2f2;border-left-color:#ef4444}.quiz-feedback-status{font-weight:700;font-size:var(--font-size-base);margin-bottom:var(--space-xs)}.quiz-feedback.correct .quiz-feedback-status{color:#065f46}.quiz-feedback.incorrect .quiz-feedback-status{color:#991b1b}.quiz-feedback-explanation{font-size:var(--font-size-sm);color:#4b5563;line-height:1.6}.quiz-feedback-correct-answer{font-weight:600;font-size:var(--font-size-sm);margin-bottom:var(--space-xs);color:#991b1b}.quiz-actions{justify-content:flex-end;gap:var(--space-md);margin-top:var(--space-md);display:flex}.quiz-next-btn{align-items:center;gap:var(--space-sm);background:var(--primary);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-family);cursor:pointer;border:none;padding:12px 28px;font-size:15px;font-weight:600;transition:background .15s;display:inline-flex}.quiz-next-btn:hover{background:var(--primary-light)}.quiz-setup{max-width:560px;margin:0 auto}.quiz-setup-title{font-size:var(--font-size-lg);color:var(--text);margin-bottom:var(--space-lg);font-weight:700}.quiz-setup-section{margin-bottom:var(--space-lg)}.quiz-setup-label{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-sm);font-weight:600;display:block}.quiz-setup-options{gap:var(--space-sm);flex-wrap:wrap;display:flex}.quiz-setup-option{border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;background:#f9fafb;border:2px solid #e5e7eb;padding:10px 20px;font-weight:500;transition:all .15s}.quiz-setup-option:hover:not(:disabled){border-color:var(--primary);background:#eef2ff}.quiz-setup-option.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.quiz-setup-option:disabled{opacity:.4;cursor:not-allowed}.quiz-setup-hint{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-xs);font-style:italic}.quiz-setup-warning{color:var(--error);font-size:var(--font-size-sm);margin-bottom:var(--space-md);font-weight:500}.quiz-setup-start{width:100%;margin-top:var(--space-md);padding:14px 28px;font-size:16px}.quiz-setup-scores{gap:var(--space-md);margin-bottom:var(--space-lg);flex-wrap:wrap;display:flex}.quiz-setup-score-badge{align-items:center;gap:var(--space-xs);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:#f3f4f6;padding:8px 14px;display:flex}.score-badge-label{color:var(--text-secondary);font-weight:500}.score-badge-value{font-weight:700}.quiz-set-badge{color:#fca5a5;text-transform:uppercase;letter-spacing:.05em;background:#ef44444d;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:700}.quiz-textarea{border-radius:var(--radius-md);width:100%;font-family:var(--font-family);font-size:var(--font-size-base);color:var(--text);resize:vertical;background:#f9fafb;border:2px solid #e5e7eb;outline:none;padding:14px 18px;line-height:1.6;transition:border-color .15s}.quiz-textarea::placeholder{color:#9ca3af}.quiz-textarea:focus{border-color:var(--primary);background:#fff}.quiz-textarea:disabled{background:#f3f4f6}.quiz-textarea.correct{background:#ecfdf5;border-color:#10b981}.quiz-textarea.incorrect{background:#fef2f2;border-color:#ef4444}.quiz-feedback.self-mark{background:#fffbeb;border-left-color:#f59e0b}.quiz-feedback.self-mark .quiz-feedback-status{color:#92400e}.quiz-self-mark-answer{margin:var(--space-sm) 0}.quiz-self-mark-label{font-size:var(--font-size-sm);color:#6b7280;margin-bottom:4px;font-weight:600}.quiz-self-mark-text{font-size:var(--font-size-base);color:var(--text);padding:var(--space-sm);border-radius:var(--radius-sm);background:#fff;border:1px solid #e5e7eb;line-height:1.6}.quiz-self-mark-keywords{margin:var(--space-sm) 0}.quiz-keyword-list{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.quiz-keyword{font-size:var(--font-size-sm);border-radius:14px;align-items:center;gap:4px;padding:4px 10px;font-weight:500;display:inline-flex}.quiz-keyword.matched{color:#065f46;background:#d1fae5}.quiz-keyword.missed{color:#991b1b;background:#fee2e2}.quiz-feedback-also-accepted{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:4px;font-style:italic}.quiz-self-mark-prompt{color:#92400e;margin:var(--space-md) 0 var(--space-sm);font-weight:600}.quiz-self-mark-buttons{gap:var(--space-sm);flex-wrap:wrap;display:flex}.btn-success{color:#fff;background:#10b981;border:none}.btn-success:hover{background:#059669}.btn-error{color:#fff;background:#ef4444;border:none}.quiz-progress-dots{display:none}.results-container{max-width:720px;margin:0 auto}.results-score{text-align:center;padding:var(--space-xl);margin-bottom:var(--space-lg);background:var(--card-bg);border-radius:var(--radius-lg)}.results-emoji{margin-bottom:var(--space-md);font-size:48px}.results-percentage{margin-bottom:var(--space-xs);color:var(--text);font-size:48px;font-weight:700}.results-fraction{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--space-sm)}.results-message{font-size:var(--font-size-lg);color:var(--text);font-weight:500}.results-actions{justify-content:center;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap;display:flex}.results-breakdown{margin-top:var(--space-lg)}.results-breakdown h2{font-size:var(--font-size-lg);margin-bottom:var(--space-md);color:var(--text-on-gradient)}.results-question{margin-bottom:var(--space-md);background:var(--card-bg);border-radius:var(--radius-md);border-left:4px solid #0000}.results-question.correct{border-left-color:var(--success)}.results-question.incorrect{border-left-color:var(--error)}.results-question-header{margin-bottom:var(--space-xs);justify-content:space-between;align-items:center;display:flex}.results-question-text{margin-bottom:var(--space-xs);font-weight:500}.results-question-answer{font-size:var(--font-size-sm);color:var(--text-secondary)}.results-correct-answer{font-size:var(--font-size-sm);color:#065f46;margin-top:var(--space-xs);font-weight:600}.results-question.incorrect .results-correct-answer{color:#065f46}.results-question-explanation{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:1px solid #e5e7eb;line-height:1.5}.confetti-container{pointer-events:none;z-index:1000;position:fixed;inset:0;overflow:hidden}.confetti-particle{opacity:0;animation:linear forwards confetti-float;position:absolute;bottom:-40px}@keyframes confetti-float{0%{opacity:0;transform:translateY(0)rotate(0)scale(1)}10%{opacity:1}50%{opacity:1}to{opacity:0;transform:translateY(calc(-100vh - 60px))rotate(360deg)scale(.5)}}.history-container{max-width:900px;margin:0 auto}.history-container h1{color:var(--text-on-gradient)}.history-filters{gap:var(--space-sm);margin-bottom:var(--space-lg);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:4px;display:flex;overflow-x:auto}.history-filters::-webkit-scrollbar{display:none}.filter-btn{color:#fffc;cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:24px;padding:8px 18px;transition:all .15s}.filter-btn.active{color:var(--primary);background:#fff;border-color:#fff;font-weight:600}.filter-btn:hover:not(.active){color:#fff;background:#fff3}.history-list{gap:var(--space-sm);flex-direction:column;display:flex}.history-item{padding:var(--space-md) var(--space-lg);cursor:pointer;background:var(--card-bg);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.history-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.history-item-info{flex-direction:column;gap:2px;display:flex}.history-item-topic{font-weight:500}.history-item-meta{font-size:var(--font-size-sm);color:var(--text-secondary)}.history-item-score{font-weight:600;font-size:var(--font-size-lg)}.history-empty{text-align:center;padding:var(--space-2xl);color:#ffffffb3}.history-empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg);margin-bottom:var(--space-xl)}.history-empty-icon{margin-bottom:var(--space-md);font-size:48px}.history-empty-state h2{color:var(--text-on-gradient);margin-bottom:var(--space-sm)}.history-empty-state p{color:#ffffffb3;margin-bottom:var(--space-lg);max-width:400px;margin-left:auto;margin-right:auto;line-height:1.5}.user-select-container{max-width:480px;margin:var(--space-2xl) auto;text-align:center}.user-select-container h1{font-size:var(--font-size-xl);margin-bottom:var(--space-xs);color:var(--text-on-gradient)}.user-select-container>p{color:#ffffffb3;margin-bottom:var(--space-lg)}.user-list{gap:var(--space-sm);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.user-item{padding:var(--space-md);cursor:pointer;background:var(--card-bg);border-radius:var(--radius-md);justify-content:space-between;align-items:center;transition:all .15s;display:flex}.user-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.user-item-info{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.user-item-name{font-weight:500;font-size:var(--font-size-base)}.user-item-date{font-size:var(--font-size-sm);color:var(--text-secondary)}.user-item-delete{border-radius:var(--radius-sm);color:var(--error);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;opacity:0;background:0 0;border:1px solid #ef44444d;flex-shrink:0;padding:6px 14px;font-weight:500;transition:all .15s}.user-item:hover .user-item-delete,.user-item-delete:focus-visible{opacity:1}.user-item-delete:hover{background:var(--error);border-color:var(--error);color:#fff}@media (hover:none){.user-item-delete{opacity:1}}.create-user-form{gap:var(--space-sm);flex-wrap:wrap;display:flex}.pin-hint{width:100%;font-size:var(--font-size-sm);color:#fff9}.user-count-hint{width:100%;font-size:var(--font-size-sm);color:#ffffff80;text-align:center;margin-top:var(--space-xs)}.user-limit-notice{max-width:420px;margin:var(--space-lg) auto 0;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);color:#ffffffbf;text-align:center;font-size:var(--font-size-sm);background:#ffffff0f;border:1px solid #ffffff26}.create-user-input{border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-base);color:#fff;background:#ffffff1a;border:2px solid #ffffff4d;outline:none;flex:1;padding:12px 18px}.create-user-input::placeholder{color:#ffffff80}.create-user-input:focus{border-color:#fff}.pin-create-input{text-align:center;letter-spacing:6px;flex:none;max-width:120px}.pin-login-section{max-width:320px;margin:0 auto}.pin-login-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg);display:flex}.pin-back-btn{color:#fff;border-radius:var(--radius-sm);font-family:var(--font-family);font-size:var(--font-size-sm);cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;padding:6px 14px;transition:background .15s}.pin-back-btn:hover{background:#ffffff40}.pin-login-name{font-size:var(--font-size-lg);color:#fff;font-weight:600}.pin-form{align-items:center;gap:var(--space-md);flex-direction:column;display:flex}.pin-label{color:#ffffffb3;font-size:var(--font-size-sm)}.pin-input{border-radius:var(--radius-sm);width:160px;font-family:var(--font-family);text-align:center;letter-spacing:10px;color:#fff;background:#ffffff1a;border:2px solid #ffffff4d;outline:none;padding:14px 18px;font-size:28px}.pin-input::placeholder{color:#fff6;letter-spacing:6px}.pin-input:focus{border-color:#fff}.pin-error{color:var(--error);font-size:var(--font-size-sm);font-weight:500}[data-theme=focus]{--primary:#0f4c81;--primary-light:#1a6bb5;--primary-dark:#0a3560;--bg:linear-gradient(135deg, #e8edf2 0%, #f8fafc 50%, #eef1f5 100%);--bg-flat:#f8fafc;--card-bg:#fff;--text:#1a2332;--text-secondary:#64748b;--text-on-gradient:#0f4c81;--success:#3cb371;--error:#e63946;--warning:#f7b32b;--gold:#f7b32b;--biology:#2ca6a4;--chemistry:#e84393;--physics:#0f4c81;--history:#f7b32b;--glass-bg:#0f4c810f;--glass-border:#0f4c811f;--glass-shadow:0 4px 24px #0f4c8114}[data-theme=focus] .sidebar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-right:1px solid #e2e8f0;box-shadow:2px 0 12px #0000000a}[data-theme=focus] .sidebar-avatar{color:#fff;background:#0f4c81}[data-theme=focus] .sidebar-username{color:#1a2332}[data-theme=focus] .sidebar-link{color:#64748b;border-left-color:#0000}[data-theme=focus] .sidebar-link:hover{color:#0f4c81;background:#0f4c810f}[data-theme=focus] .sidebar-link.active{color:#0f4c81;background:#0f4c811a;border-left-color:#0f4c81}[data-theme=focus] .sidebar-section{color:#94a3b8}[data-theme=focus] .sidebar-divider{background:#e2e8f0}[data-theme=focus] .sidebar-switch-user{color:#94a3b8}[data-theme=focus] .sidebar-switch-user:hover{color:#64748b}[data-theme=focus] .page-header h1,[data-theme=focus] .dashboard-welcome h1,[data-theme=focus] .subject-topics-info h1,[data-theme=focus] .history-container h1,[data-theme=focus] .recent-activity h2,[data-theme=focus] .results-breakdown h2,[data-theme=focus] .topic-section-heading{color:#0f4c81}[data-theme=focus] .page-header p,[data-theme=focus] .dashboard-welcome p,[data-theme=focus] .subject-topics-info p{color:#64748b}[data-theme=focus] .dashboard-stat{background:#fff;border-color:#e2e8f0}[data-theme=focus] .dashboard-stat-value{color:#0f4c81}[data-theme=focus] .dashboard-stat-label{color:#64748b}[data-theme=focus] .history-empty-state h2{color:#0f4c81}[data-theme=focus] .history-empty-state p,[data-theme=focus] .back-link{color:#64748b}[data-theme=focus] .back-link:hover{color:#0f4c81}[data-theme=focus] .quiz-exit-link{color:#64748b}[data-theme=focus] .quiz-exit-link:hover{color:#0f4c81}[data-theme=focus] .quiz-counter{color:#64748b}[data-theme=focus] .quiz-timer{color:#0f4c81;background:#0f4c811a}[data-theme=focus] .loading-container{color:#0f4c81}[data-theme=focus] .spinner{border-color:#0f4c81 #0f4c8133 #0f4c8133}[data-theme=focus] .error-container{color:#1a2332}[data-theme=focus] .error-container h2{color:#e63946}[data-theme=focus] .error-container p{color:#64748b}[data-theme=focus] .filter-btn{color:#64748b;background:#fff;border-color:#e2e8f0}[data-theme=focus] .filter-btn.active{color:#fff;background:#0f4c81;border-color:#0f4c81}[data-theme=focus] .filter-btn:hover:not(.active){color:#0f4c81;background:#f1f5f9}[data-theme=focus] .history-empty{color:#64748b}[data-theme=focus] .user-select-container h1{color:#0f4c81}[data-theme=focus] .user-select-container>p{color:#64748b}[data-theme=focus] .topic-search-input{color:#1a2332;background:#fff;border-color:#e2e8f0}[data-theme=focus] .topic-search-input::placeholder{color:#94a3b8}[data-theme=focus] .topic-search-input:focus{border-color:#0f4c81}[data-theme=focus] .create-user-input{color:#1a2332;background:#fff;border-color:#e2e8f0}[data-theme=focus] .create-user-input::placeholder{color:#94a3b8}[data-theme=focus] .create-user-input:focus{border-color:#0f4c81}[data-theme=focus] .btn-outline{color:#0f4c81;background:0 0;border-color:#0f4c81}[data-theme=focus] .btn-outline:hover:not(:disabled){background:#0f4c8114}[data-theme=focus] .btn-muted{color:#64748b;border-color:#e2e8f0}[data-theme=focus] .quiz-option{background:#fff;border:2px solid #e2e8f0;border-left:4px solid #cbd5e1}[data-theme=focus] .quiz-option.unanswered:hover{background:#f0f7ff;border-color:#0f4c81;transform:translateY(-2px);box-shadow:0 4px 12px #0f4c811a}[data-theme=focus] .quiz-option.correct{border-left-color:#3cb371}[data-theme=focus] .quiz-option.incorrect{border-left-color:#e63946}[data-theme=focus] .topic-section-heading{border-bottom-color:#e2e8f0}[data-theme=focus] .quiz-progress-top{z-index:100;background:#e2e8f0;height:3px;position:fixed;top:0;left:0;right:0}[data-theme=focus] .quiz-progress-top .quiz-progress-fill{border-radius:0 2px 2px 0;height:100%;transition:width .4s}[data-theme=focus] .quiz-card{transition:transform .3s,opacity .3s}[data-theme=focus] .quiz-card.card-entering{animation:.4s forwards focusCardIn}@keyframes focusCardIn{0%{opacity:0;transform:rotateY(8deg)translate(20px)}to{opacity:1;transform:rotateY(0)translate(0)}}[data-theme=focus] .quiz-option.correct{animation:.4s focusCorrect}@keyframes focusCorrect{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}[data-theme=focus] .quiz-option.incorrect{animation:.3s focusShake}@keyframes focusShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}[data-theme=focus] .sidebar.quiz-active{border-right:none;width:0;padding:0;transition:width .3s,padding .3s;overflow:hidden}[data-theme=focus] .sidebar{transition:width .3s,padding .3s}[data-theme=arcade]{--primary:#9b5de5;--primary-light:#b07de8;--primary-dark:#7b3cc4;--bg:linear-gradient(135deg, #1f2933 0%, #2d3a47 50%, #1f2933 100%);--bg-flat:#1f2933;--card-bg:#fff;--text:#1f2933;--text-secondary:#6b7280;--text-on-gradient:#fff;--success:#6cc551;--error:#ff5964;--warning:#f18f01;--gold:#f18f01;--biology:#00a8e8;--chemistry:#ff5964;--physics:#9b5de5;--history:#f18f01;--glass-bg:#ffffff14;--glass-border:#ffffff1f;--glass-shadow:0 6px 24px #0003;--font-family:"Nunito", "Inter", system-ui, sans-serif}[data-theme=arcade] .sidebar{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#9b5de5 0%,#7b3cc4 100%);border-right:none;box-shadow:4px 0 16px #0003}[data-theme=arcade] .sidebar-avatar{background:#ffffff40;font-weight:800}[data-theme=arcade] .sidebar-link{border-left:none;border-radius:0 12px 12px 0;margin-right:12px;font-weight:700}[data-theme=arcade] .sidebar-link.active{background:#fff3;border-left:none;box-shadow:inset 0 -3px #00000026}[data-theme=arcade] .sidebar-section{letter-spacing:1px;font-weight:800}[data-theme=arcade] .sidebar.quiz-active{border-right:none;width:0;padding:0;transition:width .3s,padding .3s;overflow:hidden}[data-theme=arcade] .sidebar{transition:width .3s,padding .3s}[data-theme=arcade] .dashboard-welcome h1,[data-theme=arcade] .subject-topics-info h1,[data-theme=arcade] .results-percentage,[data-theme=arcade] .results-message,[data-theme=arcade] .page-header h1,[data-theme=arcade] .history-container h1{letter-spacing:.5px;font-family:Nunito,sans-serif;font-weight:800}[data-theme=arcade] .quiz-card{border-radius:20px;box-shadow:0 8px #0000001a,0 12px 32px #00000014}[data-theme=arcade] .quiz-question-text{font-family:Nunito,sans-serif;font-size:20px;font-weight:800}[data-theme=arcade] .quiz-option{color:#fff;border:none;border-radius:14px;padding:18px 22px;font-size:17px;font-weight:700;transition:all .15s;box-shadow:inset 0 -6px #0003}[data-theme=arcade] .quiz-option:first-child{background:#00a8e8}[data-theme=arcade] .quiz-option:nth-child(2){background:#f18f01}[data-theme=arcade] .quiz-option:nth-child(3){background:#6cc551}[data-theme=arcade] .quiz-option:nth-child(4){background:#9b5de5}[data-theme=arcade] .quiz-option .quiz-option-label{color:#fff;background:#ffffff4d;font-size:16px;font-weight:800}[data-theme=arcade] .quiz-option .quiz-option-text,[data-theme=arcade] .quiz-option .quiz-option-icon{color:#fff}[data-theme=arcade] .quiz-option.unanswered:hover{background:inherit;border-color:#0000;transform:translateY(-3px);box-shadow:inset 0 -6px #0003,0 8px 20px #00000026}[data-theme=arcade] .quiz-option.unanswered:active{transform:translateY(2px);box-shadow:inset 0 -2px #0003}[data-theme=arcade] .quiz-option.correct{animation:.5s arcadeCorrectBounce;background:#6cc551!important}[data-theme=arcade] .quiz-option.correct .quiz-option-label{background:#fff6}[data-theme=arcade] .quiz-option.incorrect{animation:.4s arcadeWobble;background:#ff5964!important}[data-theme=arcade] .quiz-option.incorrect .quiz-option-label{background:#fff6}[data-theme=arcade] .quiz-option.disabled-option:not(.correct):not(.incorrect){opacity:.4;filter:grayscale(.5)}@keyframes arcadeCorrectBounce{0%{transform:scale(1)}30%{transform:scale(1.06)}60%{transform:scale(.97)}to{transform:scale(1)}}@keyframes arcadeWobble{0%,to{transform:translate(0)rotate(0)}20%{transform:translate(-6px)rotate(-1deg)}40%{transform:translate(6px)rotate(1deg)}60%{transform:translate(-4px)rotate(-.5deg)}80%{transform:translate(4px)rotate(.5deg)}}@keyframes arcadeXpFloat{0%{opacity:1;transform:translateY(0)scale(1)}60%{opacity:1;transform:translateY(-40px)scale(1.1)}to{opacity:0;transform:translateY(-60px)scale(.9)}}.arcade-xp-float{color:#6cc551;pointer-events:none;text-shadow:0 2px 4px #0003;z-index:10;font-family:Titan One,cursive;font-size:22px;animation:1s forwards arcadeXpFloat;position:absolute;top:-10px;right:20px}.arcade-streak{color:#f18f01;background:#f18f0126;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-family:Titan One,cursive;font-size:16px;display:inline-flex}.arcade-streak.pulse{animation:.4s arcadeStreakPulse}@keyframes arcadeStreakPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.arcade-score{color:#9b5de5;background:#9b5de51f;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-family:Titan One,cursive;font-size:16px;display:inline-flex}.arcade-progress{margin-bottom:var(--space-md);gap:4px;display:flex}.arcade-progress-segment{background:#ffffff26;border-radius:5px;flex:1;height:10px;transition:all .3s}.arcade-progress-segment.correct{background:#6cc551;box-shadow:0 0 8px #6cc55166}.arcade-progress-segment.incorrect{background:#ff5964;box-shadow:0 0 8px #ff596466}.arcade-progress-segment.current{background:#ffffff59;animation:1.5s infinite arcadeCurrentPulse}@keyframes arcadeCurrentPulse{0%,to{opacity:.6}50%{opacity:1}}[data-theme=arcade] .subject-card{border-radius:16px;transition:transform .2s,box-shadow .2s;box-shadow:0 6px #00000014,0 8px 24px #0000000f}[data-theme=arcade] .subject-card:hover{transform:translateY(-6px);box-shadow:0 10px #0000000f,0 16px 36px #0000001a}[data-theme=arcade] .subject-card-title{font-family:Nunito,sans-serif;font-weight:800}[data-theme=arcade] .topic-card{border-radius:14px;box-shadow:0 4px #0000000f}[data-theme=arcade] .topic-card:hover{transform:translateY(-4px);box-shadow:0 8px #0000000f,0 12px 32px #0000001a}[data-theme=arcade] .quiz-next-btn{border-radius:14px;padding:14px 32px;font-family:Nunito,sans-serif;font-size:17px;font-weight:800;box-shadow:inset 0 -4px #00000026}[data-theme=arcade] .quiz-next-btn:active{transform:translateY(3px);box-shadow:inset 0 -1px #00000026}[data-theme=arcade] .results-emoji{font-size:64px}[data-theme=arcade] .results-score{border-radius:20px;box-shadow:0 8px #00000014}[data-theme=arcade] .history-container h2{color:var(--text-on-gradient)}[data-theme=arcade] .quiz-feedback{border-left-width:6px;border-radius:14px}.arcade-wrong-flash{pointer-events:none;z-index:999;background:#ff596426;animation:.3s forwards arcadeFlash;position:fixed;inset:0}@keyframes arcadeFlash{0%{opacity:1}to{opacity:0}}[data-theme=midnight]{--primary:#818cf8;--primary-light:#a5b4fc;--primary-dark:#6366f1;--bg:linear-gradient(135deg, #0f172a 0%, #131c31 50%, #0f172a 100%);--bg-flat:#0f172a;--card-bg:#1e293b;--text:#e2e8f0;--text-secondary:#94a3b8;--text-on-gradient:#e2e8f0;--success:#4ade80;--error:#f87171;--warning:#fbbf24;--gold:#fbbf24;--biology:#34d399;--chemistry:#f472b6;--physics:#60a5fa;--history:#fbbf24;--glass-bg:#0f172acc;--glass-border:#ffffff14;--glass-shadow:0 8px 32px #0000004d}[data-theme=midnight] .sidebar{-webkit-backdrop-filter:blur(24px);background:#0f172ad9;border-right:1px solid #ffffff0f}[data-theme=midnight] .sidebar-avatar{background:#818cf84d;box-shadow:0 0 12px #818cf833}[data-theme=midnight] .sidebar-link{color:#e2e8f099}[data-theme=midnight] .sidebar-link:hover{color:#e2e8f0;background:#ffffff0a}[data-theme=midnight] .sidebar-link.active{color:#818cf8;background:#818cf81a;border-left-color:#818cf8;box-shadow:inset 0 0 12px #818cf80d}[data-theme=midnight] .sidebar-section{color:#e2e8f04d}[data-theme=midnight] .sidebar-divider{background:#ffffff14}[data-theme=midnight] .sidebar-switch-user{color:#e2e8f059}[data-theme=midnight] .sidebar-switch-user:hover{color:#e2e8f099}[data-theme=midnight] .card,[data-theme=midnight] .subject-card,[data-theme=midnight] .topic-card,[data-theme=midnight] .history-item,[data-theme=midnight] .user-item,[data-theme=midnight] .activity-item{background:#1e293b;border:1px solid #ffffff0f;box-shadow:0 4px 16px #0003}[data-theme=midnight] .card:hover,[data-theme=midnight] .subject-card:hover,[data-theme=midnight] .topic-card:hover{border-color:#ffffff1a;box-shadow:0 8px 28px #0000004d}[data-theme=midnight] .subject-card-title,[data-theme=midnight] .topic-card-name{color:#e2e8f0}[data-theme=midnight] .topic-section-heading{border-bottom-color:#ffffff14}[data-theme=midnight] .quiz-card{background:#1e293b;border:1px solid #ffffff0f;box-shadow:0 8px 32px #0000004d}[data-theme=midnight] .quiz-question-text{color:#e2e8f0;letter-spacing:.01em}[data-theme=midnight] .quiz-option{color:#e2e8f0;background:#0f172a;border:1px solid #ffffff14;transition:all .2s}[data-theme=midnight] .quiz-option .quiz-option-label{color:#94a3b8;background:#ffffff14}[data-theme=midnight] .quiz-option.unanswered:hover{background:#818cf814;border-color:#818cf880;box-shadow:0 0 16px #818cf826,inset 0 0 12px #818cf80d}[data-theme=midnight] .quiz-option.unanswered:hover .quiz-option-label{color:#818cf8;background:#818cf833}[data-theme=midnight] .quiz-option.correct{color:#4ade80;background:#4ade801a;border-color:#4ade8080;animation:.6s midnightGlowPulse;box-shadow:0 0 16px #4ade8026}[data-theme=midnight] .quiz-option.correct .quiz-option-label{color:#4ade80;background:#4ade8040}[data-theme=midnight] .quiz-option.correct .quiz-option-text{color:#bbf7d0}[data-theme=midnight] .quiz-option.incorrect{color:#f87171;background:#f871711a;border-color:#f8717180;animation:.4s midnightGlowFlash;box-shadow:0 0 16px #f8717126}[data-theme=midnight] .quiz-option.incorrect .quiz-option-label{color:#f87171;background:#f8717140}[data-theme=midnight] .quiz-option.incorrect .quiz-option-text{color:#fecaca}[data-theme=midnight] .quiz-option.disabled-option:not(.correct):not(.incorrect){opacity:.35;background:#0f172a;border-color:#ffffff0a}@keyframes midnightGlowPulse{0%{box-shadow:0 0 #4ade8000}50%{box-shadow:0 0 24px #4ade804d}to{box-shadow:0 0 16px #4ade8026}}@keyframes midnightGlowFlash{0%{box-shadow:0 0 #f8717100}30%{box-shadow:0 0 24px #f8717166}to{box-shadow:0 0 16px #f8717126}}[data-theme=midnight] .quiz-input{color:#e2e8f0;background:#0f172a;border-color:#ffffff1a}[data-theme=midnight] .quiz-input::placeholder{color:#475569}[data-theme=midnight] .quiz-input:focus{background:#818cf80d;border-color:#818cf880;box-shadow:0 0 12px #818cf826}[data-theme=midnight] .quiz-input.correct{background:#4ade8014;border-color:#4ade8080;box-shadow:0 0 12px #4ade8026}[data-theme=midnight] .quiz-input.incorrect{background:#f8717114;border-color:#f8717180;box-shadow:0 0 12px #f8717126}[data-theme=midnight] .quiz-feedback.correct{background:#4ade8014;border-left-color:#4ade80}[data-theme=midnight] .quiz-feedback.correct .quiz-feedback-status{color:#4ade80}[data-theme=midnight] .quiz-feedback.incorrect{background:#f8717114;border-left-color:#f87171}[data-theme=midnight] .quiz-feedback.incorrect .quiz-feedback-status{color:#f87171}[data-theme=midnight] .quiz-feedback-explanation{color:#94a3b8}[data-theme=midnight] .quiz-feedback-correct-answer{color:#f87171}[data-theme=midnight] .progress-bar{background:#ffffff0f}[data-theme=midnight] .progress-bar-fill{box-shadow:0 0 8px}[data-theme=midnight] .quiz-next-btn{box-shadow:0 0 12px #818cf833}[data-theme=midnight] .quiz-next-btn:hover{box-shadow:0 0 20px #818cf84d}[data-theme=midnight] .btn-outline{color:#818cf8;background:0 0;border-color:#818cf866}[data-theme=midnight] .btn-outline:hover:not(:disabled){background:#818cf81a;box-shadow:0 0 12px #818cf826}[data-theme=midnight] .btn-muted{color:#94a3b8;border-color:#ffffff1a}[data-theme=midnight] .btn-muted:hover:not(:disabled){background:#ffffff0d}[data-theme=midnight] .results-score{background:#1e293b;border:1px solid #ffffff0f}[data-theme=midnight] .results-percentage{color:#e2e8f0}[data-theme=midnight] .results-fraction{color:#94a3b8}[data-theme=midnight] .results-question{background:#1e293b;border:1px solid #ffffff0f}[data-theme=midnight] .results-question.correct{border-left-color:#4ade80}[data-theme=midnight] .results-question.incorrect{border-left-color:#f87171}[data-theme=midnight] .filter-btn{color:#94a3b8;background:#ffffff0a;border-color:#ffffff1a}[data-theme=midnight] .filter-btn.active{color:#818cf8;background:#818cf826;border-color:#818cf84d;box-shadow:0 0 10px #818cf81a}[data-theme=midnight] .filter-btn:hover:not(.active){color:#e2e8f0;background:#ffffff0f}[data-theme=midnight] .topic-search-input{color:#e2e8f0;background:#ffffff0d;border-color:#ffffff1a}[data-theme=midnight] .topic-search-input::placeholder{color:#475569}[data-theme=midnight] .topic-search-input:focus{border-color:#818cf880}[data-theme=midnight] .create-user-input{color:#e2e8f0;background:#ffffff0d;border-color:#ffffff1a}[data-theme=midnight] .create-user-input::placeholder{color:#475569}[data-theme=midnight] .create-user-input:focus{border-color:#818cf880;box-shadow:0 0 10px #818cf826}[data-theme=midnight] .quiz-card.card-entering{animation:.3s forwards midnightCardIn}@keyframes midnightCardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}[data-theme=midnight] .history-item:hover,[data-theme=midnight] .user-item:hover{border-color:#818cf833;box-shadow:0 0 16px #818cf814,0 8px 24px #0003}[data-theme=midnight] .history-empty{color:#475569}[data-theme=midnight] .modal-content{background:#1e293b;border:1px solid #ffffff14}.theme-switcher{padding:8px var(--space-lg);margin-bottom:var(--space-sm);gap:6px;display:flex}.theme-switcher-label{text-transform:uppercase;letter-spacing:.5px;padding:0 var(--space-lg);color:#fff6;margin-bottom:4px;font-size:12px;font-weight:600}[data-theme=focus] .theme-switcher-label{color:#94a3b8}.theme-btn{cursor:pointer;background:#ffffff14;border:2px solid #0000;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:16px;transition:all .2s;display:flex}.theme-btn:hover{background:#ffffff26;transform:scale(1.1)}.theme-btn.active{background:#fff3;border-color:#fff}[data-theme=focus] .theme-btn{background:#0f4c810f}[data-theme=focus] .theme-btn:hover{background:#0f4c811f}[data-theme=focus] .theme-btn.active{background:#0f4c811f;border-color:#0f4c81}[data-theme=midnight] .theme-btn{background:#ffffff0a}[data-theme=midnight] .theme-btn:hover{background:#818cf81f}[data-theme=midnight] .theme-btn.active{background:#818cf826;border-color:#818cf8;box-shadow:0 0 10px #818cf833}.theme-btn[title]{position:relative}