@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-gradient-start: #667eea;--bg-gradient-end: #764ba2;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--card-bg: rgba(255,255,255,.95);--card-bg-solid: #ffffff;--card-border: rgba(255,255,255,.3);--header-bg: rgba(255,255,255,.12);--header-text: white;--input-bg: #f8fafc;--input-border: #e2e8f0;--border-color: #e2e8f0;--shadow-color: rgba(0,0,0,.08);--modal-overlay: rgba(15,23,42,.6);--accent: #667eea;--accent-light: #eef2ff;--success: #22c55e;--success-light: #dcfce7;--warning: #f59e0b;--warning-light: #fef3c7;--error: #ef4444;--error-light: #fee2e2}[data-theme=dark]{--bg-gradient-start: #1e1b4b;--bg-gradient-end: #312e81;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--card-bg: rgba(30,41,59,.95);--card-bg-solid: #1e293b;--card-border: rgba(255,255,255,.1);--header-bg: rgba(0,0,0,.3);--header-text: #f1f5f9;--input-bg: #0f172a;--input-border: #334155;--border-color: #334155;--shadow-color: rgba(0,0,0,.3);--modal-overlay: rgba(0,0,0,.7);--accent: #818cf8;--accent-light: rgba(129,140,248,.15);--success-light: rgba(34,197,94,.15);--warning-light: rgba(245,158,11,.15);--error-light: rgba(239,68,68,.15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);background-attachment:fixed;min-height:100vh;color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:960px;margin:0 auto;padding:24px 20px 40px}header{background:#ffffff1f;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:18px 24px;border-bottom:1px solid rgba(255,255,255,.15)}header .header-inner{max-width:960px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}header h1{font-size:1.3rem;font-weight:700;color:#fff;letter-spacing:-.02em}header h1 span{background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}header nav{display:flex;gap:8px}header nav a{color:#ffffffe6;text-decoration:none;font-size:.9rem;font-weight:500;padding:8px 16px;border-radius:10px;transition:all .2s;background:#ffffff1a}header nav a:hover{background:#fff3;color:#fff}h2{color:#fff;font-size:1.6rem;font-weight:700;margin-bottom:20px;letter-spacing:-.02em}h2 .subtitle{display:block;font-size:.95rem;font-weight:400;color:#ffffffb3;margin-top:4px}.card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:24px;margin-bottom:14px;box-shadow:0 4px 24px #00000014;cursor:pointer;transition:all .25s ease;border:1px solid rgba(255,255,255,.3)}.card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026}.card h3{font-size:1.15rem;font-weight:600;color:#1e293b;margin-bottom:6px}.card .meta{color:#64748b;font-size:.88rem;display:flex;align-items:center;gap:6px}.card .meta .badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2px 10px;border-radius:20px;font-size:.8rem;font-weight:500}.question-card{background:#fffffff7;border-radius:16px;padding:24px 28px;margin-bottom:16px;box-shadow:0 2px 16px #0000000f;border:2px solid transparent;transition:border-color .3s,box-shadow .3s}.question-card.card-flagged{border-color:#fbbf24;box-shadow:0 2px 16px #fbbf2426}.question-card .q-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.question-card .q-number{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;width:32px;height:32px;border-radius:10px;font-weight:600;font-size:.85rem;flex-shrink:0}.q-type-badge{font-size:.72rem;font-weight:600;color:#818cf8;background:#eef2ff;padding:3px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.03em}.flag-btn{margin-left:auto;background:none;border:none;border-radius:8px;padding:6px;cursor:pointer;transition:all .2s;color:#cbd5e1;display:flex;align-items:center;justify-content:center}.flag-btn:hover{color:#f59e0b;background:#fffbeb}.flag-btn.flagged{color:#f59e0b;background:#fef3c7}.question-card h3{margin-bottom:16px;font-size:1rem;font-weight:600;color:#1e293b;line-height:1.6}.answers-list{display:flex;flex-direction:column;gap:8px}.answer-option{display:flex;align-items:center;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;font-size:.93rem;gap:12px;position:relative;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.answer-option:hover{border-color:#a5b4fc;background:#f8faff}.answer-option:active{transform:scale(.985)}.answer-option.selected{border-color:#667eea;background:linear-gradient(135deg,#eef2ff,#e0e7ff);box-shadow:0 0 0 1px #667eea}.answer-option.correct{border-color:#22c55e;background:#f0fdf4}.answer-option.wrong{border-color:#ef4444;background:#fef2f2}.answer-letter{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:#f1f5f9;color:#64748b;font-weight:600;font-size:.8rem;flex-shrink:0;transition:all .2s}.answer-letter.selected{background:#667eea;color:#fff}.answer-text{flex:1;line-height:1.5}.answer-option input[type=radio],.answer-option input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;transition:all .2s;position:relative;margin:0}.answer-option input[type=checkbox]{border-radius:5px}.answer-option input:checked{border-color:#667eea;background:#667eea}.answer-option input:checked:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff;border-radius:50%}.answer-option input[type=checkbox]:checked:after{width:10px;height:6px;background:none;border-left:2px solid white;border-bottom:2px solid white;border-radius:0;transform:translate(-50%,-60%) rotate(-45deg)}.answer-icon{font-size:1rem;font-weight:700;flex-shrink:0;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.correct-icon{color:#22c55e;background:#dcfce7}.wrong-icon{color:#ef4444;background:#fee2e2}.result-answer{cursor:default}.result-answer:hover{transform:none;border-color:#e2e8f0;background:transparent}.result-answer.correct:hover{border-color:#22c55e;background:#f0fdf4}.result-answer.wrong:hover{border-color:#ef4444;background:#fef2f2}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 36px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .25s;box-shadow:0 4px 16px #667eea66;font-family:inherit}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #667eea80}.btn:active{transform:translateY(0)}.btn:disabled{background:#94a3b8;box-shadow:none;cursor:not-allowed;transform:none}.btn-secondary{background:#fff3;box-shadow:none;border:2px solid rgba(255,255,255,.3)}.btn-secondary:hover{background:#ffffff4d;box-shadow:none}.test-header{background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px;padding:16px 20px;margin-bottom:20px;box-shadow:0 4px 30px #00000014;border:1px solid rgba(255,255,255,.5);position:sticky;top:12px;z-index:100;transition:transform .3s ease,opacity .3s ease}.test-header.hidden{transform:translateY(-110%);opacity:0;pointer-events:none}.test-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.test-header-title{display:flex;align-items:center;gap:10px;min-width:0}.test-header-title h2{color:#1e293b;font-size:1rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.answered-count{font-size:.78rem;font-weight:600;color:#667eea;background:#eef2ff;padding:2px 8px;border-radius:6px;white-space:nowrap}.timer{font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums;color:#667eea;background:#eef2ff;padding:4px 12px;border-radius:8px;flex-shrink:0}.progress-bar{height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden;margin-bottom:12px}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;transition:width .4s ease;position:relative}.progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer-progress 2s infinite}@keyframes shimmer-progress{0%{transform:translate(-100%)}to{transform:translate(100%)}}.nav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(30px,1fr));gap:3px;margin-bottom:10px;max-height:72px;overflow:hidden;transition:max-height .3s ease}.nav-grid.expanded{max-height:500px;overflow-y:auto}.nav-item{width:100%;aspect-ratio:1;border:none;border-radius:6px;background:#f1f5f9;color:#94a3b8;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;font-family:inherit}.nav-item:hover{background:#e2e8f0;color:#475569}.nav-item.answered{background:#667eea;color:#fff}.nav-item.flagged{background:#f59e0b;color:#fff}.nav-toggle{display:block;width:100%;background:none;border:none;color:#667eea;font-size:.78rem;font-weight:500;cursor:pointer;padding:4px 0 8px;font-family:inherit}.nav-toggle:hover{text-decoration:underline}.test-actions{display:flex;gap:6px;flex-wrap:wrap}.btn-small{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1.5px solid #e2e8f0;border-radius:8px;background:#fff;color:#64748b;font-size:.78rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit}.btn-small svg{flex-shrink:0}.btn-small:hover{border-color:#667eea;color:#667eea;background:#f8faff}.btn-small.active{background:#fef3c7;border-color:#f59e0b;color:#92400e}.btn-small.active-shuffle{background:#eef2ff;border-color:#667eea;color:#667eea}.bottom-bar{position:fixed;bottom:0;left:0;right:0;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,0,0,.06);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;z-index:99;box-shadow:0 -4px 20px #0000000f}.bottom-bar-info{display:flex;align-items:center;gap:10px}.bottom-bar-progress{font-size:1.2rem;font-weight:700;color:#667eea}.bottom-bar-count{font-size:.82rem;color:#94a3b8;font-weight:500}.btn-submit{padding:10px 28px;font-size:.92rem;border-radius:10px}.exam-test-page{padding-bottom:80px}.scroll-top-btn{position:fixed;bottom:76px;right:20px;width:44px;height:44px;border-radius:50%;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 16px #0000001a;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#667eea;z-index:98;transition:all .2s;animation:fadeInUp .2s ease}.scroll-top-btn:hover{background:#fff;box-shadow:0 6px 24px #00000026;transform:translateY(-2px)}.toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);background:#1e293b;color:#fff;padding:10px 24px;border-radius:10px;font-size:.85rem;font-weight:500;z-index:200;box-shadow:0 8px 32px #0003;pointer-events:none}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .15s ease}.modal{background:#fff;border-radius:20px;padding:32px;max-width:380px;width:100%;box-shadow:0 24px 80px #0003}.modal-enter{animation:modalScale .25s ease}@keyframes modalScale{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.modal h3{font-size:1.15rem;color:#1e293b;margin-bottom:20px;text-align:center}.modal-stats{display:flex;gap:12px;margin-bottom:20px;justify-content:center}.modal-stat{text-align:center;background:#f8fafc;border-radius:12px;padding:12px 16px;flex:1}.modal-stat-value{font-size:1.5rem;font-weight:700;color:#667eea;line-height:1;margin-bottom:4px}.modal-stat-value.warning{color:#ef4444}.modal-stat-value.flagged-color{color:#f59e0b}.modal-stat-label{font-size:.72rem;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.modal-warning{text-align:center;color:#ef4444;font-size:.85rem;font-weight:500;margin-bottom:20px;padding:8px;background:#fef2f2;border-radius:8px}.modal-actions{display:flex;gap:10px}.modal-actions .btn{flex:1;padding:12px 20px;font-size:.92rem}.btn-secondary-dark{background:#f1f5f9;color:#475569;box-shadow:none}.btn-secondary-dark:hover{background:#e2e8f0;box-shadow:none;transform:none}.results-page{padding-bottom:40px}.result-box{text-align:center;padding:40px 32px;background:#fffffff7;border-radius:20px;margin-bottom:20px;box-shadow:0 4px 24px #00000014}.score-ring{position:relative;width:140px;height:140px;margin:0 auto 20px}.score-ring-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.score-ring-number{font-size:2rem;font-weight:700;color:#1e293b}.result-meta{margin-top:4px}.result-stats-row{display:flex;gap:12px;justify-content:center;margin-bottom:12px}.result-stat{padding:10px 20px;border-radius:12px;text-align:center}.correct-stat{background:#f0fdf4}.wrong-stat{background:#fef2f2}.total-stat{background:#f8fafc}.result-stat-num{display:block;font-size:1.4rem;font-weight:700;line-height:1;margin-bottom:4px}.correct-stat .result-stat-num{color:#22c55e}.wrong-stat .result-stat-num{color:#ef4444}.total-stat .result-stat-num{color:#64748b}.result-stat-label{font-size:.72rem;color:#94a3b8;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.result-time{color:#94a3b8;font-size:.88rem;font-weight:500}.result-card{border-left:4px solid transparent}.result-correct{border-left-color:#22c55e}.result-wrong{border-left-color:#ef4444}.result-badge{font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.03em;margin-left:auto}.badge-correct{background:#dcfce7;color:#16a34a}.badge-wrong{background:#fee2e2;color:#dc2626}.result-filters{display:flex;gap:8px;margin-bottom:20px}.filter-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:2px solid rgba(255,255,255,.3);border-radius:10px;background:#ffffff26;color:#ffffffd9;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:inherit;flex:1;justify-content:center}.filter-btn:hover{background:#ffffff40;color:#fff}.filter-btn.active{background:#fffffff2;color:#1e293b;border-color:transparent;font-weight:600;box-shadow:0 2px 12px #00000014}.filter-count{background:#00000014;padding:1px 7px;border-radius:6px;font-size:.78rem;font-weight:600}.filter-btn.active .filter-count{background:#eef2ff;color:#667eea}.correct-filter.active .filter-count{background:#dcfce7;color:#16a34a}.wrong-filter.active .filter-count{background:#fee2e2;color:#dc2626}.results-bottom-actions{display:flex;gap:12px;margin-top:8px}.skeleton-back{width:80px;height:16px;border-radius:8px;background:#ffffff26;margin-bottom:20px}.skeleton-header-panel{background:#ffffffd9;border-radius:16px;padding:20px;margin-bottom:20px}.skeleton-card{background:#ffffffd9;border-radius:16px;padding:24px;margin-bottom:16px}.skeleton-line{height:14px;border-radius:7px;background:#e2e8f0;margin-bottom:12px;position:relative;overflow:hidden}.skeleton-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-line.w20{width:20%}.skeleton-line.w30{width:30%}.skeleton-line.w60{width:60%}.skeleton-line.w80{width:80%}.skeleton-line.w90{width:90%}.skeleton-line.w100{width:100%}.skeleton-bar{height:4px;border-radius:2px;background:#e2e8f0;margin-bottom:12px;overflow:hidden;position:relative}.skeleton-bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 1.5s infinite}.skeleton-grid{display:flex;gap:4px;flex-wrap:wrap}.skeleton-dot{width:28px;height:28px;border-radius:6px;background:#e2e8f0;position:relative;overflow:hidden}.skeleton-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 1.5s infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn .3s ease}.question-appear{animation:fadeInUp .35s ease both}.loading{text-align:center;padding:60px;color:#fffc;font-size:1.1rem}.loading .spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.back-link{display:inline-flex;align-items:center;gap:4px;margin-bottom:20px;color:#ffffffd9;text-decoration:none;font-weight:500;font-size:.95rem;transition:color .2s}.back-link:hover{color:#fff}.empty-state{text-align:center;padding:60px 20px;color:#ffffffb3}.empty-state .empty-icon{font-size:3rem;margin-bottom:16px}.empty-state p{font-size:1.05rem}.hint-text{color:#818cf8;font-size:.85rem;margin-bottom:10px;font-weight:500}.import-form{background:#fffffff2;border-radius:16px;padding:32px;box-shadow:0 4px 24px #00000014}.import-form h2{color:#1e293b;font-size:1.3rem;margin-bottom:8px}.import-form .description{color:#64748b;margin-bottom:20px;font-size:.95rem;line-height:1.6}.import-form .file-input-wrapper{border:2px dashed #cbd5e1;border-radius:12px;padding:32px;text-align:center;margin-bottom:20px;transition:all .2s;cursor:pointer}.import-form .file-input-wrapper:hover{border-color:#667eea;background:#f8fafc}.import-form .file-input-wrapper input[type=file]{display:none}.import-form .file-input-wrapper .upload-icon{font-size:2rem;margin-bottom:8px}.import-form .file-input-wrapper p{color:#64748b;font-size:.9rem}.import-form .file-name{color:#667eea;font-weight:600;font-size:.95rem}.message{margin-top:16px;padding:14px 18px;border-radius:12px;font-weight:500;font-size:.95rem}.message.success{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.message.error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.format-help{background:#f1f5f9;border-radius:10px;padding:16px 20px;margin-top:20px;font-size:.85rem;color:#475569}.format-help pre{background:#e2e8f0;border-radius:8px;padding:12px;margin-top:8px;overflow-x:auto;font-size:.82rem;line-height:1.5}@media(max-width:640px){.container{padding:16px 12px 32px}.test-header{padding:12px 14px;border-radius:12px;top:6px;margin-left:-4px;margin-right:-4px}.test-header-title h2{font-size:.88rem}.answered-count{display:none}.timer{font-size:.95rem;padding:3px 10px}.nav-grid{grid-template-columns:repeat(auto-fill,minmax(28px,1fr));gap:2px;max-height:64px}.nav-item{font-size:.65rem;border-radius:5px}.question-card{padding:18px 16px;border-radius:12px;margin-bottom:12px}.question-card h3{font-size:.93rem}.answer-option{padding:11px 14px;font-size:.88rem;min-height:44px;border-radius:10px;gap:10px}.answer-letter{width:24px;height:24px;font-size:.72rem;border-radius:6px}.btn{padding:12px 24px;font-size:.92rem}.btn-small{padding:6px 10px;font-size:.75rem;min-height:34px}.flag-btn{min-width:36px;min-height:36px}.bottom-bar{padding:10px 16px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.btn-submit{padding:10px 20px;font-size:.85rem}.scroll-top-btn{bottom:72px;right:14px;width:40px;height:40px}.toast{bottom:72px;font-size:.82rem;padding:8px 20px}.modal{padding:24px;border-radius:16px;max-width:340px}.modal-stat{padding:10px 12px}.modal-stat-value{font-size:1.3rem}.modal-actions{flex-direction:column}.result-filters{gap:6px}.filter-btn{padding:7px 10px;font-size:.78rem}.result-box{padding:28px 20px}.score-ring{width:120px;height:120px}.score-ring svg{width:120px;height:120px}.score-ring-number{font-size:1.6rem}.result-stat{padding:8px 12px}.result-stat-num{font-size:1.15rem}.results-bottom-actions{flex-direction:column}.results-bottom-actions .btn{width:100%}header .header-inner{flex-direction:column;gap:10px}header nav{width:100%;justify-content:center}}@media(max-width:380px){.test-header-top{flex-wrap:wrap;gap:6px}.modal-stats{flex-direction:column;gap:8px}.modal-stat{flex-direction:row;display:flex;align-items:center;justify-content:space-between;padding:10px 16px}.result-stats-row{flex-direction:column;gap:8px}}.theme-toggle{background:#ffffff26;border:none;border-radius:10px;padding:8px 10px;cursor:pointer;color:#ffffffe6;display:flex;align-items:center;justify-content:center;transition:all .2s}.theme-toggle:hover{background:#ffffff40;color:#fff}.history-page{padding-bottom:40px}.stats-bar{display:flex;gap:12px;margin-bottom:20px}.stat-item{flex:1;background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:16px;text-align:center;border:1px solid var(--card-border)}.stat-value{font-size:1.5rem;font-weight:700;color:var(--accent);line-height:1;margin-bottom:4px}.stat-passed .stat-value{color:var(--success)}.stat-avg .stat-value{color:var(--warning)}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.history-filters{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.clear-history{margin-left:auto;color:var(--error)!important;border-color:var(--error-light)!important}.clear-history:hover{background:var(--error-light)!important}.history-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;padding:18px 20px;margin-bottom:12px;border-left:4px solid var(--accent);border:1px solid var(--card-border);transition:all .2s}.history-card.passed{border-left-color:var(--success)}.history-card.failed{border-left-color:var(--error)}.history-card-main{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.history-card-info h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:2px}.history-meta{font-size:.82rem;color:var(--text-muted)}.history-meta span{margin-right:4px}.history-score{font-size:1.3rem;font-weight:700;padding:6px 14px;border-radius:10px}.history-score.excellent{background:var(--success-light);color:var(--success)}.history-score.good{background:var(--warning-light);color:var(--warning)}.history-score.bad{background:var(--error-light);color:var(--error)}.history-details{display:flex;gap:12px;font-size:.82rem;margin-bottom:8px}.detail-correct{color:var(--success)}.detail-wrong{color:var(--error)}.detail-total{color:var(--text-muted)}.history-retry{display:inline-block;font-size:.85rem;color:var(--accent);text-decoration:none;font-weight:500}.history-retry:hover{text-decoration:underline}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.best-score{font-size:.9rem;font-weight:700;padding:4px 10px;border-radius:8px;flex-shrink:0}.best-score.excellent{background:var(--success-light);color:var(--success)}.best-score.good{background:var(--warning-light);color:var(--warning)}.best-score.bad{background:var(--error-light);color:var(--error)}.best-label{font-size:.75rem;color:var(--text-muted);margin-left:8px}.btn-small.active-practice{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.practice-badge{font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.03em}.practice-badge.correct{background:var(--success-light);color:var(--success)}.practice-badge.wrong{background:var(--error-light);color:var(--error)}.practice-correct-card{border-color:var(--success)!important;box-shadow:0 2px 16px #22c55e26!important}.practice-wrong-card{border-color:var(--error)!important;box-shadow:0 2px 16px #ef444426!important}.nav-item.practice-correct{background:var(--success);color:#fff}.nav-item.practice-wrong{background:var(--error);color:#fff}.answer-letter.correct{background:var(--success)!important;color:#fff!important}.search-wrapper{position:relative;margin-bottom:12px}.search-input{width:100%;padding:10px 36px 10px 14px;border:2px solid var(--input-border);border-radius:10px;font-size:.9rem;background:var(--input-bg);color:var(--text-primary);font-family:inherit;transition:all .2s}.search-input:focus{outline:none;border-color:var(--accent);background:var(--card-bg-solid)}.search-input::placeholder{color:var(--text-muted)}.search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.2rem;color:var(--text-muted);cursor:pointer;padding:4px;line-height:1}.search-clear:hover{color:var(--text-primary)}.search-highlight{background:var(--warning-light);color:inherit;padding:1px 2px;border-radius:3px}.keyboard-hint{display:flex;gap:12px;font-size:.7rem;color:var(--text-muted);margin-top:8px;flex-wrap:wrap}.keyboard-hint span{background:var(--input-bg);padding:2px 8px;border-radius:4px;border:1px solid var(--input-border)}.question-active .question-card{box-shadow:0 0 0 2px var(--accent),0 4px 20px var(--shadow-color)}[data-theme=dark] .card{background:var(--card-bg);border-color:var(--card-border)}[data-theme=dark] .card h3{color:var(--text-primary)}[data-theme=dark] .question-card{background:var(--card-bg)}[data-theme=dark] .question-card h3{color:var(--text-primary)}[data-theme=dark] .answer-option{border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .answer-option:hover,[data-theme=dark] .answer-option.selected{border-color:var(--accent);background:var(--accent-light)}[data-theme=dark] .answer-letter{background:var(--input-bg);color:var(--text-secondary)}[data-theme=dark] .test-header{background:var(--card-bg);border-color:var(--card-border)}[data-theme=dark] .test-header-title h2{color:var(--text-primary)}[data-theme=dark] .btn-small{background:var(--card-bg-solid);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .btn-small:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}[data-theme=dark] .nav-item{background:var(--input-bg);color:var(--text-muted)}[data-theme=dark] .bottom-bar{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .modal{background:var(--card-bg-solid)}[data-theme=dark] .modal h3{color:var(--text-primary)}[data-theme=dark] .modal-stat{background:var(--input-bg)}[data-theme=dark] .result-box{background:var(--card-bg)}[data-theme=dark] .score-ring-number{color:var(--text-primary)}[data-theme=dark] .import-form{background:var(--card-bg)}[data-theme=dark] .import-form h2{color:var(--text-primary)}[data-theme=dark] .format-help{background:var(--input-bg);color:var(--text-secondary)}[data-theme=dark] .format-help pre{background:var(--card-bg-solid)}[data-theme=dark] .q-type-badge,[data-theme=dark] .answered-count,[data-theme=dark] .timer{background:var(--accent-light);color:var(--accent)}[data-theme=dark] .scroll-top-btn{background:var(--card-bg);border-color:var(--border-color)}[data-theme=dark] .toast{background:var(--card-bg-solid);color:var(--text-primary)}.explanation-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-color)}.explain-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:var(--accent-light);color:var(--accent);border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s}.explain-btn:hover{background:var(--accent);color:#fff}.explanation-loading{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:.9rem;padding:10px}.explain-spinner{width:16px;height:16px;border:2px solid var(--accent-light);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.explanation-box{background:var(--input-bg);border-radius:12px;padding:16px;margin-top:10px;animation:fadeIn .3s ease;border:1px solid var(--border-color)}.explanation-header{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--accent);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.explanation-text{font-size:.92rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap}.explanation-error{color:var(--error);font-size:.9rem;display:flex;align-items:center;gap:10px;padding:10px}.explanation-error button{background:none;border:none;color:var(--accent);text-decoration:underline;cursor:pointer;font-weight:500}.setup-page{padding-bottom:40px}.setup-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:32px;box-shadow:0 4px 30px #0000001a;border:1px solid var(--card-border)}.setup-header{margin-bottom:32px}.setup-header h2{font-size:1.8rem;color:var(--text-primary);margin-bottom:4px}.setup-count{color:var(--text-secondary);font-size:.95rem;font-weight:500}.setup-section{margin-bottom:28px}.setup-section h3{font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:12px}.setup-options{display:flex;gap:12px}.mode-options{display:grid;grid-template-columns:1fr 1fr}.setup-option{display:flex;align-items:center;gap:12px;padding:16px;background:var(--input-bg);border:2px solid var(--border-color);border-radius:14px;cursor:pointer;transition:all .2s;text-align:left}.setup-option:hover{border-color:var(--accent);background:var(--accent-light)}.setup-option.active{border-color:var(--accent);background:var(--accent-light);box-shadow:0 0 0 1px var(--accent)}.option-icon{width:40px;height:40px;border-radius:10px;background:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem;box-shadow:0 2px 8px #0000000f}[data-theme=dark] .option-icon{background:var(--card-bg);color:var(--text-primary)}.option-content{flex:1}.option-title{font-weight:700;color:var(--text-primary);margin-bottom:2px}.option-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.3}.count-options{flex-wrap:wrap;gap:8px}.setup-option-small{padding:8px 16px;background:var(--input-bg);border:2px solid var(--border-color);border-radius:10px;font-size:.9rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s;font-family:inherit}.setup-option-small:hover{border-color:var(--accent);color:var(--accent)}.setup-option-small.active{background:var(--accent);color:#fff;border-color:var(--accent)}.setup-toggles{display:flex;flex-direction:column;gap:12px}.setup-toggle{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.setup-toggle input{display:none}.toggle-slider{width:44px;height:24px;background:var(--input-border);border-radius:24px;position:relative;transition:all .3s;margin-right:12px}.toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s;box-shadow:0 1px 3px #0003}.setup-toggle input:checked+.toggle-slider{background:var(--accent)}.setup-toggle input:checked+.toggle-slider:after{transform:translate(20px)}.toggle-label{font-weight:500;color:var(--text-primary);display:flex;align-items:center;gap:8px}.toggle-icon{font-size:1.1rem}.btn-start{width:100%;padding:16px;font-size:1.1rem;margin-top:12px;gap:10px}[data-theme=dark] .setup-card{background:var(--card-bg)}[data-theme=dark] .setup-header h2{color:var(--text-primary)}[data-theme=dark] .setup-option{background:var(--input-bg);border-color:var(--border-color)}[data-theme=dark] .setup-option:hover,[data-theme=dark] .setup-option.active{background:var(--accent-light);border-color:var(--accent)}[data-theme=dark] .option-title{color:var(--text-primary)}[data-theme=dark] .option-desc{color:var(--text-secondary)}[data-theme=dark] .setup-option-small{background:var(--input-bg);border-color:var(--border-color);color:var(--text-secondary)}[data-theme=dark] .setup-option-small:hover{border-color:var(--accent);color:var(--accent)}[data-theme=dark] .setup-option-small.active{background:var(--accent);color:#fff;border-color:var(--accent)}[data-theme=dark] .toggle-slider{background:var(--input-border)}[data-theme=dark] .toggle-label{color:var(--text-primary)}@media(max-width:640px){.setup-card{padding:24px}.mode-options{grid-template-columns:1fr}.setup-option{padding:14px}.setup-count{display:block;margin-top:4px}}.sq-progress{margin-bottom:24px;display:flex;align-items:center;gap:12px}.sq-progress-bar{flex:1;height:6px;background:#fff3;border-radius:3px;overflow:hidden}.sq-progress-fill{height:100%;background:#fff;border-radius:3px;transition:width .3s}.sq-progress-text{font-size:.9rem;color:#fff;font-weight:600;width:60px;text-align:right}.sq-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:32px;box-shadow:0 4px 30px #0000001a;margin-bottom:80px;border:2px solid transparent;transition:all .3s}.sq-card.correct{border-color:var(--success);box-shadow:0 0 0 4px var(--success-light)}.sq-card.wrong{border-color:var(--error);box-shadow:0 0 0 4px var(--error-light)}.sq-question{display:flex;gap:16px;margin-bottom:24px}.sq-number{flex-shrink:0;width:36px;height:36px;background:var(--accent);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.sq-question h2{font-size:1.25rem;color:var(--text-primary);line-height:1.5;margin:0}.sq-hint{color:var(--accent);background:var(--accent-light);padding:8px 12px;border-radius:8px;font-size:.85rem;font-weight:500;margin-bottom:16px;display:inline-block}.sq-answers{display:flex;flex-direction:column;gap:10px}.sq-answer{display:flex;align-items:center;padding:16px;border:2px solid var(--border-color);border-radius:14px;background:var(--input-bg);color:var(--text-primary);font-size:1rem;text-align:left;cursor:pointer;transition:all .2s;position:relative;font-family:inherit}.sq-answer:hover:not(:disabled){border-color:var(--accent);background:var(--accent-light)}.sq-answer:disabled{cursor:default}.sq-answer.selected{border-color:var(--accent);background:var(--accent-light);box-shadow:0 0 0 1px var(--accent)}.sq-answer.correct{border-color:var(--success);background:var(--success-light);color:var(--text-primary)}.sq-answer.wrong{border-color:var(--error);background:var(--error-light);color:var(--text-primary)}.sq-answer-letter{width:28px;height:28px;border-radius:8px;background:#0000000f;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;margin-right:12px;flex-shrink:0}.sq-answer.selected .sq-answer-letter{background:var(--accent);color:#fff}.sq-answer.correct .sq-answer-letter{background:var(--success);color:#fff}.sq-answer.wrong .sq-answer-letter{background:var(--error);color:#fff}.sq-answer-text{flex:1}.sq-answer-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;margin-left:12px}.sq-answer.correct .sq-answer-icon{background:var(--success);color:#fff}.sq-answer.wrong .sq-answer-icon{background:var(--error);color:#fff}.sq-result{margin-top:24px;padding:16px;border-radius:12px;font-weight:600;text-align:center;font-size:1.1rem}.sq-result.correct{background:var(--success);color:#fff}.sq-result.wrong{background:var(--error);color:#fff}.sq-explanation{margin-top:20px;padding:20px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.95rem;line-height:1.6}.sq-actions{position:fixed;bottom:0;left:0;right:0;padding:16px 20px;background:var(--card-bg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;z-index:100}.btn-next{padding:14px 32px;font-size:1.1rem;border-radius:12px}.btn-submit-answer{width:100%;font-size:1.1rem;padding:14px}@media(max-width:640px){.sq-card{padding:20px}.sq-question h2{font-size:1.1rem}.sq-answer{padding:12px;font-size:.95rem}}