:root{--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--accent:#06b6d4;--accent-light:#22d3ee;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-card:#fff;--border:#e2e8f0;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#94a3b8}page{background-color:var(--bg-secondary);color:var(--text-primary);line-height:1.5}.flex{display:-webkit-flex;display:-ms-flexbox;display:flex}.flex-col{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.flex-1{-webkit-flex:1;-ms-flex:1;flex:1}.items-center{-webkit-align-items:center;-ms-flex-align:center;align-items:center}.justify-between{-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.justify-center{-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.gap-1{gap:.2rem}.gap-2{gap:.4rem}.gap-3{gap:.6rem}.gap-4{gap:.8rem}.gap-5{gap:1rem}.min-h-screen{min-height:100vh}.w-full{width:100%}.h-full{height:100%}.px-5{padding-left:1rem;padding-right:1rem}.py-3{padding-bottom:.6rem;padding-top:.6rem}.py-4{padding-bottom:.8rem;padding-top:.8rem}.p-4{padding:.8rem}.p-5{padding:1rem}.pt-12{padding-top:2.4rem}.pb-6{padding-bottom:1.2rem}.pb-8{padding-bottom:1.6rem}.mb-3{margin-bottom:.6rem}.mb-4{margin-bottom:.8rem}.mb-5{margin-bottom:1rem}.mt-4{margin-top:.8rem}.mt-5{margin-top:1rem}.mt-auto{margin-top:auto}.rounded-lg{border-radius:.6rem}.rounded-xl{border-radius:.8rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.8rem}.rounded-full{border-radius:499.95rem}.text-xs{font-size:.6rem}.text-sm{font-size:.7rem}.text-base{font-size:.8rem}.text-lg{font-size:.9rem}.text-xl{font-size:1rem}.text-2xl{font-size:1.2rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.text-white{color:#fff}.text-gray-400{color:var(--text-muted)}.text-gray-500{color:var(--text-secondary)}.text-gray-900{color:var(--text-primary)}.text-primary{color:var(--primary)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f8fafc}.bg-gray-100{background-color:#f1f5f9}.bg-gray-200{background-color:#e2e8f0}.bg-primary{background-color:var(--primary)}.bg-accent{background-color:var(--accent)}.border{border-style:solid;border-width:.05rem}.border-gray-200{border-color:var(--border)}.border-primary{border-color:var(--primary)}.border-success{border-color:var(--success)}.border-error{border-color:var(--error)}.bg-gradient-primary{background:-webkit-linear-gradient(315deg,var(--primary) 0,var(--accent) 100%);background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%)}.bg-gradient-card{background:-webkit-linear-gradient(315deg,var(--primary) 0,var(--primary-dark) 100%);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%)}.bg-gradient-btn{background:-webkit-linear-gradient(top,var(--primary) 0,var(--primary-dark) 100%);background:linear-gradient(180deg,var(--primary) 0,var(--primary-dark) 100%)}.bg-success-light{background-color:rgba(16,185,129,.1)}.bg-error-light{background-color:rgba(239,68,68,.1)}.bg-warning-light{background-color:rgba(245,158,11,.2)}.bg-primary-light{background-color:rgba(99,102,241,.1)}.card{background-color:var(--bg-card);border:.05rem solid var(--border);border-radius:1rem;padding:1rem}.btn-primary{-webkit-align-items:center;background:-webkit-linear-gradient(top,var(--primary) 0,var(--primary-dark) 100%);background:linear-gradient(180deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:.6rem;color:#fff;display:-webkit-flex;display:-ms-flexbox;display:flex;font-weight:600;padding:.6rem 1.2rem;text-align:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;gap:.4rem;justify-content:center}.btn-disabled{background-color:#f1f5f9;border-radius:.6rem;color:var(--text-muted);padding:.6rem 1.2rem;text-align:center}.icon-btn{-webkit-align-items:center;background-color:#f8fafc;border:.05rem solid var(--border);border-radius:.6rem;display:-webkit-flex;display:-ms-flexbox;display:flex;height:2rem;width:2rem;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.nav-item{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;height:100%;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;border-radius:1.3rem;gap:.2rem;justify-content:center;padding:.4rem 0}.nav-item.active{background:-webkit-linear-gradient(315deg,var(--primary) 0,var(--accent) 100%);background:linear-gradient(135deg,var(--primary) 0,var(--accent) 100%)}.nav-item.active taro-text-core{color:#fff}.option{-webkit-align-items:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;background-color:#f8fafc;border:.05rem solid var(--border);border-radius:.6rem;gap:.6rem;padding:.8rem;-webkit-transition:all .2s;transition:all .2s}.option.selected{background-color:rgba(99,102,241,.1);border-color:var(--primary)}.option.correct{background-color:rgba(16,185,129,.1);border-color:var(--success)}.option.wrong{background-color:rgba(239,68,68,.1);border-color:var(--error)}.option-label{-webkit-align-items:center;background-color:var(--border);border-radius:.4rem;display:-webkit-flex;display:-ms-flexbox;display:flex;height:1.8rem;width:1.8rem;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;color:var(--text-primary);font-size:.7rem;font-weight:500;justify-content:center}.option.selected .option-label{background-color:var(--primary);color:#fff}.progress-bar{background-color:hsla(0,0%,100%,.2);border-radius:.15rem;height:.3rem;overflow:hidden}.progress-bar-fill{background-color:#fff;border-radius:.15rem;height:100%}.grid-2{display:grid;gap:.6rem;grid-template-columns:repeat(2,1fr)}.grid-3{display:grid;gap:.6rem;grid-template-columns:repeat(3,1fr)}.text-white-70{color:hsla(0,0%,100%,.7)}.text-white-90{color:hsla(0,0%,100%,.9)}.bg-white-20{background-color:hsla(0,0%,100%,.2)}page{background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:.7rem}.container{padding:.8rem}