:root{--blue:#1d4ed8;--blue-700:#1e40af;--gray-50:#f9fafb;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--green-100:#dcfce7;--green-300:#86efac;--green-800:#166534;--amber-100:#fef3c7;--amber-300:#fcd34d;--amber-800:#92400e;--blue-100:#dbeafe;--blue-300:#bfdbfe;--blue-900:#1e3a8a}body{background:var(--gray-50);color:#111827;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;margin:0}.wrap{margin:0 auto;max-width:864px;padding:32px 16px}.progress{background:var(--gray-200);border-radius:999px;height:8px;overflow:hidden}.progress>div{background:var(--blue);height:8px;transition:width .3s}.row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-top:16px}h1{font-size:28px;margin:16px 0 4px}.muted{color:#6b7280}.card{background:#fff;border:1px solid var(--gray-200);border-radius:16px;box-shadow:0 1px 2px rgba(0,0,0,.04);margin-top:16px;padding:20px}.title{font-size:20px;font-weight:600;margin:0 0 4px}.desc{color:#6b7280;margin:0 0 16px}.grid{display:grid;gap:12px}.check,.choice{align-items:center;border:1px solid var(--gray-300);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:12px}.check:hover,.choice:hover{border-color:#9ca3af}.check.active,.choice.active{background:#eff6ff;border-color:var(--blue)}.radio{align-items:center;border:1px solid #9ca3af;border-radius:999px;display:flex;height:20px;justify-content:center;width:20px}.radio .dot{background:transparent;border-radius:999px;height:10px;width:10px}.choice.active .radio{border-color:var(--blue)}.choice.active .radio .dot{background:var(--blue)}.box{align-items:center;border:1px solid #9ca3af;border-radius:6px;display:flex;height:20px;justify-content:center;width:20px}.check.active .box{border-color:var(--blue)}.check svg{height:14px;opacity:0;width:14px}.check.active svg{opacity:1}.input{border:1px solid var(--gray-300);border-radius:12px;margin-top:6px;outline:none;padding:10px 12px;width:100%}.input:focus{box-shadow:0 0 0 3px rgba(29,78,216,.2)}.actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:20px}.btn{background:#fff;border:1px solid var(--gray-300);border-radius:12px;cursor:pointer;padding:10px 16px}.btn:hover{background:#f3f4f6}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{background:var(--blue-700)}.badge{align-items:center;border:1px solid var(--gray-300);border-radius:999px;display:inline-flex;font-size:14px;gap:8px;margin-bottom:12px;padding:6px 10px}.strong{background:var(--green-100);border-color:var(--green-300);color:var(--green-800)}.good{background:var(--amber-100);border-color:var(--amber-300);color:var(--amber-800)}.explore{background:var(--blue-100);border-color:var(--blue-300);color:var(--blue-900)}.list-clean{list-style:none;margin:0;padding:0}.list-clean li{display:flex;gap:8px;margin:6px 0}.list-disc{list-style:disc;margin:8px 0;padding-left:20px}footer{color:#6b7280;font-size:12px;margin-top:32px;text-align:center}