.h5-drill{padding:0 0 24px}.h5-drill-loading,.h5-drill-error{text-align:center;padding:60px 16px}.h5-drill-loading p{color:#6b7280;margin-top:12px;font-size:14px}.h5-drill-progress{margin-bottom:12px}.h5-drill-progress-text{color:#6b7280;text-align:center;margin-bottom:6px;font-size:12px}.h5-drill-progress-bar{background:#e5e7eb;border-radius:2px;height:4px;overflow:hidden}.h5-drill-progress-fill{background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:2px;height:100%;transition:width .3s}.h5-drill-banner{text-align:center;color:#b45309;background:linear-gradient(135deg,#fef3c7,#fef9c3);border-radius:10px;margin-bottom:16px;padding:8px 12px;font-size:12px;font-weight:500}.h5-drill-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:16px;padding:20px 16px}.h5-drill-card-header{align-items:center;gap:8px;margin-bottom:14px;display:flex}.h5-drill-card-num{color:#6b7280;font-size:12px;font-weight:600}.h5-drill-card-type{color:#1d4ed8;background:#dbeafe;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.h5-drill-card-diff{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.h5-drill-diff--easy{color:#16a34a;background:#dcfce7}.h5-drill-diff--medium{color:#b45309;background:#fef3c7}.h5-drill-diff--hard{color:#dc2626;background:#fef2f2}.h5-drill-card-content{color:#1f2937;white-space:pre-wrap;margin-bottom:12px;font-size:15px;line-height:1.7}.h5-drill-word-hint{color:#9ca3af;background:#f9fafb;border-radius:6px;margin-bottom:12px;padding:6px 10px;font-size:11px}.h5-drill-textarea{color:#374151;resize:vertical;box-sizing:border-box;background:#fafafa;border:2px solid #e5e7eb;border-radius:10px;width:100%;min-height:140px;padding:14px;font-family:inherit;font-size:15px;line-height:1.6;transition:border-color .2s}.h5-drill-textarea:focus{background:#fff;border-color:#2563eb;outline:none}.h5-drill-answer-footer{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.h5-drill-word-count{color:#9ca3af;font-size:12px}.h5-drill-submit{padding:10px 24px!important}.h5-drill-submit:disabled{opacity:.5;cursor:not-allowed}.h5-drill-grading{text-align:center;padding:32px 16px}.h5-drill-grading p{color:#6b7280;margin-top:12px;font-size:14px}.h5-drill-result{padding-top:4px}.h5-drill-result-error{text-align:center;color:#dc2626;background:#fef2f2;border-radius:8px;margin-bottom:12px;padding:20px;font-size:14px}.h5-drill-result-score{justify-content:center;align-items:baseline;gap:4px;margin-bottom:4px;display:flex}.h5-drill-result-score-num{color:#2563eb;font-size:44px;font-weight:800;line-height:1}.h5-drill-result-score-div{color:#93c5fd;font-size:16px}.h5-drill-result-score-max{color:#6b7280;font-size:16px}.h5-drill-result-verdict{text-align:center;margin-bottom:12px;font-size:14px;font-weight:600}.h5-drill-result-comment{color:#4b5563;background:#f9fafb;border-radius:8px;margin-bottom:12px;padding:12px;font-size:13px;line-height:1.6}.h5-drill-dims{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.h5-dim{text-align:center;background:#f9fafb;border-radius:8px;padding:8px 4px}.h5-dim span{color:#9ca3af;margin-bottom:2px;font-size:10px;display:block}.h5-dim strong{color:#374151;font-size:16px}.h5-drill-nav{margin-top:4px}.h5-drill-indicators{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:24px;display:flex}.h5-drill-dot{cursor:pointer;color:#9ca3af;-webkit-tap-highlight-color:transparent;background:#fff;border:2px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.h5-drill-dot--active{color:#2563eb;border-color:#2563eb;transform:scale(1.1)}.h5-drill-dot--grading{color:#f59e0b;background:#fef3c7;border-color:#f59e0b;animation:1.5s infinite h5-pulse}.h5-drill-dot--completed{color:#16a34a;background:#dcfce7;border-color:#16a34a}@keyframes h5-pulse{0%,to{opacity:1}50%{opacity:.5}}.h5-drill-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s share-overlay-in;display:flex;position:fixed;inset:0}.h5-drill-modal{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:360px;padding:32px 24px;animation:.3s h5-modal-in}@keyframes h5-modal-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.h5-drill-modal-icon{margin-bottom:12px;font-size:48px}.h5-drill-modal-title{color:#1f2937;margin:0 0 8px;font-size:20px;font-weight:700}.h5-drill-modal-desc{color:#6b7280;margin:0 0 20px;font-size:14px;line-height:1.6}.h5-drill-modal-desc strong{color:#2563eb}.h5-drill-modal-close{color:#9ca3af;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;margin-top:12px;font-size:13px}