html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--bg:#0a0a0a;--surface:#121212;--surface-2:#1a1a1a;--surface-3:#222;--border:#2a2a2a;--border-2:#3a3a3a;--text:#e8e8e8;--text-dim:#888;--text-dimmer:#555;--copper:#c87533;--copper-bright:#e89348;--copper-dark:#8a4e22;--amber:#d97706;--green:#16a34a;--red:#dc2626;--red-dim:#7f1d1d;--yellow:#eab308;--mono:"JetBrains Mono", "Menlo", "Monaco", "Courier New", monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);color:var(--text);font-family:var(--mono);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}#root{min-height:100vh}button{font-family:var(--mono);cursor:pointer;color:inherit;background:0 0;border:none}button:disabled{cursor:not-allowed;opacity:.4}select{font-family:var(--mono);background:var(--surface-2);color:var(--text);border:1px solid var(--border);padding:.5rem .75rem;font-size:14px}.app{flex-direction:column;min-height:100vh;display:flex}.app-header{background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:2rem;padding:.75rem 1.5rem;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand-mark{background:var(--copper);color:#000;place-items:center;width:32px;height:32px;font-size:18px;font-weight:700;display:grid}.brand-title{letter-spacing:.1em;color:var(--copper);font-size:16px;font-weight:700}.brand-sub{color:var(--text-dim);letter-spacing:.15em;font-size:10px}.app-nav{flex-wrap:wrap;gap:0;margin-left:auto;display:flex}.nav-btn{color:var(--text-dim);letter-spacing:.1em;border-left:1px solid var(--border);padding:.5rem .9rem;font-size:11px;transition:color .1s,background .1s}.nav-btn:first-child{border-left:none}.nav-btn:hover{color:var(--text);background:var(--surface-2)}.nav-btn.active{color:var(--copper);background:var(--surface-2);border-top:2px solid var(--copper);padding-top:calc(.5rem - 2px)}.reset-btn{color:var(--text-dimmer);border:1px solid var(--border);letter-spacing:.1em;padding:.4rem .7rem;font-size:10px}.reset-btn:hover{color:var(--red);border-color:var(--red)}.app-main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:1.5rem}.app-footer{background:var(--surface);border-top:1px solid var(--border);color:var(--text-dimmer);letter-spacing:.1em;justify-content:space-between;padding:.75rem 1.5rem;font-size:10px;display:flex}.view-title{letter-spacing:.15em;color:var(--copper);margin-bottom:.25rem;font-size:18px;font-weight:700}.view-sub{color:var(--text-dim);letter-spacing:.05em;margin-bottom:1.5rem;font-size:12px}.section{margin-top:2rem}.section-head{background:var(--surface-2);border-left:3px solid var(--copper);letter-spacing:.15em;color:var(--text);justify-content:space-between;align-items:baseline;margin-bottom:.75rem;padding:.5rem .75rem;font-size:11px;display:flex}.section-sub{color:var(--text-dim);font-size:10px}.link-btn{color:var(--copper);letter-spacing:.1em;padding:.25rem 0;font-size:11px;text-decoration:none}.link-btn:hover{color:var(--copper-bright)}.link-btn.back{margin-bottom:1rem;display:inline-block}.empty-state{text-align:center;color:var(--text-dim);background:var(--surface);border:1px dashed var(--border);padding:1.5rem;font-size:12px}.empty-state.big{padding:3rem 1.5rem;font-size:13px}.form-row{flex-direction:column;gap:.5rem;margin:1rem 0 1.5rem;display:flex}.form-label{letter-spacing:.15em;color:var(--text-dim);font-size:10px}.form-select{max-width:420px}.stat-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1px;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--surface);padding:1rem}.stat-card.stat-big{background:var(--surface-2);border-left:3px solid var(--copper);grid-column:span 2}.stat-label{letter-spacing:.15em;color:var(--text-dim);margin-bottom:.5rem;font-size:10px}.stat-value{color:var(--text);font-size:26px;font-weight:700}.stat-big .stat-value{color:var(--copper);font-size:42px}.stat-unit{color:var(--text-dim);font-size:14px;font-weight:400}.stat-sub{color:var(--text-dimmer);letter-spacing:.05em;margin-top:.25rem;font-size:10px}.readiness{border:1px solid var(--border);background:var(--surface-2);margin-bottom:1.5rem;padding:1.25rem}.readiness.ready{border-color:var(--green);background:#16a34a14}.readiness.not-ready{border-left:3px solid var(--yellow)}.readiness-label{letter-spacing:.2em;color:var(--text-dim);font-size:10px}.readiness-text{letter-spacing:.1em;margin-top:.25rem;font-size:24px;font-weight:700}.readiness.ready .readiness-text{color:var(--green)}.readiness.not-ready .readiness-text{color:var(--yellow)}.readiness-sub{color:var(--text-dim);letter-spacing:.05em;margin-top:.5rem;font-size:12px}.readiness-reasons{margin-top:.5rem;list-style:none}.readiness-reasons li{border-left:2px solid var(--border-2);color:var(--text);margin-left:.25rem;padding:.35rem 0 .35rem 1rem;font-size:12px}.readiness-reasons li:before{content:"→ ";color:var(--copper)}.topic-list{background:var(--border);border:1px solid var(--border);flex-direction:column;gap:1px;display:flex}.topic-row{background:var(--surface);grid-template-columns:180px 1fr 60px 90px;align-items:center;gap:1rem;padding:.5rem .75rem;font-size:12px;display:grid}.topic-name{color:var(--text);letter-spacing:.05em}.topic-bar{background:var(--surface-3);border:1px solid var(--border);height:8px;overflow:hidden}.topic-bar-fill{background:var(--copper);height:100%;transition:width .2s}.topic-bar-fill.miss{background:var(--red)}.topic-row.strong .topic-bar-fill{background:var(--green)}.topic-row.weak .topic-bar-fill{background:var(--yellow)}.topic-row.untested .topic-bar-fill{background:var(--border-2)}.topic-pct{text-align:right;color:var(--text);font-weight:700}.topic-row.untested .topic-pct,.topic-row.untested .topic-count{color:var(--text-dimmer);font-weight:400}.topic-count{text-align:right;color:var(--text-dim);letter-spacing:.05em;font-size:10px}.action-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;display:grid}.action-btn{background:var(--surface);text-align:left;border:1px solid #0000;flex-direction:column;align-items:flex-start;padding:1rem;transition:background .1s,border-color .1s;display:flex}.action-grid .action-btn{border:none}.action-btn:hover:not(:disabled){background:var(--surface-2);color:var(--copper)}.action-label{letter-spacing:.15em;font-size:13px;font-weight:700}.action-sub{color:var(--text-dim);letter-spacing:.05em;margin-top:.25rem;font-size:11px}.quiz-setup .action-btn,.module-footer .action-btn,.quiz-actions .action-btn,.exam-intro .action-btn,.exam-active .action-btn,.exam-bar .action-btn,.exam-results .action-btn,.flash-controls .action-btn,.weak-view .action-btn{border:1px solid var(--border);letter-spacing:.15em;text-align:center;flex-direction:row;justify-content:center;align-items:center;padding:.75rem 1.25rem;font-size:12px;font-weight:700;display:inline-flex}.action-btn.primary{background:var(--copper);color:#000;border-color:var(--copper)}.action-btn.primary:hover:not(:disabled){background:var(--copper-bright);color:#000}.action-btn.large{padding:1rem 2rem;font-size:14px}.action-btn.small{padding:.4rem .8rem;font-size:10px}.action-btn.danger{border-color:var(--red);color:var(--red)}.action-btn.danger:hover:not(:disabled){background:var(--red);color:#fff}.action-btn.got{border-color:var(--green);color:var(--green)}.action-btn.got:hover:not(:disabled){background:var(--green);color:#000}.action-btn.miss{border-color:var(--red);color:var(--red)}.action-btn.miss:hover:not(:disabled){background:var(--red);color:#fff}.quiz-actions{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.modules-grid{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;display:grid}.modules-grid .section-head{grid-column:1/-1;margin-bottom:0}.module-card{background:var(--surface);text-align:left;border:none;flex-direction:column;gap:.4rem;padding:1rem;transition:background .1s;display:flex}.module-card:hover{background:var(--surface-2)}.module-card.completed{border-left:3px solid var(--green);padding-left:calc(1rem - 3px)}.module-card-head{justify-content:space-between;align-items:center;display:flex}.module-label{color:var(--copper);letter-spacing:.1em;font-size:13px;font-weight:700}.completed-tag{color:var(--green);letter-spacing:.1em;font-size:9px}.module-card-full{color:var(--text-dim);letter-spacing:.03em;font-size:11px}.module-card-count{color:var(--text-dimmer);letter-spacing:.1em;margin-top:auto;font-size:10px}.module-detail{max-width:860px}.module-title{letter-spacing:.1em;color:var(--copper);margin-bottom:.25rem;font-size:22px;font-weight:700}.module-full{color:var(--text-dim);letter-spacing:.05em;font-size:13px;font-weight:400}.module-meta{color:var(--text-dim);letter-spacing:.1em;margin-bottom:1.5rem;font-size:11px}.study-list{flex-direction:column;gap:1rem;display:flex}.study-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--copper);padding:1rem}.study-head{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.study-num{color:var(--text-dimmer);letter-spacing:.1em;font-size:10px}.study-q{color:var(--text);margin-bottom:.75rem;font-size:14px;line-height:1.5}.study-answer{background:var(--surface-2);border-left:2px solid var(--green);margin-bottom:.75rem;padding:.5rem .75rem;font-size:13px}.study-answer-label{color:var(--green);letter-spacing:.15em;font-size:10px}.study-explain{color:var(--text-dim);margin-bottom:.5rem;font-size:12px;line-height:1.6}.study-ref{color:var(--copper-dark);letter-spacing:.1em;font-size:10px}.module-footer{margin-top:2rem}.diff-tag{border:1px solid var(--border-2);letter-spacing:.1em;text-transform:uppercase;padding:.15rem .4rem;font-size:9px}.diff-tag.diff-easy{color:var(--green);border-color:var(--green)}.diff-tag.diff-medium{color:var(--yellow);border-color:var(--yellow)}.diff-tag.diff-hard{color:var(--red);border-color:var(--red)}.topic-tag{background:var(--surface-3);color:var(--text-dim);letter-spacing:.1em;padding:.15rem .4rem;font-size:10px}.verify-flag{background:var(--red-dim);color:var(--text);letter-spacing:.1em;padding:.15rem .4rem;font-size:9px}.quiz-setup{max-width:520px}.setup-sub{color:var(--text-dim);margin-bottom:1.5rem;font-size:12px}.quiz-active,.quiz-results{max-width:760px}.quiz-header{margin-bottom:1rem}.quiz-progress{color:var(--text-dim);letter-spacing:.15em;margin-bottom:.5rem;font-size:11px;display:block}.quiz-progress-bar{background:var(--surface-3);border:1px solid var(--border);height:4px;overflow:hidden}.quiz-progress-fill{background:var(--copper);height:100%;transition:width .2s}.quiz-card{background:var(--surface);border:1px solid var(--border);padding:1.5rem}.quiz-meta{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.quiz-q{color:var(--text);margin-bottom:1.25rem;font-size:16px;line-height:1.6}.quiz-opts{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.quiz-opt{background:var(--surface-2);border:1px solid var(--border);text-align:left;color:var(--text);align-items:flex-start;gap:.75rem;padding:.75rem 1rem;font-size:13px;transition:border-color .1s,background .1s;display:flex}.quiz-opt:hover:not(:disabled),.quiz-opt.selected{border-color:var(--copper);background:var(--surface-3)}.quiz-opt.correct{border-color:var(--green);background:#16a34a1a}.quiz-opt.wrong{border-color:var(--red);background:#dc26261a}.opt-marker{background:var(--surface-3);letter-spacing:0;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:grid}.quiz-opt.correct .opt-marker{background:var(--green);color:#000}.quiz-opt.wrong .opt-marker{background:var(--red);color:#fff}.opt-text{flex:1;line-height:1.5}.quiz-feedback{background:var(--surface-2);border-left:3px solid var(--copper);margin-top:1.25rem;padding:1rem}.feedback-status{letter-spacing:.15em;margin-bottom:.5rem;font-size:13px;font-weight:700}.feedback-status.ok{color:var(--green)}.feedback-status.miss{color:var(--red)}.feedback-explain{color:var(--text);margin-bottom:.5rem;font-size:12px;line-height:1.6}.feedback-ref{color:var(--copper);letter-spacing:.1em;font-size:10px}.result-score{text-align:center;background:var(--surface);border:1px solid var(--border);margin-bottom:1.5rem;padding:2rem}.result-score.pass{border-color:var(--green)}.result-score.fail{border-color:var(--red)}.result-pct{color:var(--copper);letter-spacing:.05em;font-size:48px;font-weight:700}.result-score.pass .result-pct{color:var(--green)}.result-score.fail .result-pct{color:var(--red)}.result-fraction{color:var(--text-dim);letter-spacing:.1em;margin-top:.25rem;font-size:14px}.result-status{letter-spacing:.2em;margin-top:.5rem;font-size:14px;font-weight:700}.result-score.pass .result-status{color:var(--green)}.result-score.fail .result-status{color:var(--red)}.result-time{color:var(--text-dim);letter-spacing:.1em;margin-top:.5rem;font-size:11px}.missed-card,.weak-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--red);margin-bottom:.75rem;padding:1rem}.missed-q,.weak-q{color:var(--text);margin-bottom:.75rem;font-size:13px;line-height:1.5}.missed-row{gap:.5rem;margin-bottom:.25rem;font-size:12px;display:flex}.missed-label{color:var(--text-dim);letter-spacing:.1em;min-width:110px;font-size:10px}.missed-wrong{color:var(--red)}.missed-right{color:var(--green)}.missed-explain,.weak-explain{color:var(--text-dim);margin:.5rem 0;font-size:12px;line-height:1.6}.missed-ref,.weak-ref{color:var(--copper-dark);letter-spacing:.1em;font-size:10px}.exam-intro{max-width:720px}.exam-intro-card{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:1px;margin:1rem 0;display:grid}.intro-stat{background:var(--surface);text-align:center;padding:1rem}.intro-stat-label{letter-spacing:.15em;color:var(--text-dim);margin-bottom:.5rem;font-size:10px;display:block}.intro-stat-value{color:var(--copper);font-size:18px;font-weight:700;display:block}.exam-warn{border-left:3px solid var(--yellow);color:var(--text);background:#eab30814;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:12px;line-height:1.6}.exam-history{background:var(--border);border:1px solid var(--border);flex-direction:column;gap:1px;display:flex}.history-row{background:var(--surface);grid-template-columns:1fr 80px 60px 70px;align-items:center;gap:.75rem;padding:.6rem .75rem;font-size:12px;display:grid}.history-row.pass{border-left:3px solid var(--green)}.history-row.fail{border-left:3px solid var(--red)}.history-date{color:var(--text-dim)}.history-score{font-weight:700}.history-pct{text-align:right;font-weight:700}.history-status{letter-spacing:.15em;text-align:right;font-size:10px;font-weight:700}.history-row.pass .history-status{color:var(--green)}.history-row.fail .history-status{color:var(--red)}.exam-bar{background:var(--surface-2);border:1px solid var(--border);border-left:3px solid var(--copper);z-index:10;grid-template-columns:180px 1fr auto;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;display:grid;position:sticky;top:0}.exam-timer{color:var(--copper);letter-spacing:.08em;font-size:22px;font-weight:700}.exam-count{color:var(--text-dim);letter-spacing:.1em;font-size:12px}.exam-nav{background:var(--surface);border:1px solid var(--border);grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:2px;margin-bottom:1rem;padding:.5rem;display:grid}.exam-dot{background:var(--surface-2);color:var(--text-dim);border:1px solid #0000;padding:.25rem;font-size:10px}.exam-dot:hover{color:var(--text)}.exam-dot.answered{background:var(--copper-dark);color:var(--text)}.exam-dot.current{border-color:var(--copper);color:var(--copper);font-weight:700}.flash-view{max-width:720px;margin:0 auto}.flash-bar{color:var(--text-dim);letter-spacing:.1em;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.5rem 0;font-size:11px;display:flex}.flash-session .got{color:var(--green)}.flash-session .missed{color:var(--red)}.flash-card{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--copper);cursor:pointer;flex-direction:column;min-height:300px;padding:2rem;transition:background .15s;display:flex}.flash-card:hover{background:var(--surface-2)}.flash-card.flipped{border-left-color:var(--green)}.flash-meta{align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.flash-answer-label{color:var(--green);letter-spacing:.2em;font-size:10px}.flash-q{color:var(--text);flex:1;font-size:18px;line-height:1.6}.flash-answer{color:var(--copper);letter-spacing:.02em;margin-bottom:1.25rem;font-size:22px;font-weight:700;line-height:1.4}.flash-explain{color:var(--text);margin-bottom:1rem;font-size:13px;line-height:1.6}.flash-ref{color:var(--copper);letter-spacing:.1em;margin-top:auto;font-size:11px}.flash-hint{color:var(--text-dimmer);letter-spacing:.15em;text-align:center;margin-top:auto;font-size:10px}.flash-controls{background:var(--border);border:1px solid var(--border);grid-template-columns:1fr 1fr;gap:1px;margin-top:1rem;display:grid}.flash-controls .action-btn{background:var(--surface);border:none;padding:1rem;font-size:13px}.flash-legend{text-align:center;color:var(--text-dimmer);letter-spacing:.15em;margin-top:.75rem;font-size:10px}.weak-view{max-width:860px}.weak-list{flex-direction:column;gap:.5rem;display:flex}.weak-head{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.weak-misses{background:var(--red);color:#fff;letter-spacing:.05em;padding:.2rem .5rem;font-size:11px;font-weight:700}.weak-qid{color:var(--text-dimmer);letter-spacing:.1em;margin-left:auto;font-size:10px}.weak-answer{background:var(--surface-2);border-left:2px solid var(--green);margin-bottom:.5rem;padding:.5rem .75rem;font-size:13px}.weak-answer-label{color:var(--green);letter-spacing:.15em;font-size:10px}@media (width<=720px){.app-header{padding:.5rem 1rem}.brand-sub{display:none}.app-nav{width:100%;margin-left:0;overflow-x:auto}.app-main{padding:1rem}.topic-row{grid-template-columns:110px 1fr 50px 60px;gap:.5rem;font-size:11px}.stat-card.stat-big{grid-column:span 1}.exam-bar{grid-template-columns:1fr 1fr}.exam-bar .action-btn{grid-column:span 2}.exam-intro-card{grid-template-columns:repeat(2,1fr)}.history-row{grid-template-columns:1fr 60px 50px 60px;font-size:11px}}