*{box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--shadow-sm: 0 1px 2px 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);--shadow-glow: 0 0 20px rgba(74, 144, 217, .3)}:root,[data-theme=light]{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--card-bg: #ffffff;--border-color: #e2e8f0;--border-light: #f1f5f9;--button-primary: #4a90d9;--button-hover: #357abd;--button-secondary: #f1f5f9;--correct-bg: #dcfce7;--correct-text: #166534;--correct-border: #86efac;--incorrect-bg: #fee2e2;--incorrect-text: #991b1b;--incorrect-border: #fca5a5;--shadow: var(--shadow-md);--input-bg: #ffffff;--link-color: #4a90d9;--gradient-primary: linear-gradient(135deg, #4a90d9 0%, #357abd 100%);--gradient-success: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-bg: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .5)}[data-theme=dark]{--bg-primary: #121828;--bg-secondary: #1e2433;--bg-tertiary: #283041;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--card-bg: #1e2433;--border-color: #374151;--border-light: #4b5563;--button-primary: #60a5fa;--button-hover: #93c5fd;--button-secondary: #374151;--correct-bg: #064e3b;--correct-text: #6ee7b7;--correct-border: #10b981;--incorrect-bg: #450a0a;--incorrect-text: #fca5a5;--incorrect-border: #f87171;--shadow: rgba(0, 0, 0, .5);--input-bg: #1e2433;--link-color: #60a5fa;--gradient-primary: linear-gradient(135deg, #60a5fa 0%, #3b82f6 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-bg: linear-gradient(135deg, #121828 0%, #1e2433 100%);--glass-bg: rgba(30, 36, 51, .85);--glass-border: rgba(55, 65, 81, .5)}[data-theme=blue]{--bg-primary: #e0f2fe;--bg-secondary: #ffffff;--bg-tertiary: #bae6fd;--text-primary: #0369a1;--text-secondary: #0284c7;--text-muted: #0ea5e9;--card-bg: #ffffff;--border-color: #7dd3fc;--border-light: #bae6fd;--button-primary: #0284c7;--button-hover: #0369a1;--button-secondary: #e0f2fe;--correct-bg: #bbf7d0;--correct-text: #15803d;--correct-border: #4ade80;--incorrect-bg: #fecaca;--incorrect-text: #b91c1c;--incorrect-border: #f87171;--shadow: rgba(2, 132, 199, .15);--input-bg: #ffffff;--link-color: #0284c7;--gradient-primary: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);--gradient-success: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-bg: linear-gradient(135deg, #e0f2fe 0%, #bae6fd 100%);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(186, 230, 253, .5)}[data-theme=green]{--bg-primary: #dcfce7;--bg-secondary: #ffffff;--bg-tertiary: #bbf7d0;--text-primary: #166534;--text-secondary: #15803d;--text-muted: #16a34a;--card-bg: #ffffff;--border-color: #86efac;--border-light: #bbf7d0;--button-primary: #16a34a;--button-hover: #15803d;--button-secondary: #dcfce7;--correct-bg: #bbf7d0;--correct-text: #14532d;--correct-border: #4ade80;--incorrect-bg: #fecaca;--incorrect-text: #b91c1c;--incorrect-border: #f87171;--shadow: rgba(22, 163, 74, .15);--input-bg: #ffffff;--link-color: #16a34a;--gradient-primary: linear-gradient(135deg, #16a34a 0%, #15803d 100%);--gradient-success: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-bg: linear-gradient(135deg, #dcfce7 0%, #bbf7d0 100%);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(187, 247, 208, .5)}[data-theme=purple]{--bg-primary: #f3e8ff;--bg-secondary: #ffffff;--bg-tertiary: #e9d5ff;--text-primary: #6b21a8;--text-secondary: #7c3aed;--text-muted: #8b5cf6;--card-bg: #ffffff;--border-color: #c4b5fd;--border-light: #e9d5ff;--button-primary: #7c3aed;--button-hover: #6b21a8;--button-secondary: #f3e8ff;--correct-bg: #ede9fe;--correct-text: #4c1d95;--correct-border: #a78bfa;--incorrect-bg: #fecaca;--incorrect-text: #b91c1c;--incorrect-border: #f87171;--shadow: rgba(124, 58, 237, .15);--input-bg: #ffffff;--link-color: #7c3aed;--gradient-primary: linear-gradient(135deg, #7c3aed 0%, #6b21a8 100%);--gradient-success: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--gradient-danger: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--gradient-bg: linear-gradient(135deg, #f3e8ff 0%, #e9d5ff 100%);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(233, 213, 255, .5)}body{margin:0;min-height:100vh;background:var(--gradient-bg);background-attachment:fixed;color:var(--text-primary);transition:background .3s ease,color .3s ease}#root{min-height:100vh}.card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);font-size:1rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn:active{transform:scale(.98)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:var(--button-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out}.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-xl)}.title-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);margin-bottom:var(--space-2xl)}.home-logo{width:100px;height:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:transform var(--transition-normal)}.home-logo:hover{transform:scale(1.05) rotate(-2deg)}.home-container h1{font-size:2rem;margin:0;color:var(--text-primary);text-align:center;font-weight:700;letter-spacing:-.02em}.button-container{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:320px}.home-button{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg) var(--space-xl);font-size:1.125rem;font-weight:600;text-align:center;text-decoration:none;color:#fff;background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.home-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.home-button:hover:before{left:100%}.home-button:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.home-button:active{transform:translateY(0) scale(.98)}.home-button svg{width:22px;height:22px}.progress-section{margin-top:var(--space-2xl);width:100%;max-width:640px}.progress-section h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:var(--space-lg);text-align:center;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}.recent-exams h3{font-size:1.125rem;color:var(--text-primary);margin-bottom:var(--space-md);font-weight:600}.exam-list{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow)}.exam-item{display:grid;grid-template-columns:1fr 1fr .75fr 1.25fr;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);align-items:center;border-bottom:1px solid var(--border-light);transition:background-color var(--transition-fast)}.exam-item:hover{background-color:var(--bg-tertiary)}.exam-item:last-child{border-bottom:none}.exam-license{font-weight:600;color:var(--text-primary)}.exam-score{color:var(--text-secondary);font-weight:500}.exam-result{font-size:.75rem;font-weight:600;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);text-align:center;text-transform:uppercase;letter-spacing:.05em}.exam-result.passed{background:var(--gradient-success);color:#fff}.exam-result.failed{background:var(--gradient-danger);color:#fff}.exam-date{font-size:.75rem;color:var(--text-muted);text-align:right}.stats-link{color:var(--button-primary);text-decoration:none;font-size:.9rem;font-weight:500}.stats-link:hover{text-decoration:underline}@media(max-width:640px){.home-container h1{font-size:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.exam-item{grid-template-columns:1fr 1fr;gap:var(--space-xs)}.exam-date{display:none}}.license-selector{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl);width:100%}.license-selector h2{margin-bottom:var(--space-2xl);font-size:1.5rem;color:var(--text-primary);font-weight:600}.license-buttons{display:flex;flex-direction:column;gap:var(--space-md);width:100%;max-width:340px}.license-button{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl);border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--card-bg);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.license-button:hover{border-color:var(--button-primary);background:var(--gradient-primary);transform:translateY(-2px);box-shadow:var(--shadow-glow)}.license-button:hover .license-name,.license-button:hover .license-description{color:#fff}.license-name{font-size:1.35rem;font-weight:700;color:var(--text-primary)}.license-description{font-size:.9rem;color:var(--text-secondary);margin-top:var(--space-xs);font-weight:500}.question-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-lg);max-width:700px;width:100%;transition:all var(--transition-normal)}.question-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-sm)}.question-id{font-weight:700;color:var(--button-primary);font-size:.875rem;padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-full)}.question-refs{font-size:.8rem;color:var(--text-muted);flex:1;text-align:right;margin-right:var(--space-sm);font-weight:500}.tts-button,.bookmark-button,.mic-button{background:var(--bg-tertiary);border:none;border-radius:var(--radius-full);width:40px;height:40px;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);color:var(--text-secondary)}.tts-button:hover,.bookmark-button:hover,.mic-button:hover{background:var(--button-primary);color:#fff;transform:scale(1.1)}.tts-controls{display:flex;gap:var(--space-sm);align-items:center}.bookmark-button{color:var(--text-muted)}.bookmark-button.bookmarked{color:#ffc107;background:#ffc10726}.tts-button.reading{background:var(--gradient-primary);color:#fff}.mic-button.listening{background:var(--gradient-danger);color:#fff;animation:mic-pulse 1.5s infinite}@keyframes mic-pulse{0%{transform:scale(1);box-shadow:0 0 #ef444480}50%{transform:scale(1.05);box-shadow:0 0 0 12px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.question-text{font-size:1.15rem;line-height:1.7;color:var(--text-primary);margin-bottom:var(--space-xl);font-weight:500}.answers-list{display:flex;flex-direction:column;gap:var(--space-md)}.answer-button{display:flex;align-items:flex-start;padding:var(--space-lg);border:2px solid var(--border-color);border-radius:var(--radius-lg);background:var(--card-bg);color:var(--text-primary);cursor:pointer;text-align:left;transition:all var(--transition-fast);font-size:1rem;line-height:1.5}.answer-button:hover:not(:disabled){border-color:var(--button-primary);background-color:var(--bg-tertiary);transform:translate(4px)}.answer-button.selected{border-color:var(--button-primary);background:linear-gradient(135deg,#4a90d91a,#4a90d90d);box-shadow:0 0 0 3px #4a90d926}.answer-button.correct{border-color:var(--correct-border);background:var(--correct-bg);box-shadow:0 0 0 3px #22c55e33}.answer-button.incorrect{border-color:var(--incorrect-border);background:var(--incorrect-bg);box-shadow:0 0 0 3px #ef444433}.answer-button:disabled{cursor:not-allowed;opacity:.8}.answer-letter{font-weight:700;color:var(--button-primary);margin-right:var(--space-md);min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-sm);font-size:.875rem}.answer-button.correct .answer-letter{background:var(--correct-border);color:#fff}.answer-button.incorrect .answer-letter{background:var(--incorrect-border);color:#fff}.answer-text{color:var(--text-primary);line-height:1.5;flex:1}.result-indicator{margin-top:var(--space-xl);padding:var(--space-lg);border-radius:var(--radius-lg);text-align:center;font-weight:700;font-size:1.15rem;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.result-indicator.correct{background:var(--gradient-success);color:#fff}.result-indicator.incorrect{background:var(--gradient-danger);color:#fff}.must-click-hint{color:var(--incorrect-text);font-weight:600;text-align:center;margin-top:var(--space-md);padding:var(--space-md);background-color:var(--incorrect-bg);border-radius:var(--radius-md);font-size:.9rem}@media(max-width:640px){.question-card{padding:var(--space-lg)}.question-text{font-size:1rem}.answer-button{padding:var(--space-md)}}.exam-results{display:flex;flex-direction:column;align-items:center;padding:var(--space-2xl);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:700px;width:100%;animation:slideUp var(--transition-slow) ease-out}.exam-results h2{font-size:2rem;color:var(--text-primary);margin-bottom:var(--space-2xl);font-weight:700}.score-display{text-align:center;margin-bottom:var(--space-xl)}.score-percentage{font-size:5rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.score-details{display:flex;gap:var(--space-xl);justify-content:center;margin-top:var(--space-md);font-size:1.1rem;font-weight:600}.correct-count{color:var(--correct-text);display:flex;align-items:center;gap:var(--space-xs)}.wrong-count{color:var(--incorrect-text);display:flex;align-items:center;gap:var(--space-xs)}.result-message{margin-bottom:var(--space-2xl);font-size:1.25rem;font-weight:600}.pass-message{color:var(--correct-text);padding:var(--space-md) var(--space-xl);background:var(--correct-bg);border-radius:var(--radius-full)}.fail-message{color:var(--incorrect-text);padding:var(--space-md) var(--space-xl);background:var(--incorrect-bg);border-radius:var(--radius-full)}.view-incorrect-button{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:1rem;font-weight:600;color:var(--incorrect-text);background:transparent;border:2px solid var(--incorrect-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-xl)}.view-incorrect-button:hover{background:var(--gradient-danger);color:#fff;border-color:transparent}.incorrect-list{width:100%;overflow-y:auto;margin-bottom:var(--space-xl);padding-right:var(--space-sm);max-height:400px}.incorrect-item{background:var(--card-bg);border:1px solid var(--incorrect-border);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-md);transition:all var(--transition-fast)}.incorrect-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.incorrect-question{font-weight:500;color:var(--text-primary);margin-bottom:var(--space-md);line-height:1.5;font-size:1rem}.question-number{color:var(--incorrect-text);font-weight:700}.answer-comparison{display:flex;flex-direction:column;gap:var(--space-sm)}.your-answer,.correct-answer{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.9rem}.your-answer{background:var(--incorrect-bg);border-left:4px solid var(--incorrect-border)}.correct-answer{background:var(--correct-bg);border-left:4px solid var(--correct-border)}.answer-label{font-weight:600;margin-right:var(--space-sm);color:var(--text-secondary);font-size:.8rem;text-transform:uppercase}.result-buttons{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center}.restart-button,.home-button-results{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:1rem;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}.restart-button{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md)}.restart-button:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.home-button-results{background:var(--bg-tertiary);color:var(--text-primary);border:2px solid var(--border-color)}.home-button-results:hover{border-color:var(--button-primary);color:var(--button-primary)}.exam-container{display:flex;flex-direction:column;align-items:center;padding:var(--space-xl);width:100%;max-width:800px;margin:0 auto;animation:fadeIn var(--transition-normal) ease-out}.exam-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:700px;margin-bottom:var(--space-xl);padding:var(--space-md) var(--space-lg);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.exam-header-left{display:flex;align-items:center;gap:var(--space-md)}.back-link{display:flex;align-items:center;gap:var(--space-sm);background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:500}.back-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.question-counter{font-size:.9rem;color:var(--text-secondary);font-weight:600;padding:var(--space-sm) var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-full)}.exam-navigation{display:flex;justify-content:space-between;width:100%;max-width:700px;margin-top:var(--space-xl);gap:var(--space-md)}.nav-button{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:1rem;font-weight:600;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.nav-button:hover:not(:disabled){border-color:var(--button-primary);color:var(--button-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.nav-button:disabled{opacity:.5;cursor:not-allowed}.nav-button.next-button{background:var(--gradient-primary);border-color:transparent;color:#fff;box-shadow:var(--shadow-md)}.nav-button.next-button:hover:not(:disabled){box-shadow:var(--shadow-glow);border-color:transparent}.exam-loading{display:flex;justify-content:center;align-items:center;min-height:300px;font-size:1.2rem;color:var(--text-secondary);animation:pulse 2s infinite}.study-container{width:100%;padding:var(--space-md);animation:slideUp var(--transition-slow) ease-out}.category-filter{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-lg);box-shadow:var(--shadow)}.category-filter-toggle{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.category-filter-toggle:hover{background:var(--bg-tertiary);color:var(--text-primary)}.category-filter-toggle span{flex:1;text-align:left}.category-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);color:var(--text-primary);font-weight:600}.clear-filter-btn{background:none;border:none;color:var(--button-primary);cursor:pointer;font-size:.875rem;font-weight:500;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.clear-filter-btn:hover{background:var(--bg-tertiary);text-decoration:underline}.category-chips{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.category_chip{padding:var(--space-sm) var(--space-md);border:2px solid var(--border-color);border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.category_chip:hover{border-color:var(--button-primary);background:var(--bg-tertiary)}.category_chip.selected{background:var(--gradient-primary);border-color:transparent;color:#fff}.filter-info{margin-top:var(--space-md);font-size:.875rem;color:var(--text-secondary);font-weight:500}.page-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:var(--space-xl);animation:fadeIn var(--transition-normal) ease-out}.page-container h1{font-size:2rem;margin-bottom:var(--space-md);color:var(--text-primary);font-weight:700;letter-spacing:-.02em}.page-description{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--space-2xl);text-align:center;max-width:500px;font-weight:500}.practice-container{width:100%;padding:var(--space-md);animation:slideUp var(--transition-slow) ease-out}.back-button{display:inline-flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-2xl);padding:var(--space-md) var(--space-xl);font-size:1rem;font-weight:600;text-decoration:none;color:#fff;background:var(--gradient-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.callsign-lookup-section{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg);box-shadow:var(--shadow)}.callsign-lookup-section h2{font-size:1.25rem;color:var(--text-primary);margin-bottom:var(--space-sm);font-weight:600}.callsign-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-lg)}.callsign-form{width:100%}.callsign-input-group{display:flex;gap:var(--space-md);width:100%}.callsign-input{flex:1;padding:var(--space-md) var(--space-lg);font-size:1rem;border:2px solid var(--border-light);border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--text-primary);transition:border-color var(--transition-fast)}.callsign-input:focus{outline:none;border-color:var(--button-primary)}.callsign-input:disabled{opacity:.6;cursor:not-allowed}.callsign-search-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:1rem;font-weight:600;color:#fff;background:var(--gradient-primary);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md);white-space:nowrap}.callsign-search-btn:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-2px)}.callsign-search-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.callsign-search-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.callsign-search-btn .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.callsign-error{margin-top:var(--space-lg);padding:var(--space-md) var(--space-lg);background:var(--gradient-danger);color:#fff;border-radius:var(--radius-lg);font-weight:500;text-align:center}.callsign-result{margin-top:var(--space-xl);padding:var(--space-xl);background:var(--bg-tertiary);border-radius:var(--radius-lg);text-align:center;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.callsign-header{margin-bottom:var(--space-md)}.callsign-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.callsign-flag{width:80px;height:auto;border-radius:var(--radius-md);box-shadow:var(--shadow-md);margin-bottom:var(--space-lg)}.callsign-details{display:flex;flex-direction:column;gap:var(--space-sm)}.callsign-info-row{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);font-size:1rem;color:var(--text-primary)}.callsign-info-row svg{color:var(--button-primary)}@media(max-width:640px){.callsign-input-group{flex-direction:column}.callsign-search-btn{justify-content:center}}.page-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-xl);animation:fadeIn var(--transition-normal) ease-out}.page-container h1{font-size:2rem;margin-bottom:var(--space-md);color:var(--text-primary);font-weight:700}.page-container p{font-size:1.1rem;color:var(--text-secondary);margin-bottom:var(--space-2xl)}.back-button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:1rem;font-weight:600;text-decoration:none;color:#fff;background:var(--gradient-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.back-button:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.settings-page{max-width:600px;width:100%}.settings-section{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg);box-shadow:var(--shadow);transition:all var(--transition-normal)}.settings-section:hover{box-shadow:var(--shadow-lg)}.settings-section h2{font-size:1.25rem;color:var(--text-primary);margin-bottom:var(--space-md);font-weight:600}.settings-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:var(--space-lg)}.study-questions-config{display:flex;flex-direction:column;gap:var(--space-md)}.question-input-group{display:flex;align-items:center;gap:var(--space-md)}.question-input-group label{font-weight:600;color:var(--text-primary);min-width:100px}.question-controls{display:flex;align-items:center;gap:var(--space-sm)}.control-btn{width:48px;height:40px;font-size:1rem;font-weight:600;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--card-bg);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.control-btn:hover:not(:disabled){border-color:var(--button-primary);background:var(--bg-tertiary)}.control-btn:disabled{opacity:.5;cursor:not-allowed}.question-value{min-width:50px;text-align:center;font-size:1.1rem;font-weight:700;color:var(--button-primary)}.question-input-group .max-questions{color:var(--text-muted);font-size:.9rem}.toggle-group{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) 0;border-bottom:1px solid var(--border-light)}.toggle-group:last-of-type{border-bottom:none}.toggle-label{display:flex;flex-direction:column;gap:var(--space-xs)}.toggle-label span:first-child{font-weight:600;color:var(--text-primary)}.toggle-description{font-size:.85rem;color:var(--text-secondary)}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background-color:var(--border-color);transition:var(--transition-fast);border-radius:var(--radius-full)}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:var(--transition-fast);border-radius:50%;box-shadow:var(--shadow-sm)}.toggle-switch input:checked+.toggle-slider{background:var(--gradient-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.reset-button{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-size:1rem;font-weight:600;color:var(--incorrect-text);background:transparent;border:2px solid var(--incorrect-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.reset-button:hover{background:var(--gradient-danger);color:#fff;border-color:transparent}.font-size-select,.voice-select,.listening-select{padding:var(--space-sm) var(--space-md);font-size:1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--input-bg);color:var(--text-primary);cursor:pointer;min-width:150px;transition:all var(--transition-fast)}.font-size-select:focus,.voice-select:focus,.listening-select:focus{outline:none;border-color:var(--button-primary)}.speed-slider{width:150px;height:8px;border-radius:var(--radius-full);background:var(--border-color);outline:none;-webkit-appearance:none}.speed-slider::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--gradient-primary);cursor:pointer;box-shadow:var(--shadow-md)}.build-number{font-size:.8rem;color:var(--text-muted);margin-top:calc(var(--space-sm) * -1);margin-bottom:var(--space-lg)}.github-link{text-align:center}.github-link a{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color var(--transition-fast)}.github-link a:hover{color:var(--button-primary)}.stats-page{max-width:800px;margin:0 auto;padding:var(--space-xl);animation:fadeIn var(--transition-normal) ease-out}.stats-page h1{font-size:2rem;margin-bottom:var(--space-xl);color:var(--text-primary);font-weight:700}.no-data{color:var(--text-secondary);font-size:1.1rem;text-align:center;padding:var(--space-2xl);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg)}.stats-section{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-lg);box-shadow:var(--shadow)}.stats-section h2{font-size:1.25rem;color:var(--text-primary);margin-bottom:var(--space-lg);font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.trend-indicator{margin-top:var(--space-md);padding:var(--space-md);background:var(--bg-tertiary);border-radius:var(--radius-md);text-align:center;color:var(--text-primary);font-weight:500}.trend-up{color:var(--correct-text);font-weight:600}.trend-down{color:var(--incorrect-text);font-weight:600}.license-stats{display:flex;flex-direction:column;gap:var(--space-md)}.license-stat-card{background:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--space-lg)}.license-stat-card h3{font-size:1rem;color:var(--button-primary);margin-bottom:var(--space-md);font-weight:600}.license-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.stat-item{text-align:center}.stat-item-value{display:block;font-size:1.2rem;font-weight:700;color:var(--text-primary)}.stat-item-label{display:block;font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.history-list{display:flex;flex-direction:column;gap:var(--space-sm);max-height:400px;overflow-y:auto}.history-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.history-item:hover{background:var(--border-color)}.history-left{display:flex;flex-direction:column}.history-license{font-weight:600;color:var(--text-primary)}.history-date{font-size:.8rem;color:var(--text-muted)}.history-right{display:flex;align-items:center;gap:var(--space-md)}.history-score{font-weight:700;color:var(--text-primary);font-size:1.1rem}.history-result{font-weight:600;font-size:.85rem;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full)}.history-result.passed{color:var(--correct-text);background:var(--correct-bg)}.history-result.failed{color:var(--incorrect-text);background:var(--incorrect-bg)}@media(max-width:600px){.stats-grid,.license-stat-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);padding:var(--space-lg);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow);transition:all var(--transition-normal)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-value{font-size:1.75rem;font-weight:700;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.8rem;color:var(--text-secondary);margin-top:var(--space-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.flashcards-container{max-width:600px;margin:0 auto;padding:var(--space-xl);animation:fadeIn var(--transition-normal) ease-out}.license-indicator{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-md);background:var(--gradient-primary);color:#fff;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full)}.flashcards-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding:var(--space-md) var(--space-lg);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.flashcard-progress{font-weight:700;color:var(--text-primary)}.flashcard-known{color:var(--correct-text);font-weight:600}.flashcard-wrapper{perspective:1000px;margin-bottom:var(--space-xl)}.flashcard{width:100%;min-height:320px;position:relative;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);cursor:pointer}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{position:absolute;width:100%;min-height:320px;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:var(--space-2xl);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-light)}.flashcard-back{transform:rotateY(180deg);background:var(--gradient-primary);color:#fff}.flashcard-id{position:absolute;top:var(--space-lg);left:var(--space-lg);font-size:.85rem;color:var(--text-muted);font-weight:700;padding:var(--space-xs) var(--space-sm);background:var(--bg-tertiary);border-radius:var(--radius-full)}.flashcard-question{font-size:1.25rem;text-align:center;line-height:1.6;color:var(--text-primary);font-weight:500}.flashcard-answer-label{font-size:.9rem;opacity:.8;margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.1em}.flashcard-answer{font-size:1.25rem;text-align:center;font-weight:700}.flashcard-refs{position:absolute;bottom:var(--space-lg);font-size:.85rem;opacity:.7}.flip-hint{position:absolute;bottom:var(--space-lg);font-size:.85rem;color:var(--text-muted);display:flex;align-items:center;gap:var(--space-xs)}.flashcard-actions{display:flex;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.flashcard-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border:2px solid var(--button-primary);background:transparent;color:var(--button-primary);border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:600;transition:all var(--transition-fast)}.flashcard-btn:hover{background:var(--button-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-glow)}.flashcard-btn.known-active{background:var(--gradient-success);border-color:transparent;color:#fff}.flashcard-nav{display:flex;justify-content:space-between;gap:var(--space-md)}.nav-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border:none;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:600;transition:all var(--transition-fast);box-shadow:var(--shadow)}.nav-btn:hover:not(:disabled){background:var(--bg-tertiary);transform:translateY(-2px)}.nav-btn:disabled{opacity:.5;cursor:not-allowed}.no-questions{text-align:center;color:var(--text-muted);padding:var(--space-2xl);background:var(--glass-bg);border-radius:var(--radius-lg)}.flashcards-page-container{max-width:600px;margin:0 auto;padding:var(--space-xl);animation:fadeIn var(--transition-normal) ease-out}.flashcards-header{display:flex;align-items:center;gap:var(--space-md);margin-bottom:var(--space-xl)}.flashcards-header h1{font-size:1.75rem;margin:0;color:var(--text-primary);font-weight:700}.flashcards-intro{text-align:center;color:var(--text-secondary);margin-bottom:var(--space-2xl);font-size:1.05rem;font-weight:500}.license-cards{display:flex;flex-direction:column;gap:var(--space-md)}.license-card{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xl);border:2px solid var(--border-color);background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:left;box-shadow:var(--shadow-sm)}.license-card:hover{border-color:var(--button-primary);background:var(--bg-tertiary);transform:translate(4px);box-shadow:var(--shadow-md)}.license-card h2{margin:0;font-size:1.25rem;color:var(--text-primary);font-weight:600}.license-card p{margin:0;color:var(--text-secondary);font-size:.9rem;font-weight:500}