:root{--color-primary: #2B8A7A;--color-primary-light: #35A08E;--color-primary-dark: #1F6B5E;--color-accent: #D4A843;--color-accent-light: #E4C06A;--color-success: #34C759;--color-error: #FF3B30;--color-warning: #FF9500;--color-bg: #F2F2F7;--color-surface: #FFFFFF;--color-text: #1C1C1E;--color-text-secondary: #8E8E93;--color-text-tertiary: #AEAEB2;--color-border: #E5E5EA;--color-divider: #C6C6C8;--font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--max-width: 680px;--nav-height: 56px;--transition: .2s ease}[data-theme=dark]{--color-primary: #3DA897;--color-primary-light: #4DBFAD;--color-primary-dark: #2B8A7A;--color-accent: #E4C06A;--color-accent-light: #F0D080;--color-success: #30D158;--color-error: #FF453A;--color-warning: #FFD60A;--color-bg: #1C1C1E;--color-surface: #2C2C2E;--color-text: #F2F2F7;--color-text-secondary: #AEAEB2;--color-text-tertiary: #636366;--color-border: #38383A;--color-divider: #48484A;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 2px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .5)}[data-theme=dark] .app-header{background:#2c2c2ed9}[data-theme=dark] .hero-card{background:linear-gradient(135deg,#2b8a7a,#1f6b5e)}[data-theme=dark] .option-btn{background:var(--color-surface)}[data-theme=dark] .option-btn:hover{border-color:var(--color-primary-light);background:#3da8971a}[data-theme=dark] .option-btn.selected{background:#3da89726}[data-theme=dark] .option-btn.correct{background:#30d15826}[data-theme=dark] .option-btn.incorrect{background:#ff453a26}[data-theme=dark] .option-letter{background:var(--color-border);color:var(--color-text-secondary)}[data-theme=dark] .practice-explanation{background:#3da8971a}[data-theme=dark] .translate-bar{color:var(--color-primary-light);background:#3da8971f}[data-theme=dark] .badge-values{background:#e4c06a33;color:#e4c06a}[data-theme=dark] .badge-pass{background:#30d15833;color:#30d158}[data-theme=dark] .badge-fail{background:#ff453a33;color:#ff453a}[data-theme=dark] .flashcard-front,[data-theme=dark] .flashcard-back{background:var(--color-surface)}[data-theme=dark] .flashcard-option.correct,[data-theme=dark] .flashcard-answer{background:#30d15826}[data-theme=dark] .flashcard-explanation{background:var(--color-border)}[data-theme=dark] .language-card{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .language-card.selected{background:#3da8971a}[data-theme=dark] .review-option.correct{background:#30d1581f}[data-theme=dark] .review-option.incorrect{background:#ff453a1f}[data-theme=dark] .score-requirement.met{color:#30d158}[data-theme=dark] .score-requirement.not-met{color:#ff453a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);line-height:1.5;min-height:100dvh}#root{min-height:100dvh;display:flex;flex-direction:column}.app-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-lg);position:sticky;top:0;z-index:100;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffd9}.app-header-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between}.app-title{font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary);text-decoration:none}.app-lang-badge{font-size:var(--font-size-xs);background:var(--color-primary);color:#fff;padding:8px 16px;border-radius:var(--radius-full);cursor:pointer;border:none;font-weight:500;transition:background var(--transition)}.app-lang-badge:hover{background:var(--color-primary-dark)}.app-nav{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);z-index:100;padding-bottom:env(safe-area-inset-bottom)}.app-nav-inner{max-width:var(--max-width);margin:0 auto;display:flex;justify-content:space-around;padding:var(--spacing-sm) 0}.nav-link{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--color-text-secondary);font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:color var(--transition);min-width:64px}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.nav-icon{font-size:1.5rem;line-height:1}.app-main{flex:1;padding:var(--spacing-lg);padding-bottom:calc(var(--nav-height) + var(--spacing-xl) + env(safe-area-inset-bottom));max-width:var(--max-width);margin:0 auto;width:100%}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.card-header{font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-md);color:var(--color-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:14px 28px;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:600;font-family:var(--font-family);cursor:pointer;border:none;transition:all var(--transition);text-decoration:none;min-height:48px;-webkit-tap-highlight-color:transparent}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-light)}.btn-primary:active{background:var(--color-primary-dark);transform:scale(.98)}.btn-secondary{background:var(--color-bg);color:var(--color-text)}.btn-secondary:hover{background:var(--color-border)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{opacity:.9}.btn-full{width:100%}.btn-sm{padding:8px 16px;font-size:var(--font-size-sm);min-height:36px}.badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.02em}.badge-values{background:#d4a84326;color:#b8860b}.badge-pass{background:#34c75926;color:#248a3d}.badge-fail{background:#ff3b3026;color:#d70015}.language-overlay{position:fixed;inset:0;background:var(--color-bg);z-index:1000;overflow-y:auto;padding:var(--spacing-xl) var(--spacing-lg);-webkit-overflow-scrolling:touch}.language-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-sm);max-width:var(--max-width);margin:0 auto}.language-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-md);cursor:pointer;text-align:center;transition:all var(--transition);min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.language-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.language-card.selected{border-color:var(--color-primary);background:#2b8a7a0f}.language-native{font-weight:600;font-size:var(--font-size-base)}.language-english{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.search-input{width:100%;max-width:var(--max-width);margin:0 auto var(--spacing-lg);display:block;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);background:var(--color-surface);outline:none;transition:border-color var(--transition)}.search-input:focus{border-color:var(--color-primary)}.progress-container{margin-bottom:var(--spacing-lg)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.progress-bar{height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);border-radius:2px;transition:width .3s ease}.question-text{font-size:var(--font-size-lg);font-weight:600;line-height:1.5;margin-bottom:var(--spacing-md);color:var(--color-text)}.question-text+.translate-bar{margin-bottom:var(--spacing-lg)}.options-list{display:flex;flex-direction:column;gap:var(--spacing-sm);list-style:none}.option-btn{display:flex;align-items:flex-start;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:start;font-size:var(--font-size-base);font-family:var(--font-family);line-height:1.5;transition:all var(--transition);min-height:48px;-webkit-tap-highlight-color:transparent}.option-btn:hover{border-color:var(--color-primary-light);background:#2b8a7a08}.option-btn.selected{border-color:var(--color-primary);background:#2b8a7a0f}.option-btn.correct{border-color:var(--color-success);background:#34c7590f}.option-btn.incorrect{border-color:var(--color-error);background:#ff3b300f}.option-letter{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--color-bg);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-secondary);transition:all var(--transition)}.option-btn.selected .option-letter{background:var(--color-primary);color:#fff}.option-btn.correct .option-letter{background:var(--color-success);color:#fff}.option-btn.incorrect .option-letter{background:var(--color-error);color:#fff}.question-nav{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.question-nav .btn{flex:1}.question-dots{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:var(--spacing-md)}.question-dot{width:10px;height:10px;border-radius:50%;background:var(--color-border);border:none;cursor:pointer;transition:all var(--transition);padding:0}.question-dot.answered{background:var(--color-primary)}.question-dot.current{box-shadow:0 0 0 3px #2b8a7a4d}.score-card{text-align:center;padding:var(--spacing-xl)}.score-result{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--spacing-sm)}.score-result.pass{color:var(--color-success)}.score-result.fail{color:var(--color-error)}.score-details{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin:var(--spacing-lg) 0}.score-detail{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--spacing-md)}.score-detail-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.score-detail-value{font-size:var(--font-size-2xl);font-weight:700}.score-message{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--spacing-lg)}.score-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.review-item{border-left:4px solid var(--color-error);padding-left:var(--spacing-md);margin-bottom:var(--spacing-lg)}.review-question{font-weight:600;margin-bottom:var(--spacing-sm)}.review-answer{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.review-answer-wrong{color:var(--color-error)}.review-answer-correct{color:var(--color-success)}.review-explanation{font-size:var(--font-size-sm);color:var(--color-text-secondary);background:var(--color-bg);padding:var(--spacing-md);border-radius:var(--radius-sm);margin-top:var(--spacing-sm)}.history-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.history-item:last-child{border-bottom:none}.history-info{display:flex;flex-direction:column;gap:2px}.history-date{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.history-score{font-weight:600}.translation-tooltip{position:absolute;z-index:9999;background:var(--color-text);color:#fff;padding:var(--spacing-md);padding-right:var(--spacing-xl);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-width:320px;font-size:var(--font-size-sm);line-height:1.5;animation:tooltipFadeIn .15s ease}.tooltip-close{position:absolute;top:4px;right:4px;background:none;border:none;color:#fff9;font-size:1.25rem;cursor:pointer;padding:4px 8px;line-height:1}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.translatable-wrap{position:relative}.translate-bar{font-size:var(--font-size-sm);color:var(--color-primary-dark);background:#2b8a7a14;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);line-height:1.5;animation:tooltipFadeIn .15s ease}.translation-switch{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.translation-switch-label{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text);white-space:nowrap}.switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.switch input{opacity:0;width:0;height:0;position:absolute}.switch-slider{position:absolute;inset:0;background:var(--color-border);border-radius:11px;transition:background var(--transition)}.switch-slider:before{content:"";position:absolute;width:18px;height:18px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:transform var(--transition);box-shadow:0 1px 3px #0003}.switch input:checked+.switch-slider{background:var(--color-primary)}.switch input:checked+.switch-slider:before{transform:translate(18px)}.rules-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-md);margin:var(--spacing-lg) 0}.rule-item{display:flex;gap:var(--spacing-md);align-items:flex-start}.rule-icon{flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#2b8a7a1a;color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-sm)}.rule-text{font-size:var(--font-size-base);line-height:1.5}.rule-emphasis{font-weight:600;color:var(--color-primary)}.ext-link{color:var(--color-primary);text-decoration:none;font-weight:500}.ext-link:hover{text-decoration:underline}.empty-state{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--color-text-secondary)}.empty-state-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.page-title{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-lg)}.highlight-hint{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-sm)}[dir=rtl] .review-item{border-left:none;border-right:4px solid var(--color-error);padding-left:0;padding-right:var(--spacing-md)}[dir=rtl] .option-btn{text-align:end}@media(min-width:768px){.language-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.app-nav{position:static;border-top:none;border-bottom:1px solid var(--color-border)}.app-main{padding-bottom:var(--spacing-xl)}}.page{animation:pageIn .25s ease}.page h1{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--spacing-lg)}@keyframes pageIn{0%{opacity:0}to{opacity:1}}.hero-card{text-align:center;padding:var(--spacing-xl);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff}.hero-card h1{color:#fff;font-size:var(--font-size-2xl)}.hero-card p{opacity:.9;margin-top:var(--spacing-sm)}.home-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.btn-large{padding:16px 32px;font-size:var(--font-size-lg);width:100%;justify-content:center}.test-nav{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.test-nav .btn{flex:1}.results-actions{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.results-actions .btn{flex:1;justify-content:center}.review-section{margin-top:var(--spacing-lg)}.review-section h2{margin-bottom:var(--spacing-md)}.score-status{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.score-icon{font-size:2.5rem;line-height:1}.score-card.passed .score-icon{color:var(--color-success)}.score-card.failed .score-icon{color:var(--color-error)}.score-card.passed{border-top:4px solid var(--color-success)}.score-card.failed{border-top:4px solid var(--color-error)}.score-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--spacing-sm);padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-border)}.score-row:last-child{border-bottom:none}.score-label{font-weight:600;flex:1}.score-value{font-size:var(--font-size-xl);font-weight:700}.score-requirement{width:100%;font-size:var(--font-size-xs)}.score-requirement.met{color:var(--color-success)}.score-requirement.not-met{color:var(--color-error)}.review-status{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.review-icon{font-size:1.25rem;line-height:1}.review-item.correct{border-left-color:var(--color-success)}.review-answers{display:flex;flex-direction:column;gap:var(--spacing-xs);margin:var(--spacing-md) 0}.review-option{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.review-option.correct{background:#34c75914;color:var(--color-success)}.review-option.incorrect{background:#ff3b3014;color:var(--color-error)}.correct-label,.your-answer-label{font-size:var(--font-size-xs);font-weight:600}.badge-correct{background:#34c75926;color:#248a3d}.badge-incorrect{background:#ff3b3026;color:#d70015}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.history-scores{display:flex;gap:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100dvh}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hint-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-sm)}.rules-list{padding-left:var(--spacing-lg);list-style:disc}.rules-list li{margin-bottom:var(--spacing-sm);line-height:1.5}.rules-note{margin-top:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.rules-note a{color:var(--color-primary);text-decoration:none;font-weight:500}.rules-note a:hover{text-decoration:underline}.card a{color:var(--color-primary);text-decoration:none}.card a:hover{text-decoration:underline}.donation-banner{text-align:center;margin-top:var(--spacing-md)}.donation-link{gap:var(--spacing-xs)}.mode-selector h2{text-align:center;margin-bottom:var(--spacing-lg)}.mode-cards{display:flex;flex-direction:column;gap:var(--spacing-md)}.mode-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition);text-align:center;font-family:var(--font-family);-webkit-tap-highlight-color:transparent}.mode-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.mode-card:active{transform:scale(.98)}.mode-icon{font-size:2rem;line-height:1}.mode-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text)}.mode-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.mode-features{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.mode-features li:before{content:"✓ ";color:var(--color-primary);font-weight:700}.timer{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md);position:sticky;top:60px;z-index:50}.timer-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.timer-value{font-size:var(--font-size-xl);font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-text)}.timer-warning .timer-value{color:var(--color-warning)}.timer-critical .timer-value{color:var(--color-error);animation:timerPulse 1s ease-in-out infinite}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.5}}.practice-explanation{margin-top:var(--spacing-md);padding:var(--spacing-md);background:#2b8a7a0f;border-radius:var(--radius-md);border-left:3px solid var(--color-primary);animation:fadeIn .2s ease}.practice-explanation-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-xs)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.flashcard-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center;margin-bottom:var(--spacing-md)}.flashcard-section-select{flex:1;min-width:160px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-family);background:var(--color-surface);cursor:pointer;outline:none}.flashcard-section-select:focus{border-color:var(--color-primary)}.flashcard-toggle{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap}.flashcard-toggle input{accent-color:var(--color-primary);width:18px;height:18px}.flashcard-progress{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.flashcard-container{cursor:pointer;margin-bottom:var(--spacing-md);-webkit-tap-highlight-color:transparent}.flashcard-front,.flashcard-back{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);display:none;flex-direction:column;min-height:250px}.flashcard-front{justify-content:center;align-items:center;text-align:center;position:relative;padding-bottom:calc(var(--spacing-lg) + 24px)}.flashcard-back{justify-content:center}.flashcard:not(.flipped) .flashcard-front{display:flex}.flashcard.flipped .flashcard-back{display:flex}.flashcard-tap-hint{position:absolute;bottom:var(--spacing-lg);left:0;right:0;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.flashcard-answer{font-size:var(--font-size-lg);font-weight:600;color:var(--color-success);background:#34c7591a;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);text-align:center}.flashcard-options{display:flex;flex-direction:column;gap:var(--spacing-xs)}.flashcard-option{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.flashcard-option.correct{background:#34c7591a;font-weight:600}.flashcard-explanation{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-sm)}.flashcard-explanation-text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.flashcard-nav{display:flex;gap:var(--spacing-sm)}.flashcard-nav .btn{flex:1}.results-meta{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap}.results-time{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.history-badges{display:flex;gap:var(--spacing-xs)}.nav-link{min-width:52px;padding:var(--spacing-xs) 4px;font-size:.7rem}.nav-icon{font-size:1.3rem}.theme-toggle{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.theme-option{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-family);cursor:pointer;transition:all var(--transition);text-align:center}.theme-option:hover{border-color:var(--color-primary-light)}.theme-option.active{border-color:var(--color-primary);background:#2b8a7a0f;color:var(--color-primary);font-weight:600}[data-theme=dark] .theme-option.active{background:#3da89726}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.footer{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--spacing-lg)}