.test-selection{margin:2rem auto;max-width:800px;padding:2rem;text-align:center}.test-selection h1{color:#2c3e50;margin-bottom:2rem}.test-options{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.test-option-card{background-color:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:2rem;transition:transform .2s,box-shadow .2s}.test-option-card:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-5px)}.test-option-card h2{color:#1a5276;margin-top:0}.test-option-card p{color:#566573;min-height:40px}.rw-part1-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;font-family:Arial,sans-serif;margin:20px auto;max-width:900px;padding:20px;width:90%}.rw-part1-container h1{border-bottom:2px solid #eee;color:#333;margin-bottom:15px;padding-bottom:10px;text-align:center}.rw-part1-container .instruction{color:#555;font-size:1.1em;margin-bottom:25px;text-align:center}.content-wrapper{display:flex;flex-direction:column}.option-pool-box{background-color:#eef7ff;border:2px dashed #4a90e2;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:25px;padding:15px}.option-pool-word{background-color:#fff;border:1px solid #ddd;border-radius:15px;font-size:1em;padding:5px 12px;white-space:nowrap}.option-pool-word.used{background-color:#f0f0f0;color:#999;text-decoration:line-through}.definitions-list{display:flex;flex-direction:column;gap:20px}.definition-item{align-items:flex-start;display:flex;gap:15px}.definition-item.example{align-items:center;background-color:#f0f8ff;border:1px solid #d1e7fd;border-radius:8px;padding:15px}.example-image{border:1px solid #ccc;border-radius:4px;height:auto;width:100px}.question-number{padding-top:4px}.definition-text-line{display:flex;flex-direction:column;flex-grow:1}.definition{flex-grow:1;line-height:1.5;margin:0 0 8px;padding:0}.answer-line,.answer-line-input{background-color:initial;border:none;border-bottom:1px solid #333;font-size:1em;padding:4px 0;width:100%}.answer-line-input:focus{border-bottom:2px solid #4a90e2;outline:none}.answer-line.filled{border-bottom:none;color:#4a90e2;font-weight:700;padding-top:4px}.definition-text-line{position:relative}.answer-line-input.correct{background-color:#d4edda;border-color:#c3e6cb}.answer-line-input.incorrect{background-color:#f8d7da;border-color:#f5c6cb}.feedback-icon{font-size:1.4em;right:-25px;top:50%;transform:translateY(-50%)}.submit-button-container{margin-top:30px;text-align:center}.submit-button-container button{background-color:#4a90e2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1em;padding:12px 25px;transition:background-color .3s}.submit-button-container button:disabled{background-color:#ccc;cursor:not-allowed}.submit-button-container button:not(:disabled):hover{background-color:#357abd}.rw-part2-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;font-family:Arial,sans-serif;margin:20px auto;max-width:1200px;padding:20px;width:90%}.rw-part2-container h1{border-bottom:2px solid #eee;color:#333;margin-bottom:20px;padding-bottom:10px;text-align:center}.rw-part2-introduction{background-color:#eef7ff;border-left:4px solid #4a90e2;margin-bottom:25px;padding:15px}.rw-part2-introduction p{margin:5px 0}.rw-part2-main-illustration{border-radius:8px;display:block;margin:0 auto 20px;max-width:400px;width:100%}.speaker-line{align-items:center;display:flex;gap:10px;margin-bottom:10px}.avatar-image{border:2px solid #eee;border-radius:50%;height:40px;width:40px}.rw-part2-main-content{display:flex;gap:30px}.rw-part2-conversation{flex:2 1}.rw-part2-dialogue{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:20px}.rw-part2-dialogue h2{border-bottom:1px solid #eee;color:#333;font-size:1.4em;margin-bottom:15px;padding-bottom:10px}.rw-part2-example,.rw-part2-question-item{align-items:flex-start;display:flex;gap:10px;margin-bottom:20px}.question-number{color:#333;font-size:1.1em;padding-top:5px}.dialogue-pair{flex-grow:1}.rw-part2-example p,.speaker-line p{line-height:1.5;margin:0}.rw-part2-answer-line{align-items:center;gap:10px}.rw-part2-answer-box{border:1px solid #ccc;border-radius:4px;font-size:1.2em;height:40px;text-align:center;text-transform:uppercase;width:40px}.rw-part2-answer-box.example-answer{align-items:center;background-color:#f0f0f0;display:flex;font-weight:700;justify-content:center}.rw-part2-answer-box:focus{border-color:#4a90e2;box-shadow:0 0 5px #4a90e280;outline:none}.rw-part2-options-bank{border-left:1px solid #eee;display:flex;flex:1 1;flex-direction:column;gap:10px;padding-left:20px}.rw-part2-option{align-items:flex-start;background-color:#fff;border:1px solid #e0e0e0;border-radius:5px;display:flex;padding:10px}.rw-part2-option-id{color:#4a90e2;flex-shrink:0;font-size:1.5em;font-weight:700;margin-right:15px}.rw-part2-option-text{line-height:1.4}.rw-part2-answer-box.correct{background-color:#d4edda;border-color:#c3e6cb;color:#155724}.rw-part2-answer-box.incorrect{background-color:#f8d7da;border-color:#f5c6cb;color:#721c24}.feedback-icon{font-size:1.5em;margin-left:5px}.feedback-icon.correct{color:#28a745}.feedback-icon.incorrect{color:#dc3545}.rw-part2-submit-button-container{margin-top:30px;text-align:center}.rw-part2-submit-button-container button{background-color:#4a90e2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1em;padding:12px 25px;transition:background-color .3s}.rw-part2-submit-button-container button:disabled{background-color:#ccc;cursor:not-allowed}.rw-part2-submit-button-container button:not(:disabled):hover{background-color:#357abd}hr{border:none;border-top:1px dashed #ccc;margin:20px 0}@media (max-width:768px){.rw-part2-main-content{flex-direction:column}.rw-part2-options-bank{border-left:none;border-top:1px solid #eee;flex:initial;margin-top:20px;padding-left:0;padding-top:20px}.rw-part2-container{padding:10px;width:95%}.rw-part2-dialogue{padding:15px}.rw-part2-answer-line{margin-left:10px}}@media (max-width:480px){.rw-part2-container h1{font-size:1.5em}.rw-part2-introduction{padding:10px}.rw-part2-option{align-items:flex-start;flex-direction:row;gap:10px}.rw-part2-option-id{font-size:1.2em;margin-bottom:0;margin-right:0;padding-top:2px}.rw-part2-answer-line{gap:5px}.rw-part2-answer-box{font-size:1.1em;height:35px;width:35px}}.rw-part3-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;font-family:Arial,sans-serif;margin:20px auto;max-width:1200px;padding:20px;width:90%}.rw-part3-container h1{border-bottom:2px solid #eee;color:#333;margin-bottom:20px;padding-bottom:10px;text-align:center}.rw-part3-instructions{background-color:#eef7ff;border-radius:8px;margin-bottom:20px;padding:15px;text-align:center}.main-illustration{border-radius:8px;display:block;margin:20px auto;max-width:500px;width:100%}.word-bank{border:2px dashed #4a90e2;border-radius:8px;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:25px;padding:15px}.word-bank-item{font-size:1.1em;font-weight:700}.word-bank-item.used{color:#999;text-decoration:line-through}.story-container{font-size:1.1em;line-height:2.5;margin-bottom:30px}.example-gap{border-bottom:2px solid #4a90e2;color:#4a90e2;font-weight:700;padding:0 4px}.gap-wrapper{display:inline-block;margin:0 5px;position:relative;width:120px}.gap-input{background:#0000;border:none;border-bottom:1px solid #333;font-size:1em;text-align:center;width:100%}.gap-input:focus{border-bottom:2px solid #4a90e2;outline:none}.gap-number{bottom:-20px;color:#777;font-size:.9em;left:50%;position:absolute;transform:translateX(-50%)}.ending-text{color:#555;font-style:italic;line-height:1.6;margin-top:20px}.final-question-container{border-top:1px solid #eee;margin-top:20px;padding:15px}.final-question-instruction{font-weight:700;margin-bottom:10px}.final-question-option{margin-bottom:8px}.final-question-option label{margin-left:8px}.rw-part3-submit-button-container{margin-top:30px;text-align:center}.rw-part3-submit-button-container button{background-color:#4a90e2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1em;padding:12px 25px}.rw-part3-submit-button-container button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.rw-part3-content-wrapper{flex-direction:column-reverse}}.rw-part4-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;font-family:Arial,sans-serif;margin:20px auto;max-width:900px;padding:20px;width:90%}.rw-part4-container h1{border-bottom:2px solid #eee;color:#333;margin-bottom:10px;padding-bottom:10px;text-align:center}.rw-part4-instructions{color:#555;font-size:1.1em;margin-bottom:20px;text-align:center}.rw-part4-text-section h2{margin-bottom:15px;text-align:center}.rw-part4-main-illustration{border-radius:8px;display:block;margin:0 auto 20px;max-width:500px;width:100%}.story-text{font-size:1.1em;line-height:2.5;text-align:justify}.example-word{border-bottom:1px solid;color:#4a90e2}.example-word,.gap-placeholder{font-weight:700}.gap-wrapper-part4{display:inline-block;margin:0 5px;position:relative;width:100px}.gap-input-part4{background:#0000;border:none;border-bottom:1px solid #333;font-size:1em;text-align:center;width:100%}.gap-input-part4:focus{border-bottom:2px solid #4a90e2;outline:none}.gap-number-part4{bottom:-20px;color:#777;font-size:.9em;left:50%;position:absolute;transform:translateX(-50%)}.rw-part4-questions-section{grid-gap:15px 25px;border-top:2px solid #eee;display:grid;gap:15px 25px;grid-template-columns:1fr 1fr;margin-top:30px;padding-top:20px}.word-options-item{align-items:center;display:flex;font-size:1.1em;gap:10px}.question-number{font-weight:700}.word-option{color:#333}.rw-part4-submit-button-container{margin-top:30px;text-align:center}.rw-part4-submit-button-container button{background-color:#4a90e2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1em;padding:12px 25px}.rw-part4-submit-button-container button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:600px){.rw-part4-questions-section{grid-template-columns:1fr}.rw-part4-main-illustration{display:block;float:none;margin:0 auto 20px}}.rw-part5-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;font-family:Arial,sans-serif;margin:20px auto;max-width:1000px;padding:20px;width:90%}.rw-part5-container h1{border-bottom:2px solid #eee;color:#333;margin-bottom:20px;padding-bottom:10px;text-align:center}.rw-part5-instructions{background-color:#eef7ff;border-radius:8px;margin-bottom:20px;padding:15px;text-align:center}.rw-part5-main-illustration{border-radius:8px;display:block;margin:20px auto;max-width:500px;width:100%}.rw-part5-container h2{margin-bottom:15px;margin-top:20px;text-align:center}.story-paragraph{line-height:1.6;margin-bottom:1em;text-align:justify}.rw-part5-assessment-section h3{border-bottom:1px solid #ddd;color:#4a90e2;margin-bottom:15px;padding-bottom:5px}.assessment-examples{margin-bottom:25px}.question-line-part5{align-items:baseline;display:flex;gap:10px;margin-bottom:15px}.question-number-part5{font-weight:700}.sentence-line{font-size:1.1em;line-height:2}.example-answer-part5{border-bottom:1px solid;color:#4a90e2;color:#666;font-style:italic;font-weight:700}.gap-input-part5{background-color:initial;border:none;border-bottom:1px dashed #333;font-size:1em;margin:0 5px;width:150px}.gap-input-part5:focus{border-bottom:2px dashed #4a90e2;outline:none}.rw-part5-submit-button-container{margin-top:30px;text-align:center}.rw-part5-submit-button-container button{background-color:#4a90e2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1em;padding:12px 25px}.rw-part5-submit-button-container button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.rw-part5-content-wrapper{flex-direction:column}}.rw-part7-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;font-family:Arial,sans-serif;margin:20px auto;max-width:1000px;padding:20px;width:90%}.rw-part7-container h1{border-bottom:2px solid #eee;color:#333;margin-bottom:20px;padding-bottom:10px;text-align:center}.rw-part7-instructions{background-color:#eef7ff;border-radius:8px;margin-bottom:20px;padding:15px;text-align:center}.rw-part7-illustrations{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:30px}.story-illustration{border:1px solid #ddd;border-radius:8px;height:auto;max-width:280px;width:100%}.rw-part7-writing-area{margin-bottom:30px}.rw-part7-writing-area textarea{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:1.1em;line-height:1.5;min-height:200px;padding:15px;resize:vertical;width:100%}.rw-part7-writing-area textarea:focus{border-color:#4a90e2;box-shadow:0 0 5px #4a90e280;outline:none}.word-count-info{color:#555;font-size:.9em;margin-top:5px;text-align:right}.word-count-warning{color:#dc3545;font-weight:700}.rw-part7-submit-button-container{margin-top:30px;text-align:center}.rw-part7-submit-button-container button{background-color:#4a90e2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.1em;padding:12px 25px}.rw-part7-submit-button-container button:disabled{background-color:#ccc;cursor:not-allowed}@media (max-width:768px){.rw-part7-illustrations{align-items:center;flex-direction:column}.story-illustration{max-width:100%}}.test-interface{background-color:#fff;border-radius:15px;box-shadow:0 5px 25px #00000012;margin:2rem auto;max-width:800px;padding:2rem}.test-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.test-header h1{color:#2c3e50;font-size:1.5rem;margin:0}.timer{background-color:var(--danger-color);border-radius:20px;color:#fff;font-size:1.1rem}.question-container{margin-bottom:2rem}.question-container h2{color:#888;font-size:1.1rem;margin-bottom:1rem}.question-text{color:#34495e;font-size:1.4rem;font-weight:700;margin-bottom:1.5rem}.question-image{border-radius:8px;height:auto;margin-bottom:1.5rem;max-width:100%}.options-container{display:flex;flex-direction:column;gap:.75rem}.option-btn{background-color:#fdfefe;border:2px solid #bdc3c7;border-radius:8px;cursor:pointer;font-size:1.1rem;padding:1rem;text-align:left;transition:background-color .2s,border-color .2s;width:100%}.option-btn:hover{background-color:#f0f8ff;border-color:var(--primary-color)}.option-btn.selected{background-color:#aed6f1;border-color:var(--primary-color);font-weight:700}.fill-in-blank-input{border:2px solid #bdc3c7;border-radius:8px;font-size:1.1rem;padding:1rem;width:100%}.test-navigation{border-top:2px solid #f0f0f0;padding-top:1rem;text-align:right}.matching-test .instruction{color:#566573;font-style:italic;margin-bottom:1.5rem}.matching-test .option-pool-box{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:2rem;padding:1rem}.matching-test .option-pool-word{background-color:#e9ecef;border:1px solid #ced4da;border-radius:20px;color:#495057;font-weight:500;padding:.5rem 1rem;white-space:nowrap}.matching-test .option-pool-word.used{background-color:#f1f3f5;border-color:#f1f3f5;color:#adb5bd;text-decoration:line-through}.matching-test .sub-questions-list{display:flex;flex-direction:column;gap:1.5rem}.matching-test .sub-question-item{align-items:flex-start;background-color:#fdfefe;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:1rem;padding:1rem}.matching-test .sub-question-item.example{background-color:#eaf5ff;border-color:#aed6f1}.matching-test .question-number{color:var(--primary-color);font-weight:700;min-width:30px;text-align:right}.matching-test .definition{color:#34495e;flex-grow:1;font-weight:700;margin:0}.matching-test .answer-line-input{background-color:initial;border:none;border-bottom:1px solid #34495e;color:#495057;flex-shrink:0;font-size:1rem;outline:none;padding:.5rem .25rem;text-align:center;width:150px}.matching-test .answer-line-input::placeholder{color:#adb5bd}.matching-test .answer-line-input:read-only{background-color:#e0e0e0;border-bottom-color:#adb5bd;color:#6c757d;cursor:not-allowed}.yes-no-test .passage-box{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#34495e;line-height:1.6;margin-bottom:2rem;padding:1.5rem}.yes-no-test .passage-box p{margin:0}.yes-no-test .sub-questions-list{display:flex;flex-direction:column;gap:1rem}.yes-no-test .sub-question-item{align-items:center;background-color:#fdfefe;border:1px solid #e0e0e0;border-radius:8px;display:flex;gap:1rem;padding:.75rem 1rem}.yes-no-test .sub-question-item .question-number{color:var(--primary-color);font-weight:700;min-width:25px;text-align:right}.yes-no-test .sub-question-item .statement{color:#34495e;flex-grow:1;margin:0}.yes-no-test .yes-no-input{border:1px solid #ced4da;border-radius:5px;font-size:1rem;padding:.5rem .25rem;text-align:center;text-transform:uppercase;width:80px}.score-summary{align-items:center;display:flex;font-family:sans-serif;justify-content:center;min-height:80vh;text-align:center}.summary-card{background-color:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;max-width:500px;padding:3rem 4rem;width:100%}.summary-card h1{color:#2c3e50;margin-top:0}.congrats-message{color:#27ae60;font-size:1.2rem;font-weight:700;margin-bottom:2rem}.score-display{margin:1.5rem 0}.score{color:#3498db;font-size:5rem;font-weight:700}.total{color:#7f8c8d;font-size:2rem}.shields-display{background-color:#f9f9f9;border-radius:10px;margin:2rem 0;padding:1rem}.shields-display p{color:#566573;margin:0 0 .5rem}.shields-result{color:#f1c40f;font-size:1.8rem;font-weight:700}.breakdown-section{border-top:1px solid #eee;margin-top:2rem;padding-top:1.5rem}.breakdown-section h3{color:#34495e;margin-bottom:1rem;text-align:left}.breakdown-list{list-style:none;padding:0;text-align:left}.breakdown-list li{border-bottom:1px dotted #eee;color:#566573;display:flex;justify-content:space-between;padding:.5rem 0}.topic-suggestions-summary{border-top:1px solid #eee;margin-top:2rem;padding-top:1.5rem}.topic-suggestions-summary h3{color:#34495e;margin-bottom:1rem}.summary-actions{display:flex;flex-direction:column;gap:1rem;margin-top:2.5rem}.detailed-review{margin:2rem auto;max-width:800px;padding:2rem}.detailed-review h1{color:#2c3e50;margin-bottom:.5rem;text-align:center}.detailed-review>p{color:#566573;font-size:1.1rem;margin-bottom:3rem;text-align:center}.review-list{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.review-item{background-color:#fff;border-left:8px solid;border-radius:10px;box-shadow:0 4px 15px #0000000f;padding:1.5rem}.review-item.correct{border-color:#2ecc71}.review-item.incorrect{border-color:#e74c3c}.question-info{color:#34495e;display:flex;flex-direction:column;font-size:1.2rem;gap:.5rem;margin-bottom:1rem}.review-tag-container{display:flex;flex-wrap:wrap;gap:.5rem}.review-tag{background-color:#e0e0e0;border-radius:10px;color:#566573;font-size:.75rem;font-weight:700;padding:.2rem .6rem}.answer-info p{font-size:1rem;margin:.5rem 0}.user-answer{color:#566573;font-style:italic}.correct-answer{color:#27ae60;font-weight:700}.review-item.incorrect .user-answer{color:#c0392b;text-decoration:line-through}.magic-link-container{align-items:center;display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;text-align:center}.magic-link-intro{color:#34495e;font-weight:700;margin:0}.magic-links-list{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.btn-magic-small{background:linear-gradient(45deg,#f39c12,#f1c40f);border:none;border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:700;padding:.5rem 1rem;text-decoration:none;transition:transform .2s,box-shadow .2s}.btn-magic-small:hover{box-shadow:0 5px 15px #f39c1266;transform:scale(1.05)}.link-separator{color:#6c757d;font-weight:700}.topic-page{margin:2rem auto;max-width:800px;padding:2rem}.topic-header{color:#2c3e50;margin-bottom:2rem;text-align:center}.topic-header h1{margin-bottom:.5rem}.type-container{gap:.5rem;justify-content:center;margin-bottom:1rem}.type-badge{border-radius:12px;font-size:.9rem;padding:.25rem .8rem}.topic-content{grid-gap:2rem;display:grid;gap:2rem}.card{background-color:#fff;border-radius:12px;box-shadow:0 4px 15px #0000000f;padding:2rem}.micro-lesson h2{border-bottom:2px solid #aed6f1;color:#1a5276;margin-top:0;padding-bottom:.5rem}.micro-lesson p{color:#34495e;font-size:1.1rem;line-height:1.6}.quick-drills h3{border-bottom:2px solid #a2d9ce;color:#16a085;margin-top:0;padding-bottom:.5rem}.drill-item{margin-bottom:1.5rem;position:relative}.drill-item p{font-weight:700}.drill-item input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;margin-bottom:.5rem;padding:.75rem;width:100%}.drill-item input.correct{background-color:#eafaf1;border-color:#2ecc71}.drill-item input.incorrect{background-color:#fbeeee;border-color:#e74c3c}.feedback-icon{position:absolute;right:10px;top:42px}.mastery-check{border-top:1px solid #eee;margin-top:2rem;padding-top:1.5rem;text-align:center}.mastery-message{color:#27ae60;font-size:1.2rem;font-weight:700;margin-top:1rem}.navigation-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem;text-align:center}.btn-sm{font-size:.9rem;padding:.4rem .8rem}.pagination{display:flex;justify-content:center;list-style:none;margin-top:2rem;padding:0}.page-item{margin:0 5px}.page-link{background-color:#fff;border:1px solid #dee2e6;border-radius:5px;color:#007bff;cursor:pointer;padding:.5rem .75rem;text-decoration:none;transition:background-color .2s,color .2s}.page-link:hover{background-color:#e9ecef}.page-item.active .page-link{background-color:#007bff;border-color:#007bff;color:#fff;z-index:1}.all-topics-page{margin:2rem auto;max-width:900px;padding:2rem}.all-topics-page h1{margin-bottom:2rem;text-align:center}.filter-controls{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem}.search-input,.type-filter-select{border:1px solid #ced4da;border-radius:8px;color:#495057;flex:1 1;font-size:1rem;padding:.75rem 1rem}.search-input::placeholder{color:#adb5bd}.tabs{border-bottom:2px solid #dee2e6;display:flex;margin-bottom:-2px}.tab-btn{background-color:initial;border:none;border-bottom:2px solid #0000;color:#495057;cursor:pointer;font-size:1.1rem;font-weight:500;padding:.75rem 1.25rem;transition:color .2s,border-color .2s}.tab-btn:hover{color:#0056b3}.tab-btn.active{border-bottom-color:#007bff;color:#007bff;font-weight:700}.tab-content{border-top-left-radius:0;padding:2rem}.empty-state{color:#6c757d;padding:2rem;text-align:center}.topic-list{list-style:none;padding:0}.topic-list li{border-bottom:1px solid #f0f0f0;justify-content:space-between;padding:.8rem .5rem;transition:background-color .2s}.topic-info,.topic-list li{align-items:center;display:flex}.topic-info{flex-direction:row;gap:.75rem}.topic-info a{color:#3498db;font-weight:500;text-decoration:none}.type-container{display:flex;flex-wrap:wrap;gap:.3rem}.type-badge{border-radius:10px;color:#fff;font-size:.75rem;font-weight:700;padding:.2rem .6rem}.type-grammar{background-color:#3498db}.type-vocabulary-topic{background-color:#9b59b6}.type-listening-skill{background-color:#1abc9c}.type-speaking-skill{background-color:#f1c40f;color:#333}.type-synonym-traps{background-color:#e74c3c}.topic-list li:hover{background-color:#f9f9f9}.skill-group{margin-bottom:1.5rem}.skill-group>h3{background-color:#34495e;border-radius:5px;color:#fff;padding:.5rem 1rem}.part-group{border:1px solid #e0e0e0;border-radius:5px;margin-top:1rem;overflow:hidden}.part-header{align-items:center;background-color:#f8f9fa;border:none;border-bottom:1px solid #e0e0e0;color:#495057;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;justify-content:space-between;padding:.75rem 1rem;width:100%}.part-header:hover{background-color:#f1f3f5}.accordion-icon{transition:transform .3s ease}.accordion-icon.open{transform:rotate(180deg)}.part-content{background-color:#fff;padding:1rem}.topic-list-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));list-style:none;padding:0}.topic-list-grid li{align-items:center;background-color:#f8f9f9;border-radius:5px;display:flex;gap:.5rem;padding:.75rem}.topic-list-grid li a{color:#2980b9;font-weight:700;text-decoration:none}.topic-list-grid li:hover{background-color:#eaf5ff}.exam-attempt-container{background-color:#f9f9f9;border-radius:8px;font-family:sans-serif;margin:2rem auto;max-width:900px;padding:2rem 2rem 100px}.exam-attempt-container h1{color:#2c3e50;text-align:center}.error-message{background-color:#fbeae5;border:1px solid #e74c3c;border-radius:4px;color:#e74c3c;margin-bottom:1rem;padding:1rem}.exam-overview-header{margin-bottom:2rem;text-align:center}.exam-sections-list{margin-bottom:2rem}.exam-sections-list h2{border-bottom:2px solid #eee;margin-bottom:1.5rem;padding-bottom:.5rem}.section-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:1rem;padding:1.5rem}.section-card h3{color:#1a5276;margin-top:0}.section-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:1rem}.section-details p{background-color:#f9f9f9;border-radius:4px;margin:0;padding:.5rem}.start-exam-container{margin-top:2rem;text-align:center}.btn-large{font-size:1.2rem;padding:.8rem 2.5rem}.section-view{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:2rem}.section-view h2{color:#1a5276;margin:0}.section-header{align-items:center;border-bottom:2px solid #eee;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.timer{background-color:#f9f9f9;border-radius:4px;color:#c0392b;font-size:1.5rem;font-weight:700;min-width:100px;padding:.5rem 1rem;text-align:center}.exercise-view{background-color:#fdfdfd;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.exercise-view h4{border-bottom:1px solid #eee;color:#34495e;margin-bottom:1rem;margin-top:0;padding-bottom:.5rem}.exercise-navigation{background-color:#fff;border-top:1px solid #eee;bottom:0;box-shadow:0 -2px 5px #0000001a;left:0;padding:1rem 2rem;position:fixed;width:100%;z-index:1000}.exercise-navigation-content{display:flex;justify-content:space-between;margin:0 auto;max-width:900px}.exam-finished,.section-summary{background-color:#fff;border-radius:8px;padding:2rem;text-align:center}.exam-finished h2,.section-summary h2{color:#27ae60;margin-top:0}.section-summary button{margin-top:1.5rem}.section-summary-actions{display:flex;gap:1rem;justify-content:center}.exercise-layout{border:1px dashed #ccc;border-radius:4px;padding:1rem}.exercise-layout h4{color:#7f8c8d;font-style:italic;margin-top:0}.exercise-container{background-color:#fff;border:1px solid #ddd;border-radius:8px;font-family:sans-serif;margin:0 auto;max-width:900px;padding:20px;width:100%}.exercise-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;flex-direction:column;margin-bottom:1.5rem;padding-bottom:1rem}.part-label{color:#333;font-size:1.5em;font-weight:700;margin:0}.question-count-label{align-items:center;color:#888;display:flex;font-size:1em;font-weight:700;justify-content:center;margin-top:4px}.instruction-text{color:#555;font-size:1.1em;margin-top:1rem;text-align:left;width:100%}.audio-player{margin-bottom:1rem;width:100%}.reading-flyer-part-1 .main-layout-container{align-items:center;display:flex;flex-direction:column;gap:15px}.reading-flyer-part-1 .center-content-area{align-items:stretch;display:flex;justify-content:space-between;width:100%}.reading-flyer-part-1 .word-bank-bottom,.reading-flyer-part-1 .word-bank-top{display:flex;flex-wrap:wrap;justify-content:space-around;width:100%}.reading-flyer-part-1 .word-bank-left,.reading-flyer-part-1 .word-bank-right{display:flex;flex:0 1 120px;flex-direction:column;justify-content:space-around}.reading-flyer-part-1 .word-bank-right{align-items:flex-start}.reading-flyer-part-1 .word-bank-left{align-items:flex-end}.reading-flyer-part-1 .word-bank-item{font-size:1.1em;font-weight:500;white-space:nowrap}.reading-flyer-part-1 .word-bank-item:nth-child(3n+1){color:#28a745}.reading-flyer-part-1 .word-bank-item:nth-child(3n+2){color:#007bff}.reading-flyer-part-1 .word-bank-item:nth-child(3n+3){color:#dc3545}.reading-flyer-part-1 .questions-container{border:1px solid #ccc;display:flex;flex:1 1 auto;flex-direction:column;gap:15px;padding:20px}.reading-flyer-part-1 .question-item{align-items:flex-start;display:flex;gap:10px}.reading-flyer-part-1 .question-item.example{color:#666}.reading-flyer-part-1 .question-text{align-items:flex-start;display:flex;flex:1 1;gap:8px}.reading-flyer-part-1 .question-text p{line-height:1.4;margin:0}.reading-flyer-part-1 .answer-box{width:180px}.reading-flyer-part-1 .answer-box .answer-input{background-color:initial;border:none;border-bottom:2px dotted #999;color:#0056b3;font-size:1em;padding:8px 5px;text-align:center;width:100%}.reading-flyer-part-1 .answer-box .answer-input:focus{border-bottom:2px dotted #0056b3;outline:none}.reading-flyer-part-1 .example-answer{border-bottom:1px dotted #0056b3;color:#0056b3;font-style:italic;padding:0 5px}.reading-flyer-part-2 .main-content-part2{display:flex;flex-direction:column;gap:30px}.reading-flyer-part-2 .conversation-container{width:100%}.reading-flyer-part-2 .example-section-frame{border:1px solid #000;margin-bottom:20px;padding:15px}.reading-flyer-part-2 .bottom-content-container{align-items:flex-start;display:flex;gap:20px}.reading-flyer-part-2 .context-image{border:1px solid #ddd;border-radius:8px;flex:1 1;max-width:50%}.reading-flyer-part-2 .answer-bank{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;display:flex;flex:1 1;flex-direction:column;gap:10px;padding:15px}.reading-flyer-part-2 .dialogue-turn{margin-bottom:15px}.reading-flyer-part-2 .speaker-line{align-items:center;display:flex;gap:10px;margin-bottom:8px}.reading-flyer-part-2 .avatar{border-radius:50%;flex-shrink:0;height:40px;width:40px}.reading-flyer-part-2 .speaker-line p{margin:0}.reading-flyer-part-2 .answer-line .answer-input,.reading-flyer-part-2 .answer-line .example-answer{margin-left:10px}.reading-flyer-part-2 .answer-input{background:#0000;border:none;border-bottom:2px dotted #999;font-size:1em;text-align:center;width:150px}.reading-flyer-part-2 .answer-input:focus{border-bottom-color:#007bff;outline:none}.reading-flyer-part-2 .example-answer{border-bottom:2px dotted #999;color:#007bff;font-weight:700;padding:2px 10px}.reading-flyer-part-2 .answer-option{align-items:flex-start;display:flex;gap:15px}.reading-flyer-part-2 .answer-option strong{flex-shrink:0}.reading-flyer-part-2 .answer-option p{font-size:.95em;margin:0}.questions-section h3,.reading-flyer-part-2 .example-section h3{border-bottom:1px solid #eee;margin-bottom:15px;padding-bottom:10px}.reading-flyer-part-3 .main-content-part3{display:flex;flex-direction:column;gap:20px}.reading-flyer-part-3 .story-image{border-radius:8px;margin:0 auto;max-width:600px;width:100%}.reading-flyer-part-3 .example-box{border:1px solid #ccc;border-radius:8px;display:flex;flex-direction:column;gap:10px;padding:15px}.reading-flyer-part-3 .example-title{align-self:flex-start;margin:0;padding:0}.reading-flyer-part-3 .word-bank{display:flex;flex-wrap:wrap;gap:10px 5px;justify-content:space-around;width:100%}.reading-flyer-part-3 .word-bank span{background-color:#f0f0f0;border-radius:4px;font-size:.95em;padding:5px 10px}.reading-flyer-part-3 .story-text-container{font-size:1.1em;line-height:2.5}.reading-flyer-part-3 .example-word-in-text{border-bottom:2px dotted #999;color:#555;font-family:cursive,sans-serif;font-style:italic;font-weight:500;margin:0 4px;padding:0 4px}.reading-flyer-part-3 .gap-fill-span{display:inline-block;margin:0 5px}.reading-flyer-part-3 .gap-fill-span strong{margin-right:5px}.reading-flyer-part-3 .gap-input{background:#0000;border:none;border-bottom:2px dotted #999;font-size:1em;text-align:center;width:120px}.reading-flyer-part-3 .gap-input:focus{border-bottom-color:#007bff;outline:none}.reading-flyer-part-3 .final-question-container{border-top:1px solid #eee;margin-top:20px;padding-top:20px}.reading-flyer-part-3 .options-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.reading-flyer-part-3 .radio-option{align-items:center;display:flex;gap:10px}.reading-flyer-part-4 .main-content-part4{display:flex;flex-direction:column;gap:25px}.reading-flyer-part-4 .text-section-part4{border:1px solid #000;padding:15px}.reading-flyer-part-4 .story-title{margin-top:0;text-align:center}.reading-flyer-part-4 .story-image-part4{display:block;margin:0 auto 15px;max-width:300px}.reading-flyer-part-4 .story-with-example-label{align-items:flex-start;display:flex;gap:10px}.reading-flyer-part-4 .example-vertical-label{flex-shrink:0;font-weight:700;margin-top:20px;padding-right:10px;text-align:center;transform:rotate(180deg);writing-mode:vertical-rl}.reading-flyer-part-4 .story-text-part4{line-height:2.5}.reading-flyer-part-4 .example-answer-in-text{border-bottom:1px dashed #000;font-weight:700;margin:0 5px;padding:0 5px}.reading-flyer-part-4 .gap-input-part4{background:#0000;border:none;border-bottom:1px dashed #000;font-size:1em;margin:0 5px;padding:0 2px;text-align:center}.reading-flyer-part-4 .gap-input-part4.example{color:#000;font-weight:700}.reading-flyer-part-4 .gap-input-part4:focus{border-bottom:1px solid #007bff;outline:none}.reading-flyer-part-4 .options-section-part4{font-size:1.1em;padding:10px}.reading-flyer-part-4 .options-table{border-collapse:collapse;margin:0 auto;max-width:600px;table-layout:fixed;width:100%}.reading-flyer-part-4 .options-table th{font-weight:700;padding:8px 4px;text-align:right;width:90px}.reading-flyer-part-4 .options-table td:first-of-type{padding:8px 4px;text-align:left;width:33%}.reading-flyer-part-4 .options-table td:nth-of-type(2){padding:8px 4px;text-align:center;width:33%}.reading-flyer-part-4 .options-table td:nth-of-type(3){padding:8px 4px;text-align:right;width:33%}.reading-flyer-part-5 .main-content-part5{display:flex;flex-direction:column;gap:15px}.reading-flyer-part-5 .story-title-part5{margin-top:0;text-align:center}.reading-flyer-part-5 .story-image-part5{border-radius:8px;margin:0 auto;max-width:500px;width:100%}.reading-flyer-part-5 .story-text-part5{color:#333;line-height:1.6;text-align:justify}.reading-flyer-part-5 .questions-section-part5 h4{border-bottom:1px solid #eee;font-size:1.2em;margin-bottom:10px;margin-top:20px;padding-bottom:5px}.reading-flyer-part-5 .sentence-line-part5{font-size:1.1em;line-height:2;margin-bottom:15px}.reading-flyer-part-5 .question-item-part5{align-items:baseline;display:flex;gap:8px}.reading-flyer-part-5 .gap-input-part5{background-color:initial;border:none;border-bottom:1px dotted #000;font-size:1em;margin:0 5px;width:200px}.reading-flyer-part-5 .gap-input-part5:focus{border-bottom:1px solid #007bff;outline:none}.reading-flyer-part-5 .example-answer-part5{border-bottom:1px dotted #000;font-family:cursive,sans-serif;font-style:italic;margin:0 5px;padding:0 8px}.reading-flyer-part-6 .story-image-part6{border-radius:8px;display:block;margin:20px auto;max-width:450px;width:100%}.reading-flyer-part-6 .diary-layout-part6{background-color:#fdfdfa;border:2px solid #333;border-radius:5px;margin-top:20px;padding:25px}.reading-flyer-part-6 .diary-title-part6{font-family:Courier New,Courier,monospace;font-size:1.5em;font-weight:700;margin-bottom:25px;text-align:center}.reading-flyer-part-6 .diary-text-content{font-size:1.2em;line-height:2.5}.reading-flyer-part-6 .gap-input-part6{background-color:initial;border:none;border-bottom:1.5px dotted #555;font-family:inherit;font-size:1em;margin:0 5px;text-align:center;vertical-align:initial;width:200px}.reading-flyer-part-6 .gap-input-part6:focus{border-bottom:1.5px solid #007bff;outline:none}.gap-label{font-style:italic;font-weight:700;margin-right:5px}.reading-flyer-part-7 .story-images-container-part7{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin:25px 0}.reading-flyer-part-7 .story-image-part7{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a;height:auto;max-width:30%;min-width:250px}.reading-flyer-part-7 .writing-area-part7 textarea{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-size:1.1em;line-height:1.6;padding:15px;resize:vertical;width:100%}.reading-flyer-part-7 .writing-area-part7 textarea:focus{border-color:#007bff;box-shadow:0 0 5px #007bff80;outline:none}.listen-part-1-container{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:1rem}.main-content{align-items:center;display:flex;flex-direction:column;gap:1rem;position:relative}.word-bank{display:flex;flex-direction:row;justify-content:space-between;max-width:800px;padding:.5rem 0;width:100%}.name-item{background-color:#f9f9f9;border:1px solid #0000;border-radius:4px;cursor:pointer;font-weight:700;padding:.5rem 1rem;text-align:center;transition:background-color .2s}.name-item:hover{background-color:#eaf5ff}.name-item.selected{background-color:#aed6f1;border-color:#2980b9}.image-container{border:1px solid #ccc;cursor:crosshair;flex-grow:1;position:relative}.image-container img{display:block;height:auto;width:100%}.drawing-canvas{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.controls{margin-top:1rem;text-align:right}.debug-zone{fill:#f003;stroke:red;stroke-width:1}.debug-zone-label{fill:red;font-size:14px;font-weight:700}.zone-hit-label{fill:#000;stroke:#fff;stroke-width:3px;stroke-linecap:butt;stroke-linejoin:miter;font-size:16px;font-weight:700;paint-order:stroke}.listen-part-2-container .main-image-part2{border-radius:8px;display:block;margin:20px auto;max-width:600px;width:100%}.listen-part-2-container .homework-form-part2{margin-top:20px}.listen-part-2-container .form-title-part2{font-size:1.6em;margin-bottom:25px;text-align:center;text-decoration:underline}.listen-part-2-container .form-rows-container{display:flex;flex-direction:column;gap:15px;margin:0 auto;max-width:700px}.listen-part-2-container .form-row-part2{align-items:baseline;display:flex;font-size:1.1em}.listen-part-2-container .question-number-part2{flex-basis:30px;flex-shrink:0;font-weight:700}.listen-part-2-container .question-label-part2{flex-basis:250px;flex-shrink:0;text-align:left}.listen-part-2-container .answer-area-part2{align-items:baseline;border-bottom:1.5px dotted #555;display:flex;flex-grow:1}.listen-part-2-container .answer-input-part2{background-color:initial;border:none;font-family:inherit;font-size:1em;width:100%}.listen-part-2-container .answer-input-part2:focus{outline:none}.listen-part-2-container .example-answer-part2{color:#007bff;font-weight:700;padding-left:5px}.listen-part-2-container .post-gap-text-part2{margin-left:5px}.listen-part-3-container .content-wrapper-part3{align-items:flex-start;display:flex;gap:40px;justify-content:space-around;margin-top:20px}.listen-part-3-container .questions-section-part3{display:flex;flex-basis:50%;flex-direction:column;gap:15px}.listen-part-3-container .options-section-part3{grid-gap:20px;display:grid;flex-basis:50%;gap:20px;grid-template-columns:repeat(2,1fr)}.listen-part-3-container .question-row-part3{align-items:center;display:flex;justify-content:space-between}.listen-part-3-container .item-content-part3{align-items:center;display:flex;gap:15px}.listen-part-3-container .item-image-part3{background-color:#fff;border:1px solid #ccc;border-radius:4px;height:55px;object-fit:contain;padding:5px;width:80px}.listen-part-3-container .item-name-part3{font-size:1.1em;font-weight:500}.listen-part-3-container .answer-box-part3{align-items:center;border:1px solid #000;display:flex;height:40px;justify-content:center;width:40px}.listen-part-3-container .answer-box-part3 input{background-color:initial;border:none;font-size:1.4em;font-weight:700;height:100%;text-align:center;text-transform:uppercase;width:100%}.listen-part-3-container .answer-box-part3 input:focus{outline:none}.listen-part-3-container .option-item-part3{align-items:center;display:flex;flex-direction:column;gap:5px}.listen-part-3-container .option-image-part3{border-radius:8px;height:auto;max-width:150px;object-fit:contain;width:100%}.listen-part-3-container .option-id-part3{font-size:1.2em;font-weight:700}.listen-part-4-container .audio-player{margin:20px 0}.listen-part-4-container .questions-list-part4{display:flex;flex-direction:column;gap:30px}.listen-part-4-container .question-block-part4{border-top:1px solid #ddd;padding-top:20px}.listen-part-4-container .question-text-part4{font-size:1.1em;font-weight:500;margin-bottom:15px}.listen-part-4-container .question-number{font-weight:700;margin-right:8px}.listen-part-4-container .options-container-part4{align-items:flex-start;display:flex;gap:20px;justify-content:space-around}.listen-part-4-container .option-item-part4{align-items:center;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:10px}.listen-part-4-container .option-item-part4.selected{border-color:#007bff}.listen-part-4-container .question-block-part4:first-child .option-item-part4{cursor:default}.listen-part-4-container .option-image-part4{border:1px solid #ccc;border-radius:8px;height:auto;width:180px}.listen-part-4-container .checkbox-container-part4{align-items:center;display:flex;gap:8px}.listen-part-4-container .option-label-part4{font-size:1.2em;font-weight:700}.listen-part-4-container .checkbox-part4{align-items:center;border:2px solid #000;display:flex;height:24px;justify-content:center;width:24px}.listen-part-4-container .tick-mark-part4{color:#000;font-size:1.2em;font-weight:700}.listen-part-5-container .audio-player{margin-bottom:15px}.listen-part-5-container .color-palette{background-color:#f5f5f5;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:15px;padding:10px}.listen-part-5-container .color-swatch{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0003;cursor:pointer;height:40px;transition:transform .2s,box-shadow .2s;width:40px}.listen-part-5-container .color-swatch:hover{transform:scale(1.1)}.listen-part-5-container .color-swatch.selected{border-color:#007bff;box-shadow:0 0 10px #007bffb3;transform:scale(1.15)}.listen-part-5-container .main-content-part5{display:flex;justify-content:center}.listen-part-5-container .image-container-part5{cursor:crosshair;max-width:100%;position:relative}.listen-part-5-container .image-container-part5 img{border-radius:8px;display:block;height:auto;max-width:100%}.listen-part-5-container .coloring-canvas{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.listen-part-5-container .controls{margin-top:15px;text-align:center}.listen-part-5-container .btn{border:1px solid #ccc;border-radius:5px;cursor:pointer;font-size:1em;padding:10px 20px}.zone-outline{fill:#0000;stroke:#0006;stroke-width:2px;stroke-dasharray:5,5}.modal-overlay{align-items:center;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:fadeIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 5px 15px #0000004d;max-width:450px;padding:2rem 2.5rem;text-align:center;width:90%}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-content h2{color:#333;font-size:1.5rem;font-weight:600;margin-top:0}.modal-content p{color:#555;font-size:1rem;line-height:1.5;margin-bottom:2rem}.modal-actions{display:flex;gap:1rem;justify-content:center}.modal-actions .btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s,box-shadow .2s}.modal-actions .btn-primary{background-color:#007bff;color:#fff}.modal-actions .btn-primary:hover{background-color:#0056b3;box-shadow:0 2px 5px #007bff4d}.modal-actions .btn-secondary{background-color:#f0f0f0;border:1px solid #ccc;color:#333}.modal-actions .btn-secondary:hover{background-color:#e0e0e0;border-color:#bbb}.login-container{align-items:center;background-color:#f0f2f5;display:flex;font-family:sans-serif;height:100vh;justify-content:center}.login-box{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;max-width:400px;padding:2.5rem;text-align:center;width:100%}.login-box h1{color:#2c3e50;margin-bottom:1.5rem;margin-top:0}.input-group{margin-bottom:1.5rem;text-align:left}.input-group label{color:#34495e;display:block;font-weight:700;margin-bottom:.5rem}.input-group input{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:1rem;padding:.75rem;width:100%}.login-box .btn{font-size:1.1rem;padding:.75rem;width:100%}.login-box .error-message{background-color:#fbeae5;border:1px solid #e74c3c;border-radius:4px;color:#e74c3c;margin-bottom:1rem;padding:.75rem}:root{--primary-color:#3498db;--secondary-color:#95a5a6;--success-color:#2ecc71;--danger-color:#e74c3c;--warning-color:#f1c40f;--light-bg:#ecf0f1;--text-dark:#2c3e50;--text-light:#566573}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ecf0f1;background-color:var(--light-bg);color:#2c3e50;color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.app-container{padding:1rem}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:1rem;font-weight:700;padding:.75rem 1.5rem;text-align:center;text-decoration:none;transition:background-color .2s,transform .1s}.btn:hover{transform:translateY(-2px)}.btn:disabled{background-color:#bdc3c7;cursor:not-allowed;transform:none}.btn-primary{background-color:#3498db;background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:#2980b9}.btn-secondary{background-color:#95a5a6;background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{background-color:#7f8c8d}a{color:#3498db;color:var(--primary-color)}.dashboard{font-family:sans-serif;margin:2rem auto;max-width:900px;padding:2rem}.dashboard-header{color:#2c3e50;margin-bottom:3rem;text-align:center}.dashboard-header h1{font-size:2.5rem;margin-bottom:.5rem}.cta-container{background-color:#eaf5ff;border:2px solid #aed6f1;border-radius:12px;margin-bottom:2.5rem;padding:2rem;text-align:center}.cta-container h2{color:#1a5276;margin-top:0}.progress-overview,.recent-activity{background-color:#f9f9f9;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.progress-overview h3,.recent-activity h3{border-bottom:2px solid #eee;color:#34495e;margin-top:0;padding-bottom:.5rem}.progress-bar-container{background-color:#e0e0e0;border-radius:10px;height:20px;margin-top:1rem;width:100%}.progress-bar{background-color:#2ecc71;border-radius:10px;height:100%;transition:width .5s ease-in-out}.dashboard-links{margin-top:1rem;text-align:right}.dashboard-links a{color:#2980b9;font-weight:700;text-decoration:none}.recent-activity-header{align-items:center;border-bottom:2px solid #eee;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.recent-activity-header h3{color:#34495e;margin:0}.view-all-link{color:#2980b9;font-weight:700;text-decoration:none;white-space:nowrap}.view-all-link:hover{text-decoration:underline}.recent-activity ul{list-style:none;padding:0}.recent-activity li{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:.75rem 0}.recent-activity a{color:#2980b9;font-weight:700;text-decoration:none}.recent-activity a:hover{text-decoration:underline}.all-mastered-message{color:#27ae60;font-size:1.1rem;padding:1rem;text-align:center}.status{border-radius:12px;color:#fff;font-size:.8rem;font-weight:700;min-width:80px;padding:.25rem .75rem;text-align:center}.status.weak{background-color:#e74c3c}.status.improving{background-color:#f39c12}.status.mastered{background-color:#2ecc71}.exams-section{background-color:#f9f9f9;border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.exams-section h3{border-bottom:2px solid #eee;color:#34495e;margin-top:0;padding-bottom:.5rem}.exams-list{list-style:none;padding:0}.exams-list li{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:.75rem 0}.exam-info{flex-grow:1}.exam-title{color:#2980b9;font-weight:700}.exam-description{color:#7f8c8d;font-size:.9rem;margin:.25rem 0 0}.exam-duration{color:#34495e;font-weight:700;min-width:100px;text-align:right}.exam-actions{min-width:150px;text-align:right}.rw-part6-container{margin:0 auto;max-width:800px;padding:20px}.rw-part6-main-illustration{border-radius:8px;display:block;margin:20px auto;max-width:500px;width:100%}.rw-part6-diary-box{background-color:#fdfdfa;border:2px solid #333;border-radius:5px;margin-top:20px;padding:20px 20px 20px 40px}.diary-title{font-family:Courier New,Courier,monospace;margin-bottom:25px;text-align:center}.diary-content{display:flex;flex-direction:column;gap:15px}.diary-line{border:none!important;font-size:1.1em;line-height:1.8;min-height:2em;padding-left:80px;position:relative}.line-label{font-weight:700;left:0;position:absolute;text-align:right;top:0;width:70px}.line-text-content{display:inline!important}.gap-input-part6{background-color:initial;border:none;border-bottom:1.5px dotted #555;font-family:inherit;font-size:1em;margin:0 5px;text-align:center;vertical-align:initial;width:150px}.gap-input-part6:focus{border-bottom:1.5px solid #007bff;outline:none}.example-answer-part6{border-bottom:1.5px dotted #0000;color:#007bff;display:inline-block;font-weight:700;margin:0 5px}.rw-part6-submit-button-container{margin-top:30px;text-align:center}
/*# sourceMappingURL=main.0715a697.css.map*/