@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";:root{--bg:#fff8e7;--card-bg:#fff;--primary:#4a90d9;--success:#27ae60;--error:#e74c3c;--warning:#e67e22;--purple:#8e44ad;--text:#2c3e50;--text-light:#7f8c8d;--shadow:0 4px 16px #00000014;--radius:16px;--radius-sm:10px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Nunito,sans-serif}.app-container{max-width:880px;min-height:100vh;margin:0 auto;padding:20px}.loading,.error{text-align:center;padding:60px 20px;font-size:1.3rem}.error{color:var(--error)}.home-header{text-align:center;padding:30px 0 20px}.home-header h1{font-size:2.8rem;font-weight:800}.home-subtitle{color:var(--text-light);margin-top:6px;font-size:1.15rem}.category-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;padding:10px 0 40px;display:grid}.category-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);border-top:5px solid var(--primary);padding:20px;transition:transform .15s}.category-card:hover{transform:translateY(-3px)}.category-icon{text-align:center;margin-bottom:6px;font-size:2.5rem}.category-label{text-align:center;margin-bottom:12px;font-size:1.3rem;font-weight:700}.sets-list{flex-direction:column;gap:8px;display:flex}.set-btn{border:2px solid var(--btn-color,var(--primary));border-radius:var(--radius-sm);width:100%;color:var(--btn-color,var(--primary));cursor:pointer;background:0 0;padding:10px 14px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .15s;display:block}.set-btn:hover{background:var(--btn-color,var(--primary));color:#fff}.exercise-container{padding:10px 0}.exercise-header{align-items:center;gap:14px;margin-bottom:12px;display:flex}.exercise-header h2{font-size:1.5rem;font-weight:700}.btn-back{background:var(--card-bg);border:2px solid var(--text-light);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);padding:6px 14px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .15s}.btn-back:hover{background:var(--text-light);color:#fff}.exercise-desc{color:var(--text-light);margin-bottom:14px;font-size:1rem}.hint{color:var(--text-light);margin-bottom:10px;font-size:.95rem;font-style:italic}.progress-bar{background:#e8e8e8;border-radius:10px;height:14px;margin-bottom:20px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--success), #2ecc71);border-radius:10px;height:100%;transition:width .3s}.progress-label{color:var(--text);font-size:.7rem;font-weight:700;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.question-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;padding:28px 24px}.question-text{margin-bottom:20px;font-size:1.4rem;font-weight:700;line-height:1.5}.options-grid{grid-template-columns:1fr 1fr;gap:12px;max-width:500px;margin:0 auto 20px;display:grid}.option-btn{border-radius:var(--radius-sm);cursor:pointer;background:#fafafa;border:2px solid #d5d8dc;padding:14px 10px;font-family:inherit;font-size:1.1rem;font-weight:600;transition:all .15s}.option-btn:hover{border-color:var(--primary);background:#ebf5fb}.option-btn.correct{border-color:var(--success);color:var(--success);background:#e8f8f0}.option-btn.wrong{border-color:var(--error);color:var(--error);background:#fdedec}.option-btn.selected{transform:scale(.97)}.sentence-blank{margin-bottom:20px;font-size:1.3rem;font-weight:600;line-height:2}.blank-slot{border-bottom:3px solid var(--primary);min-width:140px;color:var(--success);padding:2px 10px;font-weight:700;display:inline-block}.options-chips{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:20px;display:flex}.chip{cursor:pointer;background:#fafafa;border:2px solid #d5d8dc;border-radius:30px;padding:10px 20px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .15s}.chip:hover,.chip.selected{border-color:var(--primary);background:#ebf5fb}.chip.correct{border-color:var(--success);background:#e8f8f0}.chip.wrong{border-color:var(--error);background:#fdedec}.match-columns{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.match-column{flex-direction:column;flex:1;gap:8px;min-width:180px;display:flex}.match-item{border-radius:var(--radius-sm);cursor:pointer;text-align:center;background:#fafafa;border:2px solid #d5d8dc;padding:12px 16px;font-family:inherit;font-size:1rem;font-weight:600;transition:all .15s}.match-item:hover:not(:disabled){border-color:var(--primary);background:#ebf5fb}.match-item.selected{border-color:var(--primary);background:#d6eaf8}.match-item.matched{border-color:var(--success);opacity:.7;background:#e8f8f0}.match-item.shake{border-color:var(--error);animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.word-pool{background:var(--card-bg);border-radius:var(--radius);min-height:50px;box-shadow:var(--shadow);flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px;padding:12px;display:flex}.selected-word-badge{background:var(--primary);color:#fff;border-radius:30px;padding:12px 28px;font-size:1.15rem;font-weight:700}.wc-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.wc-card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;min-height:80px;padding:16px;transition:all .15s}.wc-card:hover{transform:translateY(-2px)}.wc-card h3{text-align:center;margin-bottom:8px;font-size:1rem;font-weight:700}.wc-card.shake{border-color:var(--error);border:2px solid;animation:.4s shake}.wc-words{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.placed-word{color:var(--success);background:#e8f8f0;border-radius:20px;padding:4px 12px;font-size:.9rem;font-weight:600}.word-bank{margin-bottom:16px}.words-remaining{flex-wrap:wrap;justify-content:center;gap:8px;min-height:44px;display:flex}.word-chip{padding:8px 16px;font-size:1.1rem}.word-chip.selected{border-color:var(--purple);background:#f4ecf7}.sentence-builder{border-radius:var(--radius-sm);background:#f9f9f9;border:2px dashed #d5d8dc;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;min-height:50px;margin-bottom:16px;padding:14px;display:flex}.placeholder-text{color:var(--text-light);font-style:italic}.answer-reveal{color:var(--success);padding:10px;font-size:1.2rem;font-weight:700}.answer-reveal-text{margin-bottom:14px;font-size:1.1rem;font-weight:600}.exercise-result{text-align:center;padding:50px 20px}.exercise-result h2{margin-bottom:12px;font-size:2.5rem}.exercise-result p{margin-bottom:24px;font-size:1.3rem}.match-half{min-width:160px;font-size:.95rem}.cloze-text{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:24px;font-size:1.15rem;line-height:2.4}.cloze-gap{border-bottom:3px solid var(--primary);min-width:80px;color:var(--primary);cursor:default;text-align:center;margin:0 3px;padding:2px 10px;font-weight:700;display:inline-block}.cloze-gap.filled{border-bottom-color:var(--success);color:var(--success);cursor:pointer}.cloze-gap.shake{border-bottom-color:var(--error);animation:.4s shake}.ws-layout{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.ws-grid{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-user-select:none;user-select:none;flex-direction:column;gap:2px;padding:8px;display:inline-flex}.ws-row{gap:2px;display:flex}.ws-cell{cursor:pointer;background:#f0f4f8;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;transition:all .1s;display:flex}.ws-cell:hover{background:#d6eaf8}.ws-cell.selected{color:#fff;background:#85c1e9}.ws-cell.found{color:var(--success);background:#a9dfbf}.ws-word-list{background:var(--card-bg);border-radius:var(--radius);min-width:180px;box-shadow:var(--shadow);padding:16px}.ws-word-list h3{margin-bottom:10px;font-size:1rem}.ws-word{padding:4px 0;font-size:1rem;font-weight:600}.ws-word.found{color:var(--success);text-decoration:line-through}.test-intro{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;padding:28px 24px}.test-desc{color:var(--text-light);margin-bottom:20px;font-size:1.05rem}.test-ex-list{text-align:left;flex-direction:column;gap:6px;max-width:360px;margin:0 auto 24px;display:flex}.test-ex-item{background:#f8f9fa;border-radius:6px;padding:6px 12px;font-size:1rem}.test-bar{background:var(--primary);color:#fff;border-radius:var(--radius-sm);justify-content:space-between;margin-bottom:8px;padding:8px 14px;font-size:.9rem;font-weight:700;display:flex}.test-progress-track{justify-content:center;gap:4px;margin-bottom:12px;display:flex}.test-dot{width:28px;height:28px;color:var(--text-light);background:#e8e8e8;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.test-dot.done{background:var(--success);color:#fff}.test-dot.current{background:var(--primary);color:#fff}.test-result{padding:30px 20px}.test-result h2{font-size:2.2rem}.test-result-score{margin:16px 0}.test-pct-circle{background:linear-gradient(135deg, var(--primary), #5dade2);border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin-bottom:8px;display:inline-flex}.test-pct-value{color:#fff;font-size:1.8rem;font-weight:800}.test-pct-label{color:var(--text-light)!important;font-size:1rem!important}.test-result-bar{background:#e8e8e8;border-radius:8px;max-width:400px;height:12px;margin:0 auto 24px;overflow:hidden}.test-result-fill{background:linear-gradient(90deg, var(--success), #2ecc71);border-radius:8px;height:100%;transition:width .5s}.test-breakdown{max-width:400px;margin:0 auto 24px}.test-breakdown h3{text-align:center;margin-bottom:10px;font-size:1rem}.test-breakdown-item{border-bottom:1px solid #eee;justify-content:space-between;padding:6px 10px;font-size:.95rem;display:flex}.test-breakdown-label{font-weight:600}.test-breakdown-score{color:var(--text-light)}.test-result-actions{justify-content:center;gap:12px;display:flex}.section-title{margin:20px 0 12px;padding:0 4px;font-size:1.15rem;font-weight:700}.tests-row{flex-wrap:wrap;gap:12px;margin-bottom:10px;display:flex}.test-card{background:var(--card-bg);border:2px solid var(--primary);border-radius:var(--radius);cursor:pointer;text-align:center;flex:1;min-width:160px;padding:16px;font-family:inherit;transition:all .15s}.test-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.test-card-title{color:var(--primary);font-size:1.1rem;font-weight:700;display:block}.test-card-desc{color:var(--text-light);margin-top:4px;font-size:.8rem;display:block}.btn{background:linear-gradient(135deg, var(--primary), #5dade2);color:#fff;cursor:pointer;border:none;border-radius:30px;padding:12px 32px;font-family:inherit;font-size:1.1rem;font-weight:700;transition:all .15s;box-shadow:0 4px 12px #4a90d94d}.btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #4a90d966}.btn:active{transform:translateY(0)}@media (width<=600px){.app-container{padding:12px}.home-header h1{font-size:2rem}.category-grid,.options-grid{grid-template-columns:1fr}.match-columns{flex-direction:column;align-items:stretch}.match-column{min-width:unset}.question-text{font-size:1.15rem}}