.controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:16px}.controls select,.controls label{font-family:Inter,sans-serif;font-size:.82rem;font-weight:500;padding:6px 16px;border:1px solid #d1cdc4;border-radius:999px;background:#fff;color:#141413;cursor:pointer;transition:all .15s}.controls select:hover,.controls label:hover{border-color:#d97757;color:#d97757}.controls label{display:flex;align-items:center;gap:6px;user-select:none}.controls label input{accent-color:#d97757}.progress-wrap{margin-bottom:16px}.progress-bar{height:6px;background:#e8e6dc;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:#d97757;transition:width .3s}.progress-text{font-size:.8rem;color:#87867f;margin-top:4px;text-align:center}.card-scene{perspective:1000px;width:100%;min-height:340px;margin-bottom:16px;cursor:pointer}.card-inner{position:relative;width:100%;height:100%;transition:transform .5s;transform-style:preserve-3d}.card-inner.flipped{transform:rotateY(180deg)}.card-face{position:absolute;top:0;left:0;width:100%;min-height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:#fff;border-radius:16px;padding:28px 32px;border:1px solid rgba(20,20,19,.1);box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008;display:flex;flex-direction:column}.card-back{transform:rotateY(180deg)}.card-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:auto;flex-shrink:0}.tag{font-size:.7rem;font-weight:600;padding:3px 10px;border-radius:100px;text-transform:uppercase;letter-spacing:.03em}.tag-domain{background:#ebdbbc;color:#5e5d59}.tag-knowledge{background:#bcd1ca;color:#2d4a42}.tag-skill{background:#ebcece;color:#7a3030}.tag-appendix{background:#cbcadb;color:#3b3a5c}.card-question{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;font-family:"Source Serif 4",Georgia,serif;font-size:1.1rem;line-height:1.6;font-weight:400;color:#141413;padding:16px 0}.card-hint{font-family:Inter,sans-serif;font-size:.78rem;color:#d97757;font-style:italic;text-align:center;margin-top:8px;opacity:.85}.card-answer{flex:1;font-size:.95rem;line-height:1.65;color:#3d3d3a;padding:8px 0;overflow-y:auto}.card-answer code.hl,.quiz-history-item code.hl,.quiz-explanation code.hl,.recall-compare-panel code.hl{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.82em;background:#f5f0eb;color:#c4603c;padding:1px 6px;border-radius:4px;white-space:nowrap}.card-answer .sep,.quiz-explanation .sep,.recall-compare-panel .sep{color:#d1cdc4;margin:0 2px}.card-task{margin-top:auto;flex-shrink:0;font-size:.75rem;color:#87867f;border-top:1px solid #e8e6dc;padding-top:10px;display:flex;align-items:center;justify-content:space-between}.speak-btn{background:none;border:none;cursor:pointer;padding:4px;color:#87867f;transition:color .15s;flex-shrink:0}.speak-btn:hover,.speak-btn.speaking{color:#d97757}.nav-buttons{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.nav-buttons button{font-family:Inter,sans-serif;font-size:.82rem;font-weight:500;padding:8px 18px;border:1px solid #d1cdc4;border-radius:999px;background:#fff;color:#3d3d3a;cursor:pointer;transition:all .15s}.nav-buttons button:hover{background:#f0eee6;border-color:#b0aea5}.nav-buttons button.mastered-btn{border-color:#d97757;color:#c6613f}.nav-buttons button.mastered-btn.is-mastered{background:#f0c9b4}.stats{display:flex;justify-content:center;gap:24px;font-size:.8rem;color:#87867f;align-items:center;flex-wrap:wrap}.stats span b{color:#141413}.domain-links{display:none;justify-content:center;gap:8px;margin-bottom:16px}.domain-links a{font-family:Inter,sans-serif;font-size:.78rem;font-weight:500;padding:6px 14px;border:1px solid #d1cdc4;border-radius:999px;background:#fff;color:#3d3d3a;text-decoration:none;transition:all .15s}.domain-links a:hover{border-color:#d97757;color:#d97757}.quiz-score{display:flex;justify-content:center;gap:20px;margin-bottom:16px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600}.quiz-score .score-correct{color:#27ae60;cursor:pointer}.quiz-score .score-correct:hover{text-decoration:underline}.quiz-score .score-wrong{color:#e74c3c;cursor:pointer}.quiz-score .score-wrong:hover{text-decoration:underline}.quiz-score .score-pct{color:#141413}.quiz-history{background:#fff;border:1px solid #e5e3dd;border-radius:16px;padding:20px 24px;margin-bottom:16px}.quiz-history h3{font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;color:#141413;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.quiz-history h3 button{font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;padding:4px 12px;border:1px solid #d1cdc4;border-radius:999px;background:#fff;color:#3d3d3a;cursor:pointer}.quiz-history h3 button:hover{border-color:#d97757;color:#d97757}.quiz-history-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.quiz-history-item{display:flex;align-items:flex-start;gap:10px;padding:8px 12px;border-radius:10px;font-size:.85rem;line-height:1.5;color:#3d3d3a}.quiz-history-item.is-correct{background:#eafaf1}.quiz-history-item.is-wrong{background:#fdedec}.quiz-history-item .history-icon{font-size:1rem;flex-shrink:0;margin-top:1px}.quiz-history-item .history-text{flex:1}.quiz-history-item .history-domain{font-size:.7rem;font-weight:600;color:#87867f;text-transform:uppercase}.history-filter-row{display:flex;gap:6px;margin-bottom:10px}.history-filter-row button{font-family:Inter,sans-serif;font-size:.75rem;font-weight:500;padding:4px 14px;border:1px solid #d1cdc4;border-radius:999px;background:#fff;color:#3d3d3a;cursor:pointer}.history-filter-row button.active{background:#141413;color:#fff;border-color:#141413}.history-filter-row button:hover:not(.active){border-color:#d97757;color:#d97757}.empty-state{text-align:center;padding:60px 20px;color:#87867f;font-family:"Source Serif 4",Georgia,serif;font-size:.95rem}.mode-toggle{display:flex;gap:0;margin-bottom:16px}.mode-toggle button{font-family:Inter,sans-serif;font-size:.82rem;font-weight:500;padding:8px 20px;border:1px solid #d1cdc4;background:#fff;color:#3d3d3a;cursor:pointer;transition:all .15s}.mode-toggle button:first-child{border-radius:999px 0 0 999px}.mode-toggle button:last-child{border-radius:0 999px 999px 0}.mode-toggle button.active{background:#141413;color:#fff;border-color:#141413}.rating-buttons{display:flex;gap:8px;justify-content:center;margin-bottom:16px}.rating-buttons button{font-family:Inter,sans-serif;font-size:.82rem;font-weight:600;padding:8px 24px;border-radius:999px;cursor:pointer;transition:all .15s;border:2px solid}.rate-again{border-color:#e74c3c;color:#e74c3c;background:#fff}.rate-again:hover{background:#e74c3c;color:#fff}.rate-hard{border-color:#e67e22;color:#e67e22;background:#fff}.rate-hard:hover{background:#e67e22;color:#fff}.rate-good{border-color:#27ae60;color:#27ae60;background:#fff}.rate-good:hover{background:#27ae60;color:#fff}.quiz-card{background:#fff;border-radius:16px;padding:28px 32px;border:1px solid rgba(20,20,19,.1);box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008;margin-bottom:16px}.quiz-choices{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.quiz-choice{font-family:Inter,sans-serif;font-size:.9rem;font-weight:400;padding:14px 20px;border:2px solid #d1cdc4;border-radius:12px;background:#fff;color:#3d3d3a;cursor:pointer;transition:all .15s;text-align:left;line-height:1.5}.quiz-choice:hover:not(:disabled){border-color:#d97757;background:#fdf8f5}.quiz-choice .choice-letter{font-weight:700;color:#87867f;margin-right:8px}.quiz-choice.correct{border-color:#27ae60;background:#eafaf1}.quiz-choice.correct .choice-letter{color:#27ae60}.quiz-choice.wrong{border-color:#e74c3c;background:#fdedec}.quiz-choice.wrong .choice-letter{color:#e74c3c}.quiz-choice:disabled{cursor:default;opacity:.85}.quiz-explanation{background:#f5f4f0;border-radius:12px;padding:18px 22px;font-size:.92rem;line-height:1.65;color:#3d3d3a;margin-bottom:16px;border-left:4px solid #d97757}.quiz-explanation b{color:#141413}.recall-container{margin-bottom:16px}.recall-question{background:#fff;border-radius:16px;padding:28px 32px;border:1px solid rgba(20,20,19,.1);box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008;margin-bottom:16px}.recall-textarea{width:100%;min-height:80px;max-height:300px;padding:14px 18px;font-family:"Source Serif 4",Georgia,serif;font-size:.95rem;line-height:1.6;color:#3d3d3a;border:2px solid #d1cdc4;border-radius:12px;resize:vertical;background:#fff;transition:border-color .15s;box-sizing:border-box}.recall-textarea:focus{outline:none;border-color:#d97757}.recall-textarea::placeholder{color:#b0aea5}.recall-check-btn{display:block;margin:12px auto 16px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;padding:10px 28px;border:2px solid #d97757;border-radius:999px;background:#fff;color:#d97757;cursor:pointer;transition:all .15s}.recall-check-btn:hover:not(:disabled){background:#d97757;color:#fff}.recall-check-btn:disabled{opacity:.4;cursor:default}.recall-compare{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.recall-compare-panel{background:#fff;border-radius:12px;padding:20px 22px;border:1px solid #e5e3dd}.recall-compare-panel h4{font-family:Inter,sans-serif;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px}.recall-compare-yours h4{color:#87867f}.recall-compare-correct h4{color:#27ae60}.recall-compare-correct{border-color:#c8e6c9}.recall-compare-text{font-size:.92rem;line-height:1.65;color:#3d3d3a;white-space:pre-wrap;word-wrap:break-word}@media(max-width:600px){.recall-compare{grid-template-columns:1fr}}@media(max-width:600px){.card-scene{height:360px}.card-face{padding:20px}.nav-buttons button{padding:8px 14px;font-size:.8rem}.mode-toggle button{padding:8px 12px;font-size:.75rem}.recall-textarea{font-size:16px}.recall-compare-panel{padding:14px 16px}}