*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000;--bg2:#111;--bg3:#1a1a1a;--border:#ffffff1a;--text:#fff;--text2:#ffffff8c;--text3:#ffffff4d;--accent:#fff;--accent-dark:#ffffffd9;--accent-bg:#ffffff0f;--accent-border:#ffffff1f;--green:#10b981;--green-bg:#10b9811f;--green-border:#10b98159;--red:#ef4444;--red-bg:#ef44441f;--red-border:#ef444459;--expl-bg:#080808;--expl-border:#ffffff12;--question-label:#ffffff4d;--shadow:0 2px 12px #0009;--radius:14px;--title-glow:0 0 40px #ffffff2e}:root[data-theme=light]{--bg:#fff;--bg2:#f5f5f5;--bg3:#e8e8e8;--border:#0000001a;--text:#000;--text2:#0000008c;--text3:#0000004d;--accent:#000;--accent-dark:#000c;--accent-bg:#0000000a;--accent-border:#0000001a;--green:#059669;--green-bg:#05966914;--green-border:#0596694d;--red:#dc2626;--red-bg:#dc262614;--red-border:#dc26264d;--expl-bg:#fafafa;--expl-border:#00000012;--question-label:#0000004d;--shadow:0 1px 4px #0000000f, 0 4px 12px #0000000a;--title-glow:none}html,body{background:var(--bg);color:var(--text);min-height:100dvh;transition:background .2s,color .2s}body{-webkit-font-smoothing:antialiased;font-family:Avenir Next LT Pro,Avenir Next,Avenir,-apple-system,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5}#root{background:var(--bg);flex-direction:column;min-height:100dvh;display:flex}.app{flex-direction:column;width:100%;max-width:680px;min-height:100dvh;margin:0 auto;display:flex}.screen{flex-direction:column;flex:1;gap:16px;padding:20px 16px 36px;display:flex;overflow-y:auto}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.section-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text3);margin-bottom:14px;font-size:11px;font-weight:700}.select{background:var(--bg3);width:100%;color:var(--text);border:1px solid var(--border);appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23888888' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border-radius:10px;padding:12px 36px 12px 14px;font-family:inherit;font-size:15px}.field-label{color:var(--text2);margin-top:14px;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.field-label:first-of-type{margin-top:0}.toggle-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:12px;padding:14px 0 2px;display:flex}.toggle-info{flex-direction:column;gap:3px;display:flex}.toggle-label{color:var(--text);font-size:14px;font-weight:600}.toggle-sub{color:var(--text3);font-size:12px}.toggle-switch{background:var(--bg3);border:1.5px solid var(--border);cursor:pointer;border-radius:13px;flex-shrink:0;width:48px;height:26px;transition:background .2s,border-color .2s;position:relative}.toggle-switch:after{content:"";background:var(--text3);border-radius:50%;width:18px;height:18px;transition:left .2s,background .2s;position:absolute;top:3px;left:3px}.toggle-switch.on{background:var(--accent);border-color:var(--accent)}.toggle-switch.on:after{background:var(--bg);left:23px}.btn-primary{background:var(--accent);width:100%;color:var(--bg);cursor:pointer;border:none;border-radius:12px;margin-top:16px;padding:15px;font-family:inherit;font-size:16px;font-weight:600;transition:background .15s,transform .1s}.btn-primary:hover{background:var(--accent-dark)}.btn-primary:active{transform:scale(.98)}.btn-secondary{background:var(--bg2);width:100%;color:var(--text);border:1px solid var(--border);cursor:pointer;box-shadow:var(--shadow);border-radius:12px;padding:14px;font-family:inherit;font-size:15px;font-weight:500}.btn-secondary:hover{background:var(--bg3)}.btn-ghost{color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:10px;width:100%;padding:12px;font-family:inherit;font-size:15px}.btn-ghost:hover{color:var(--text);background:var(--bg2)}.btn-danger{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:600}.icon-btn{background:var(--bg2);color:var(--text);border:1px solid var(--border);cursor:pointer;width:38px;height:38px;box-shadow:var(--shadow);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.icon-btn:hover{background:var(--bg3)}.screen-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.screen-header h1{color:var(--text);font-size:18px;font-weight:700}.home-topbar{justify-content:space-between;align-items:center;padding-top:4px;display:flex}.badge{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border);letter-spacing:.1em;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:700;display:inline-flex}.theme-toggle{color:var(--text);background:var(--bg2);border:1px solid var(--border);cursor:pointer;width:42px;height:42px;box-shadow:var(--shadow);border-radius:10px;justify-content:center;align-items:center;font-size:20px;line-height:1;transition:background .15s;display:flex}.theme-toggle:hover{background:var(--bg3)}.home-header{text-align:center;padding:12px 0 4px}.title{letter-spacing:-.02em;color:var(--text);text-shadow:var(--title-glow);font-size:40px;font-weight:900}.subtitle{color:var(--text2);margin-top:4px;font-size:15px}.stats-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.stat-card{background:var(--bg2);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:16px 10px;display:flex}.stat-num{color:var(--accent);font-size:24px;font-weight:800}.stat-label{color:var(--text2);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.progress-card{flex-direction:column;gap:10px;display:flex}.progress-card-header{justify-content:space-between;align-items:center;display:flex}.progress-card-title{color:var(--text);font-size:14px;font-weight:700}.progress-card-count{color:var(--accent);font-size:14px;font-weight:800}.cycle-bar{background:var(--bg3);border-radius:8px;height:8px;overflow:hidden}.cycle-fill{background:var(--accent);border-radius:8px;height:100%;transition:width .5s}.progress-card-footer{justify-content:space-between;align-items:center;display:flex}.progress-card-sub{color:var(--text3);font-size:12px}.reset-btn{color:var(--text3);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:20px;padding:4px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.reset-btn:hover{border-color:var(--red);color:var(--red)}.quiz-info-line{color:var(--text3);margin:14px 0 0;font-size:13px;line-height:1.5}.opt-expl{border-bottom:1px solid var(--expl-border);gap:8px;padding:8px 0;font-size:13px;line-height:1.55;display:flex}.opt-expl:last-child{border-bottom:none;padding-bottom:0}.opt-expl:first-child{padding-top:0}.opt-expl-letter{flex-shrink:0;width:18px;font-weight:800}.opt-expl-correct .opt-expl-letter{color:var(--green)}.opt-expl-wrong .opt-expl-letter{color:var(--red)}.opt-expl-correct .opt-expl-text{color:var(--text)}.opt-expl-wrong .opt-expl-text{color:var(--text2)}.review-opt-expls{flex-direction:column;display:flex}.cycle-reset-title{color:var(--text);font-size:20px;font-weight:800;margin-bottom:8px!important}.cycle-reset-body{color:var(--text2);font-size:14px;line-height:1.6}.domain-list{flex-direction:column;gap:13px;display:flex}.domain-item{align-items:flex-start;gap:10px;display:flex}.domain-dot{background:var(--text3);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:6px}.domain-info{flex-direction:column;gap:2px;display:flex}.domain-name{color:var(--text);font-size:14px;font-weight:500}.domain-pct{color:var(--text2);font-size:12px}.quiz-header{align-items:center;gap:10px;display:flex}.progress-bar{background:var(--bg3);border-radius:6px;flex:1;height:6px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:6px;height:100%;transition:width .35s}.quiz-counter{color:var(--text2);white-space:nowrap;font-size:13px;font-weight:600}.quiz-timer{color:var(--text2);white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.03em;text-align:right;min-width:42px;font-size:13px;font-weight:700}.quiz-timer.warning{color:var(--red)}.question-block{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.question-label{color:var(--question-label);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--border);margin-bottom:10px;padding-bottom:10px;font-size:12px;font-weight:700}.question-text{color:var(--text);padding-top:2px;font-size:17px;font-weight:500;line-height:1.65}.options{flex-direction:column;gap:10px;display:flex}.option{background:var(--bg2);border:1.5px solid var(--border);text-align:left;cursor:pointer;width:100%;box-shadow:var(--shadow);border-radius:12px;align-items:center;gap:14px;padding:14px 16px;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.option:hover,.option-selected{border-color:var(--accent);background:var(--accent-bg)}.option-correct{border-color:var(--green);background:var(--green-bg);cursor:default}.option-wrong{border-color:var(--red);background:var(--red-bg);cursor:default}.opt-circle{border:2px solid var(--border);width:32px;height:32px;color:var(--text2);background:var(--bg3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;transition:all .15s;display:flex}.circle-selected{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.circle-correct{border-color:var(--green);color:#fff;background:var(--green)}.circle-wrong{border-color:var(--red);color:#fff;background:var(--red)}.opt-text{color:var(--text);flex:1;font-size:15px;line-height:1.5}.answer-section{flex-direction:column;gap:12px;animation:.25s fadeUp;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.answer-line{align-items:center;gap:8px;padding:0 2px;display:flex}.answer-label{color:var(--text);font-size:15px;font-weight:700}.answer-value{color:var(--green);font-size:15px;font-weight:800}.explanation-box{background:var(--expl-bg);border:1px solid var(--expl-border);box-shadow:var(--shadow);border-radius:12px;padding:16px}.explanation-title{color:var(--text);margin-bottom:8px;font-size:14px;font-weight:700}.explanation-text{color:var(--text2);font-size:14px;line-height:1.7}.quiz-footer{padding-top:4px}.modal-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg2);border:1px solid var(--border);text-align:center;width:100%;max-width:320px;box-shadow:var(--shadow);border-radius:16px;padding:24px}.modal p{color:var(--text);margin-bottom:20px;font-size:16px}.modal-btns{justify-content:center;gap:10px;display:flex}.results-header{text-align:center;padding-top:16px}.results-header h1{color:var(--text);font-size:24px;font-weight:800}.result-badge{letter-spacing:.1em;margin-top:6px;font-size:13px;font-weight:800}.score-circle-wrapper{justify-content:center;align-items:center;margin:4px 0;display:flex;position:relative}.score-circle-wrapper svg{display:block}.score-center{flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute}.score-num{font-size:28px;font-weight:800;line-height:1}.score-sub{color:var(--text2);font-size:13px}.score-pass-label{color:var(--text3);letter-spacing:.04em;margin-top:2px;font-size:10px}.results-stats{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.rs-card{background:var(--bg2);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;display:flex}.rs-card.correct{border-color:var(--green-border);background:var(--green-bg)}.rs-card.wrong{border-color:var(--red-border);background:var(--red-bg)}.rs-card.skipped{border-color:var(--border);background:var(--bg3)}.rs-num{font-size:22px;font-weight:800}.rs-card.correct .rs-num{color:var(--green)}.rs-card.wrong .rs-num{color:var(--red)}.rs-card.skipped .rs-num{color:var(--text2)}.rs-label{color:var(--text2);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.domain-result{margin-bottom:14px}.domain-result:last-child{margin-bottom:0}.dr-top{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.dr-name{color:var(--text);font-size:13px;font-weight:500}.dr-score{font-size:13px;font-weight:700}.dr-bar{background:var(--bg3);border-radius:4px;height:6px;overflow:hidden}.dr-fill{border-radius:4px;height:100%;transition:width .6s}.results-tip{background:var(--accent-bg);border:1px solid var(--accent-border);color:var(--text2);text-align:center;border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.5}.results-actions{flex-direction:column;gap:10px;display:flex}.filter-tabs{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.filter-tab{background:var(--bg2);color:var(--text2);border:1px solid var(--border);white-space:nowrap;cursor:pointer;border-radius:20px;padding:6px 16px;font-family:inherit;font-size:13px;transition:all .15s}.filter-tab.active{background:var(--accent);color:var(--bg);border-color:var(--accent)}.review-list{flex-direction:column;gap:10px;display:flex}.review-item{background:var(--bg2);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;overflow:hidden}.review-item.tag-correct{border-left:3px solid var(--green)}.review-item.tag-wrong{border-left:3px solid var(--red)}.review-item.tag-skip{border-left:3px solid var(--text3)}.review-header{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:flex-start;gap:10px;padding:14px;font-family:inherit;display:flex}.review-header:hover{background:var(--bg3)}.review-num{color:var(--text3);flex-shrink:0;margin-top:2px;font-size:12px;font-weight:700}.review-q{color:var(--text);flex:1;font-size:14px;line-height:1.4}.review-tag{border-radius:20px;flex-shrink:0;padding:2px 8px;font-size:11px;font-weight:700}.review-tag.tag-correct{background:var(--green-bg);color:var(--green)}.review-tag.tag-wrong{background:var(--red-bg);color:var(--red)}.review-tag.tag-skip{background:var(--bg3);color:var(--text2)}.review-chevron{color:var(--text2);flex-shrink:0;margin-top:4px;font-size:10px}.review-body{flex-direction:column;gap:10px;padding:0 14px 14px;display:flex}.review-options{flex-direction:column;gap:6px;display:flex}.ro{background:var(--bg3);color:var(--text);border-radius:9px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.ro.ro-correct{background:var(--green-bg);color:var(--green);border:1px solid var(--green-border)}.ro.ro-wrong{background:var(--red-bg);color:var(--red);border:1px solid var(--red-border)}.ro-letter{opacity:.8;border:1.5px solid;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:700;display:flex}.ro-icon{margin-left:auto;font-size:14px}.review-explanation{background:var(--expl-bg);border:1px solid var(--expl-border);color:var(--text2);border-radius:10px;padding:12px;font-size:13px;line-height:1.6}.review-domain-tag{color:var(--text3);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.empty-state{text-align:center;color:var(--text2);padding:40px 0;font-size:15px}.card-counter{text-align:center;color:var(--text2);font-size:13px}.flashcard{perspective:1200px;cursor:pointer;-webkit-user-select:none;user-select:none;height:280px}.flashcard-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .45s;position:relative}.flashcard.flipped .flashcard-inner{transform:rotateY(180deg)}.flashcard-front,.flashcard-back{backface-visibility:hidden;border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);flex-direction:column;justify-content:center;padding:24px;display:flex;position:absolute;inset:0}.flashcard-front{background:var(--bg2)}.flashcard-back{background:var(--green-bg);border-color:var(--green-border);overflow-y:auto;transform:rotateY(180deg)}.fc-domain-tag{color:var(--text3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;font-size:11px;font-weight:700}.fc-question{color:var(--text);flex:1;font-size:17px;font-weight:600;line-height:1.55}.fc-hint{color:var(--text3);text-align:center;margin-top:16px;font-size:12px}.fc-answer-label{color:var(--green);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:11px;font-weight:700}.fc-answer{color:var(--green);margin-bottom:10px;font-size:17px;font-weight:700}.fc-divider{background:var(--green-border);height:1px;margin:8px 0}.fc-explanation{color:var(--text);font-size:13px;line-height:1.6}.study-nav{gap:10px;display:flex}.study-nav-btn{flex:1}.study-options-grid{flex-direction:column;gap:8px;display:flex}.study-option{background:var(--bg2);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow);border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-family:inherit;font-size:14px;transition:all .2s;display:flex}.study-option.correct{background:var(--green-bg);border-color:var(--green-border);color:var(--green)}.study-opt-letter{border:1.5px solid var(--border);width:28px;height:28px;color:var(--text2);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.study-option.correct .study-opt-letter{border-color:var(--green);color:var(--green)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg3);border-radius:4px}.pbq-tag{letter-spacing:.07em;background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border);vertical-align:middle;text-transform:uppercase;border-radius:4px;margin-left:8px;padding:2px 6px;font-size:10px;font-weight:700}.matching-container{margin:4px 0 8px}.matching-hint{color:var(--text3);margin-bottom:10px;font-size:12px;line-height:1.4}.matching-cols{grid-template-columns:1fr 1fr;gap:8px;display:grid}.matching-col{flex-direction:column;gap:6px;display:flex}.matching-col-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text3);margin-bottom:2px;font-size:10px;font-weight:700}.matching-item{background:var(--bg2);border:1.5px solid var(--border);cursor:pointer;text-align:left;color:var(--text);border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:9px 10px;font-family:inherit;font-size:12px;line-height:1.3;transition:border-color .15s,background .15s;display:flex}.matching-item:hover{border-color:var(--text3)}.matching-item.matching-selected{border-color:var(--accent);background:var(--accent-bg)}.matching-item.matching-paired,.matching-item.matching-clickable{border-color:var(--text3)}.matching-item.matching-correct{background:#10b98114;border-color:var(--green)!important}.matching-item.matching-wrong{background:#ef444414;border-color:var(--red)!important}.matching-letter{background:var(--accent);width:18px;height:18px;color:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex}.matching-answer-key{background:var(--bg2);border:1px solid var(--border);border-radius:8px;margin-top:12px;padding:12px}.matching-key-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text3);margin-bottom:8px;font-size:10px;font-weight:700}.matching-key-row{flex-wrap:wrap;align-items:baseline;gap:6px;padding:3px 0;font-size:12px;display:flex}.matching-key-letter{color:var(--accent);flex-shrink:0;width:14px;font-weight:800}.matching-key-term{color:var(--text);font-weight:600}.matching-arrow{color:var(--text3)}.matching-key-match{color:var(--text2)}.ordering-container{flex-direction:column;gap:6px;margin:4px 0 8px;display:flex}.ordering-item{background:var(--bg2);border:1.5px solid var(--border);color:var(--text);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13px;transition:border-color .15s;display:flex}.ordering-item.ordering-correct{border-color:var(--green);background:#10b98114}.ordering-item.ordering-wrong{border-color:var(--red);background:#ef444414}.ordering-text{flex:1;line-height:1.3}.ordering-arrows{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.order-arrow{border:1px solid var(--border);color:var(--text2);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;width:26px;height:22px;padding:0;font-family:inherit;font-size:11px;display:flex}.order-arrow:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.order-arrow:disabled{opacity:.25;cursor:not-allowed}.ordering-check{flex-shrink:0;font-size:14px;font-weight:700}.ordering-check.correct{color:var(--green)}.ordering-check.wrong{color:var(--red)}.ordering-correct-order{background:var(--bg2);border:1px solid var(--border);border-radius:8px;margin-top:12px;padding:12px}.ordering-correct-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text3);margin-bottom:8px;font-size:10px;font-weight:700}.ordering-correct-item{color:var(--text2);align-items:center;gap:10px;padding:3px 0;font-size:13px;display:flex}.fillin-container{margin:4px 0 8px}.fillin-hint{color:var(--text3);margin-bottom:10px;font-size:12px}.fillin-input{background:var(--bg2);border:1.5px solid var(--border);width:100%;color:var(--text);box-sizing:border-box;border-radius:8px;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .15s}.fillin-input:focus{border-color:var(--accent);outline:none}.fillin-input.fillin-correct{border-color:var(--green);background:#10b98114}.fillin-input.fillin-wrong{border-color:var(--red);background:#ef444414}.fillin-reveal{border:1px solid var(--green);background:#10b98114;border-radius:8px;margin-top:10px;padding:10px 12px;font-size:13px}.fillin-reveal-label{text-transform:uppercase;letter-spacing:.06em;color:var(--green);margin-bottom:4px;font-size:10px;font-weight:700}.fillin-reveal-answer{color:var(--text);font-weight:600}.pbq-review{margin-bottom:12px}.pbq-review-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text3);margin-bottom:8px;font-size:10px;font-weight:700}.pbq-review-row{border:1px solid var(--border);border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:6px;margin-bottom:4px;padding:6px 8px;font-size:12px;display:flex}.pbq-review-order-row{border:1px solid var(--border);border-radius:6px;align-items:center;gap:10px;margin-bottom:4px;padding:6px 8px;font-size:13px;display:flex}.pbq-row-correct{background:#10b9810f;border-color:var(--green)!important}.pbq-row-wrong{background:#ef44440f;border-color:var(--red)!important}.pbq-review-letter{color:var(--accent);flex-shrink:0;width:14px;font-weight:800}.pbq-review-term{color:var(--text);font-weight:600}.pbq-review-arrow{color:var(--text3)}.pbq-review-match{color:var(--text)}.pbq-review-user{color:var(--red);margin-left:4px;font-size:11px}.pbq-review-icon{flex-shrink:0;margin-left:auto;font-size:13px;font-weight:700}.pbq-review-icon.correct{color:var(--green)}.pbq-review-icon.wrong{color:var(--red)}.pbq-review-fillin{border:1px solid var(--border);border-radius:6px;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 10px;font-size:13px;display:flex}.pbq-review-label{color:var(--text3);font-size:12px}.pbq-review-answer{color:var(--text);font-weight:600}.pbq-wrong-text{color:var(--red);font-weight:500}.fc-pbq-row{flex-wrap:wrap;align-items:baseline;gap:6px;padding:3px 0;font-size:12px;display:flex}.fc-pbq-letter{color:var(--accent);text-align:center;flex-shrink:0;width:18px;font-weight:800}.fc-pbq-term{color:var(--text);font-weight:600}.fc-pbq-arrow{color:var(--text3)}.fc-pbq-match{color:var(--text2)}.quiz-footer{flex-direction:column;gap:8px;padding:12px 0 4px;display:flex}.quiz-footer .btn-primary:disabled{opacity:.4;cursor:not-allowed}@media (width<=380px){.screen{gap:12px;padding:16px 12px 32px}.card{padding:16px}.question-text{font-size:15px}.opt-text{font-size:14px}.title{font-size:34px}.matching-cols{grid-template-columns:1fr}}@media (width>=640px){#root{background:var(--bg3)}.app{max-width:700px;box-shadow:0 0 0 1px var(--border);background:var(--bg);min-height:100dvh}.screen{gap:20px;padding:28px 36px 52px}.card{padding:24px 28px}.question-text{font-size:18px}.home-header{padding:20px 0 8px}.title{font-size:52px}.flashcard{height:320px}.modal{max-width:400px}:root[data-theme=light] .select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23555555' d='M1 1l5 5 5-5'/%3E%3C/svg%3E")}}@media (width>=1024px){.app{max-width:760px}.screen{gap:22px;padding:32px 48px 60px}.quiz-screen{padding:24px 48px 48px}.card{padding:26px 30px}.stats-row{gap:14px}.stat-num{font-size:28px}.title{font-size:56px}.question-text{font-size:18px}}