*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.container{max-width:720px;margin:0 auto;padding:1rem}h1{color:#1a237e;margin-bottom:1rem;font-size:1.5rem}h2{color:#283593;margin-bottom:.75rem;font-size:1.25rem}.card{background:#fff;border-radius:12px;margin-bottom:1rem;padding:1.25rem;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px #00000014}.card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000001f}.card-link{color:inherit;text-decoration:none;display:block}.card-title{color:#1a237e;margin-bottom:.25rem;font-size:1.1rem;font-weight:600}.card-desc{color:#666;font-size:.9rem}.card-badge{color:#3949ab;background:#e8eaf6;border-radius:4px;margin-top:.5rem;padding:.2rem .5rem;font-size:.75rem;display:inline-block}.card-disabled{opacity:.5;pointer-events:none}.btn{cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:.95rem;font-weight:500;transition:background .2s,transform .1s;display:inline-block}.btn:active{transform:scale(.97)}.btn-primary{color:#fff;background:#3949ab}.btn-primary:hover{background:#283593}.btn-success{color:#fff;background:#43a047}.btn-success:hover{background:#388e3c}.btn-danger{color:#fff;background:#e53935}.btn-danger:hover{background:#c62828}.btn-outline{color:#3949ab;background:0 0;border:2px solid #3949ab}.btn-outline:hover{background:#e8eaf6}.btn-group{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.progress-bar{background:#e0e0e0;border-radius:4px;width:100%;height:8px;margin-bottom:1rem;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#3949ab,#5c6bc0);border-radius:4px;height:100%;transition:width .3s}.progress-text{color:#666;margin-bottom:.5rem;font-size:.85rem}.drill-card{background:#fff;border-radius:12px;min-height:200px;padding:1.5rem;box-shadow:0 2px 12px #0000001a}.drill-question{margin-bottom:1rem;font-size:1.15rem;font-weight:500;line-height:1.7}.drill-answer{background:#e8f5e9;border-left:4px solid #43a047;border-radius:0 8px 8px 0;margin:1rem 0;padding:1rem;font-size:1rem;font-weight:500}.drill-hint{background:#fff3e0;border-left:4px solid #fb8c00;border-radius:0 8px 8px 0;margin:.75rem 0;padding:.75rem;font-size:.9rem}.choices-container{flex-direction:column;gap:.5rem;margin:1rem 0;display:flex}.choice-btn{text-align:left;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:border-color .2s,background .2s;display:block}.choice-btn:hover:not(:disabled){background:#e8eaf6;border-color:#3949ab}.choice-btn:disabled{cursor:default}.choice-selected{background:#e8eaf6;border-color:#3949ab;font-weight:600}.choice-correct{background:#e8f5e9;border-color:#43a047;font-weight:600}.choice-incorrect{background:#ffebee;border-color:#e53935}.choice-disabled{opacity:.6}.drill-result-correct{color:#43a047;margin:.75rem 0;font-size:1.1rem;font-weight:600}.drill-result-incorrect{color:#e53935;margin:.75rem 0;font-size:1.1rem;font-weight:600}.drill-explanation{white-space:pre-wrap;word-wrap:break-word;background:#f3e5f5;border-left:4px solid #8e24aa;border-radius:0 8px 8px 0;margin:.75rem 0;padding:.75rem;font-size:.85rem;line-height:1.7}.drill-topic{color:#1565c0;background:#e3f2fd;border-radius:4px;margin-bottom:.75rem;padding:.2rem .6rem;font-size:.75rem;display:inline-block}.drill-question{white-space:pre-wrap}.score-container{text-align:center;padding:2rem 1rem}.score-value{color:#3949ab;font-size:3rem;font-weight:700}.score-label{color:#666;margin-bottom:1.5rem;font-size:1rem}.nav-back{color:#3949ab;align-items:center;gap:.3rem;margin-bottom:1rem;font-size:.9rem;text-decoration:none;display:inline-flex}.nav-back:hover{text-decoration:underline}@media (width<=480px){.container{padding:.75rem}.drill-card{padding:1rem}.btn{padding:.5rem 1rem;font-size:.9rem}.btn-group{flex-direction:column}.btn-group .btn{text-align:center;width:100%}}