*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1117;--surface:#1a1d27;--surface-hover:#242836;--border:#2e3345;--text:#e4e6ed;--text-muted:#8b8fa3;--accent:#6c8cff;--accent-hover:#8ba3ff;--correct:#34d399;--correct-bg:#34d3991f;--incorrect:#f87171;--incorrect-bg:#f871711f;--warning:#fbbf24;--warning-bg:#fbbf241f;--danger:#ef4444;--radius:10px;--radius-sm:6px;--shadow:0 2px 12px #0000004d;--transition:.2s ease}html{font-size:16px}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6}#app{min-height:100vh}.app{flex-direction:column;gap:1.25rem;max-width:720px;margin:0 auto;padding:2rem 1.25rem 3rem;display:flex}.app-header{text-align:center}.app-header h1{letter-spacing:-.02em;color:var(--text);font-size:1.75rem;font-weight:700}.subtitle{color:var(--text-muted);margin-top:.25rem;font-size:.875rem}.question-count{background:var(--surface);border:1px solid var(--border);border-radius:999px;margin-left:.75rem;padding:.1rem .5rem;font-size:.75rem;display:inline-block}.hamburger-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);cursor:pointer;transition:background var(--transition);justify-content:space-between;align-items:center;padding:.6rem 1rem;font-size:.85rem;display:none}.hamburger-btn:hover{background:var(--surface-hover)}.hamburger-label{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.hamburger-icon{flex-direction:column;flex-shrink:0;gap:4px;width:20px;display:flex}.hamburger-icon span{background:var(--text-muted);transform-origin:50%;border-radius:1px;height:2px;transition:all .25s;display:block}.hamburger-open span:first-child{transform:translateY(6px)rotate(45deg)}.hamburger-open span:nth-child(2){opacity:0}.hamburger-open span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.mode-nav{justify-content:center;gap:.5rem;display:flex}.mode-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:all var(--transition);padding:.5rem 1.25rem;font-size:.9rem;font-weight:500}.mode-btn:hover{background:var(--surface-hover);color:var(--text)}.mode-active{background:var(--accent);color:#fff;border-color:var(--accent)}.mode-active:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-shuffle{border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer;transition:all var(--transition);background:0 0;padding:.5rem 1rem;font-size:.85rem}.btn-shuffle:hover{border-color:var(--accent);color:var(--accent)}.category-filter{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:1.5rem;display:flex}.chip{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:all var(--transition);white-space:nowrap;border-radius:999px;padding:.3rem .75rem;font-size:.8rem}.chip:hover{border-color:var(--accent);color:var(--text)}.chip-active{background:var(--accent);color:#fff;border-color:var(--accent)}.chip-active:hover{background:var(--accent-hover)}.progress-bar-container{align-items:center;gap:.75rem;display:flex}.progress-bar-track{background:var(--surface);border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-bar-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .35s}.progress-bar-label{color:var(--text-muted);white-space:nowrap;text-align:right;min-width:4rem;font-size:.8rem}.btn-primary{background:var(--accent);color:#fff;border-radius:var(--radius);cursor:pointer;transition:background var(--transition);border:none;padding:.6rem 1.5rem;font-size:.9rem;font-weight:500;display:inline-block}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;transition:all var(--transition);padding:.5rem 1.25rem;font-size:.9rem}.btn-secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent)}.btn-secondary:disabled{opacity:.35;cursor:not-allowed}.quiz-mode{flex-direction:column;gap:1rem;display:flex}.question-category{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);font-size:.75rem;font-weight:600;display:inline-block}.question-text{font-size:1.2rem;font-weight:600;line-height:1.5}.choices{flex-direction:column;gap:.5rem;display:flex}.choice-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);text-align:left;cursor:pointer;transition:all var(--transition);align-items:center;gap:.75rem;padding:.85rem 1rem;font-size:.95rem;display:flex}.choice-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--accent)}.choice-btn:disabled{cursor:default}.choice-num{background:var(--border);width:1.6rem;height:1.6rem;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:inline-flex}.choice-btn.correct{border-color:var(--correct);background:var(--correct-bg)}.choice-btn.correct .choice-num{background:var(--correct);color:#fff}.choice-btn.incorrect{border-color:var(--incorrect);background:var(--incorrect-bg)}.choice-btn.incorrect .choice-num{background:var(--incorrect);color:#fff}.explanation{border-radius:var(--radius);border-left:4px solid var(--correct);background:var(--correct-bg);flex-direction:column;gap:.75rem;padding:1rem 1.25rem;animation:.25s slideIn;display:flex}.explanation-incorrect{border-left-color:var(--incorrect);background:var(--incorrect-bg)}.explanation p{font-size:.9rem;line-height:1.6}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.score-card{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;animation:.3s slideIn;display:flex}.score-card h2{font-size:1.5rem}.score-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:.25rem;padding:1.5rem 2rem;display:flex}.score-pct{color:var(--accent);font-size:3rem;font-weight:800;line-height:1}.score-fraction{color:var(--text-muted);font-size:1rem}.score-grade{text-transform:uppercase;letter-spacing:.05em;color:var(--correct);margin-top:.25rem;font-size:.85rem;font-weight:600}.score-categories{width:100%;max-width:400px;list-style:none}.score-categories li{border-bottom:1px solid var(--border);justify-content:space-between;padding:.5rem 0;font-size:.9rem;display:flex}.cat-name{color:var(--text)}.cat-score{color:var(--text-muted);font-variant-numeric:tabular-nums}.flashcard-mode{flex-direction:column;align-items:center;gap:1rem;display:flex}.flashcard-wrapper{perspective:800px;cursor:pointer;width:100%;max-width:560px}.flashcard{width:100%;min-height:280px;transform-style:preserve-3d;transition:transform .5s;position:relative}.flashcard.flipped{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{backface-visibility:hidden;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2rem 1.5rem;display:flex;position:absolute;inset:0}.flashcard-back{transform:rotateY(180deg)}.flashcard-text{text-align:center;font-size:1.15rem;font-weight:600;line-height:1.5}.flip-hint{color:var(--text-muted);margin-top:.5rem;font-size:.75rem}.answer-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-size:.7rem;font-weight:700}.flashcard-answer{color:var(--correct);text-align:center;font-size:1.25rem;font-weight:700}.flashcard-explanation{color:var(--text-muted);text-align:center;font-size:.85rem;line-height:1.5}.flashcard-nav{gap:.75rem;display:flex}.app-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);padding-top:1rem;font-size:.75rem}.empty-msg{text-align:center;color:var(--text-muted);padding:3rem 1rem;font-size:1rem}.stats-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.stats-summary-row{width:100%;color:var(--text);cursor:pointer;transition:background var(--transition);background:0 0;border:none;align-items:center;gap:.75rem;padding:.6rem 1rem;font-size:.85rem;display:flex}.stats-summary-row:hover{background:var(--surface-hover)}.stats-bar-wrapper{flex:1;min-width:0}.stats-segmented-bar{background:var(--border);border-radius:4px;width:100%;display:flex;overflow:hidden}.stats-segment-new{background:var(--text-muted)}.stats-segment-learning{background:var(--warning)}.stats-segment-mastered{background:var(--correct)}.stats-due-badge{background:var(--accent);color:#fff;white-space:nowrap;border-radius:999px;padding:.15rem .6rem;font-size:.7rem;font-weight:600}.stats-toggle{color:var(--text-muted);transition:transform var(--transition);font-size:.7rem}.stats-toggle-open{transform:rotate(180deg)}.stats-expanded{border-top:1px solid var(--border);flex-direction:column;gap:.75rem;padding:.75rem 1rem 1rem;animation:.2s slideIn;display:flex}.stats-legend{color:var(--text-muted);flex-wrap:wrap;gap:1rem;font-size:.8rem;display:flex}.stats-legend-item{align-items:center;gap:.35rem;display:flex}.stats-legend-dot{border-radius:50%;width:10px;height:10px}.dot-new{background:var(--text-muted)}.dot-learning{background:var(--warning)}.dot-mastered{background:var(--correct)}.stats-categories-detail{flex-direction:column;gap:.4rem;display:flex}.stats-category-row{align-items:center;gap:.5rem;font-size:.78rem;display:flex}.stats-cat-label{width:130px;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;overflow:hidden}.stats-mini-bar-wrapper{flex:1;min-width:0}.stats-cat-counts{text-align:right;width:36px;color:var(--text-muted);font-variant-numeric:tabular-nums;flex-shrink:0}.stats-reset-area{border-top:1px solid var(--border);padding-top:.5rem}.rating-buttons{gap:.5rem;margin-top:.5rem;display:flex}.rating-btn{cursor:pointer;transition:all var(--transition);text-align:center;border-radius:999px;min-width:80px;padding:.4rem .9rem;font-size:.8rem;font-weight:600}.rating-btn-again{border:1px solid var(--incorrect);color:var(--incorrect);background:0 0}.rating-btn-again:hover:not(:disabled){background:var(--incorrect-bg)}.rating-btn-hard{border:1px solid var(--warning);color:var(--warning);background:0 0}.rating-btn-hard:hover:not(:disabled){background:var(--warning-bg)}.rating-btn-good{border:1px solid var(--correct);color:var(--correct);background:0 0}.rating-btn-good:hover:not(:disabled){background:var(--correct-bg)}.rating-btn:disabled{opacity:.4;cursor:not-allowed}.btn-danger{background:var(--danger);color:#fff;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition);border:none;padding:.45rem 1rem;font-size:.8rem;font-weight:500}.btn-danger:hover{background:#dc2626}.confirm-inline{flex-wrap:wrap;align-items:center;gap:.5rem;animation:.2s slideIn;display:flex}.confirm-text{color:var(--warning);font-size:.85rem;font-weight:500}.score-srs-summary{text-align:center;flex-direction:column;gap:.5rem;width:100%;max-width:400px;display:flex}.score-srs-summary h3{font-size:1rem}.score-srs-bar{width:100%}.score-srs-labels{color:var(--text-muted);justify-content:center;gap:1rem;font-size:.8rem;display:flex}.score-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.auto-grade-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;display:flex}.auto-grade-toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--border);width:34px;height:18px;transition:background var(--transition);border-radius:9px;flex-shrink:0;position:relative}.auto-grade-toggle input:checked+.toggle-track{background:var(--accent)}.toggle-thumb{width:14px;height:14px;transition:transform var(--transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.auto-grade-toggle input:checked+.toggle-track .toggle-thumb{transform:translate(16px)}.toggle-label{color:var(--text-muted);white-space:nowrap;font-size:.8rem}.wrong-explanation{background:var(--incorrect-bg);border-left:3px solid var(--incorrect);border-radius:var(--radius-sm);margin-bottom:.5rem;padding:.65rem .85rem}.wrong-label{color:var(--incorrect);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem;font-size:.75rem;font-weight:700;display:block}.wrong-explanation p{color:var(--text);font-size:.85rem;line-height:1.5}.correct-explanation{margin-bottom:.25rem}.correct-label{color:var(--correct);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem;font-size:.75rem;font-weight:700;display:block}@media (width<=600px){.app{padding:1.25rem 1rem 2rem}.app-header h1{font-size:1.35rem}.question-text{font-size:1.05rem}.flashcard{min-height:240px}.flashcard-text{font-size:1rem}.score-pct{font-size:2.5rem}.hamburger-btn{display:flex}.mobile-menu-panel{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.mobile-menu-inner{flex-direction:column;gap:.75rem;display:flex;overflow:hidden}.mobile-menu-panel.mobile-menu-open{grid-template-rows:1fr}.mobile-menu-panel.mobile-menu-open .mobile-menu-inner{padding-top:.25rem}.mode-nav{flex-wrap:wrap}}