:root{--primary:#2563eb;--primary-hover:#1d4ed8;--bg-main:#f8fafc;--card-bg:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--success:#16a34a;--error:#dc2626;--border:#e2e8f0;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.container{flex-direction:column;width:100%;max-width:480px;margin:0 auto;padding:40px 0;display:flex}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;margin-bottom:24px;padding:32px;box-shadow:0 4px 6px -1px #0000000d}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:16px;font-size:1rem;font-weight:600;transition:background .2s,transform .1s}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{transform:scale(.98)}.btn-outline{color:var(--text-primary);border:1px solid var(--border);text-align:left;cursor:pointer;background:0 0;border-radius:12px;width:100%;padding:16px;transition:all .2s}.btn-outline:hover{border-color:var(--primary);background:#f1f5f9}.question-text{white-space:pre-wrap;text-align:left;margin-bottom:32px;font-size:1.125rem;font-weight:500;line-height:1.6}.option-list{flex-direction:column;gap:12px;display:flex}.text-cyan-600{color:#0891b2}.text-blue-600{color:#2563eb}.text-red-600{color:#dc2626}.text-green-600{color:#16a34a}.text-yellow-700{color:#a16207}.text-yellow-800{color:#854d0e}.bg-red-50{background-color:#fef2f2}.bg-green-50{background-color:#f0fdf4}.bg-yellow-50{background-color:#fefce8}.border-red-100{border-color:#fee2e2}.border-green-100{border-color:#dcfce7}.border-yellow-100{border-color:#fef9c3}.grid{display:grid}.gap-4{gap:1rem}.gap-3{gap:.75rem}.gap-2{gap:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-0{padding:0}.w-4{width:1rem}.h-4{height:1rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.shadow-inner{box-shadow:inset 0 2px 4px #0000000d}.shadow-slate-100{box-shadow:0 4px 6px -1px #0000001a}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.max-h-\[200px\]{max-height:200px}.bg-slate-50\/50{background-color:#f8fafc80}.border-slate-200{border-color:#e2e8f0}