.questionnaire-container{isolation:isolate}.progress-step{position:relative}.progress-step:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:4px;background-color:#e5e7eb;transition:background-color .3s ease}.progress-step.active:after{background-color:#3b82f6}.btn-primary{background-color:#15803d!important;border-color:#15803d!important}.btn-primary:hover{background-color:#166534!important;border-color:#166534!important}input[type=checkbox],input[type=radio],label{cursor:pointer}label{-webkit-user-select:none;-moz-user-select:none;user-select:none}.activity-button{transition:all .2s ease;cursor:pointer}.activity-button:hover{transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,.1)}.activity-button.selected{background-color:#1f2937!important;color:white!important;border-color:#1f2937!important}input:focus,select:focus,textarea:focus{outline:none!important}.no-select{-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.container{padding-left:1rem!important;padding-right:1rem!important}.bg-\[#E8F4EA\]{padding-top:1rem!important;padding-bottom:1rem!important}input,select,textarea{font-size:16px!important;min-height:56px!important;padding:16px!important;border-radius:12px!important;color:#0f2a18!important;background-color:#ffffff!important;border:1px solid #d1d5db!important;line-height:1.4!important;transition:all .2s ease!important}textarea{resize:none;line-height:1.5!important;min-height:96px!important;padding:16px!important}input::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{font-size:16px!important;color:#9ca3af!important;opacity:.8!important;font-weight:400!important}input::placeholder,select::placeholder,textarea::placeholder{font-size:16px!important;color:#9ca3af!important;opacity:.8!important;font-weight:400!important}h1{font-size:30px!important;font-weight:700!important;line-height:1.2!important;color:#0f2a18!important;margin-bottom:8px!important}.subtitle,h2{font-size:16px!important;font-weight:400!important;line-height:1.4!important;color:#6b7280!important;margin-bottom:24px!important}h3,h4{font-size:20px!important;margin-bottom:16px!important}h3,h4,label{font-weight:600!important;line-height:1.3!important;color:#0f2a18!important}label{font-size:16px!important;margin-bottom:8px!important;display:block}.help-text,.text-sm,.text-xs{font-size:14px!important;color:#6b7280!important;line-height:1.4!important;margin-bottom:12px!important}.text-xs{font-size:12px!important}button{padding:16px 20px!important;line-height:1.2!important}.btn-primary,button,button[type=submit]{min-height:56px!important;font-weight:600!important;font-size:16px!important;border-radius:12px!important}.continue-button{min-height:52px!important;height:52px!important;padding:14px 20px!important}.questionnaire-container label+.text-sm,.questionnaire-container label+.text-xs,.questionnaire-container label+div>.text-sm,.questionnaire-container label+div>.text-xs,.questionnaire-container label+div>p,.questionnaire-container label+p{margin-top:2px!important;margin-bottom:12px!important}.questionnaire-container .text-gray-500,.questionnaire-container .text-gray-600{margin-top:2px!important;margin-bottom:12px!important;line-height:1.4!important}.questionnaire-container h3+div,.questionnaire-container label+div,.questionnaire-container p+div{margin-top:16px!important}.questionnaire-container .space-y-2>*+*,.questionnaire-container .space-y-3>*+*{margin-top:8px!important}.questionnaire-container .space-y-4>*+*,.questionnaire-container .space-y-5>*+*{margin-top:24px!important}.grid{gap:.75rem!important}input[type=checkbox],input[type=radio]{width:20px!important;height:20px!important;min-height:auto!important;margin-right:12px!important;border-radius:6px!important;border:2px solid #d1d5db!important;transition:all .2s ease!important}.questionnaire-container label.flex.items-center:has(input[type=checkbox]),.questionnaire-container label.flex.items-center:has(input[type=radio]),.questionnaire-container label.flex.items-start:has(input[type=checkbox]),.questionnaire-container label.flex.items-start:has(input[type=radio]){min-height:56px!important;padding:16px!important;border:1px solid #d1d5db!important;border-radius:12px!important;background-color:#ffffff!important;margin-bottom:12px!important;cursor:pointer!important;transition:all .2s ease!important;font-weight:500!important}.questionnaire-container label.flex.items-center:has(input[type=checkbox]):hover,.questionnaire-container label.flex.items-center:has(input[type=radio]):hover,.questionnaire-container label.flex.items-start:has(input[type=checkbox]):hover,.questionnaire-container label.flex.items-start:has(input[type=radio]):hover{border-color:#3b82f6!important;background-color:#f8fafc!important}.questionnaire-container label.flex.items-center:has(input:checked),.questionnaire-container label.flex.items-start:has(input:checked){border-color:#0f2a18!important;background-color:#e8f4ea!important}.questionnaire-container label.flex.items-center:has(input[type=checkbox]) span,.questionnaire-container label.flex.items-center:has(input[type=radio]) span,.questionnaire-container label.flex.items-start:has(input[type=checkbox]) span,.questionnaire-container label.flex.items-start:has(input[type=radio]) span{font-size:16px!important;font-weight:500!important;line-height:1.4!important;color:#0f2a18!important}.questionnaire-container label:not(.flex),.questionnaire-container label:not(:has(input)){border:none!important;background-color:transparent!important;padding:0!important}.questionnaire-container label.flex.items-center .emoji,.questionnaire-container label.flex.items-start .emoji{font-size:20px!important;margin-right:8px!important}.questionnaire-container input[type=checkbox]{width:20px!important;height:20px!important;margin-right:12px!important;flex-shrink:0!important;border-radius:6px!important}.error-message{font-size:12px!important;color:#dc2626;margin-top:4px}.btn-primary,button[type=submit]{font-weight:600}.btn-primary,.questionnaire-container button[class*="0F2A18"],button[type=submit]{background-color:#0f2a18!important;color:white!important;border:none!important}.questionnaire-container .progress-indicator{font-size:13px!important;color:#6b7280}.questionnaire-container .help-text,.questionnaire-container .text-gray-600{font-size:12px!important;color:#6b7280!important;line-height:1.4}.questionnaire-container .aid-type-button{min-height:88px!important;padding:16px 12px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:6px!important;border-radius:12px!important;border:1px solid #d1d5db!important;transition:all .2s ease!important}.questionnaire-container .aid-type-button .emoji{font-size:24px!important;line-height:1!important;margin-bottom:4px!important}.questionnaire-container .aid-type-button .title{font-size:14px!important;font-weight:600!important;line-height:1.3!important;color:inherit!important}.questionnaire-container .aid-type-button .subtitle{font-size:12px!important;line-height:1.2!important;color:inherit!important;opacity:.75!important}.questionnaire-container button[class*=h-16]{min-height:88px!important;justify-content:space-between!important;align-items:center!important;padding:16px 8px 12px!important;display:flex!important;flex-direction:column!important}.questionnaire-container button[class*=h-16] span:first-child{margin-bottom:6px!important;line-height:1!important;flex-shrink:0!important}.questionnaire-container button[class*=h-16] span:last-child{text-align:center!important;line-height:1.2!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;flex:1!important;margin-top:auto!important}.questionnaire-container button[class*="0F2A18"],.questionnaire-container button[class*="0F2A18"] *,.questionnaire-container button[class*="0F2A18"] div,.questionnaire-container button[class*="0F2A18"] span,.questionnaire-container button[class*="bg-[#0F2A18]"],.questionnaire-container button[class*="bg-[#0F2A18]"] *,.questionnaire-container button[class*="bg-[#0F2A18]"] div,.questionnaire-container button[class*="bg-[#0F2A18]"] span,.questionnaire-container button[class*=h-16].bg-\[#0F2A18\],.questionnaire-container button[class*=h-16].bg-\[#0F2A18\] span,.questionnaire-container button[class*=h-16].text-white span,.questionnaire-container button[class*=h-16][class*="0F2A18"],.questionnaire-container button[class*=h-16][class*="0F2A18"] span,.questionnaire-container button[class*=h-16][class*="bg-[#0F2A18]"],.questionnaire-container button[class*=h-16][class*="bg-[#0F2A18]"] span,.questionnaire-container button[class*=h-16][class*=text-white] span,.questionnaire-container button[class*=h-24][class*="bg-[#0F2A18]"] *,.questionnaire-container button[class*=h-24][class*=text-white] *,.questionnaire-container button[class*=h-28][class*="bg-[#0F2A18]"] *,.questionnaire-container button[class*=h-28][class*=text-white] *{color:white!important}}@media (min-width:641px){h1{font-size:36px!important}.subtitle,h2{font-size:18px!important}h3,h4{font-size:22px!important}button,input,select,textarea{font-size:16px!important;min-height:56px!important}.option-button{min-height:80px!important;padding:16px 12px!important}.grid{gap:1.5rem!important}.questionnaire-container .aid-type-button{min-height:96px!important;padding:20px 16px!important}.questionnaire-container .aid-type-button .emoji{font-size:28px!important}.questionnaire-container .aid-type-button .title{font-size:15px!important}.questionnaire-container .aid-type-button .subtitle{font-size:13px!important}}input:focus,select:focus,textarea:focus{border-color:#d1d5db!important;box-shadow:none!important}input[type=checkbox]:checked,input[type=radio]:checked{background-color:#0f2a18!important;border-color:#0f2a18!important}button,input,select,textarea{border-radius:8px!important}input[type=checkbox]{border-radius:6px!important}.btn,[role=button],button{border-radius:8px!important}@media (hover:hover){button:hover{opacity:.9;transform:translateY(-1px)}.hover\:bg-gray-50:hover{background-color:#f9fafb!important}}.progress-bar{background-color:#e5e7eb;height:8px;border-radius:4px}.loading{position:relative;color:transparent!important}.loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid #f3f3f3;border-top-color:#0f2a18;border-radius:50%;animation:spinner 1s linear infinite}@keyframes spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}html{-webkit-text-size-adjust:100%}input,select,textarea{font-size:16px!important}@media (max-width:640px){button,input,select,textarea{font-size:16px!important}}.touch-target{min-height:44px;min-width:44px}.error{border-color:#dc2626!important}.error-message{color:#dc2626;font-size:12px;margin-top:4px}.success{border-color:#16a34a!important}.questionnaire-container input[type=email],.questionnaire-container input[type=number],.questionnaire-container input[type=password],.questionnaire-container input[type=search],.questionnaire-container input[type=tel],.questionnaire-container input[type=text],.questionnaire-container input[type=url],.questionnaire-container select,.questionnaire-container textarea,[data-slot=input],[data-slot=textarea]{font-size:16px!important}.questionnaire-container button,.questionnaire-container input,.questionnaire-container select,.questionnaire-container textarea{font-size:16px!important;-webkit-appearance:none;-webkit-border-radius:0}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:640px){.questionnaire-container .text-base.font-semibold,.questionnaire-container h1,.questionnaire-container h2,.questionnaire-container h3,.questionnaire-container label{font-size:1.125rem!important;line-height:1.5!important}.questionnaire-container .text-sm.text-gray-500,.questionnaire-container .text-sm.text-gray-600,.questionnaire-container p.text-sm{font-size:.875rem!important;line-height:1.4!important}.questionnaire-container button .text-sm,.questionnaire-container button .text-xs,.questionnaire-container button span:not(.text-lg):not(.text-xl){font-size:.875rem!important;font-weight:500!important}.questionnaire-container button .text-lg,.questionnaire-container button .text-xl{font-size:1.5rem!important}.questionnaire-container button{min-height:4rem!important;padding:.75rem 1rem!important}.questionnaire-container input,.questionnaire-container select,.questionnaire-container textarea{font-size:1rem!important;min-height:3rem!important}.questionnaire-container .continue-button{font-size:1rem!important;min-height:3.5rem!important;font-weight:600!important}.questionnaire-container .space-y-6>*{margin-bottom:1.5rem!important}.questionnaire-container h1.text-2xl,.questionnaire-container h1.text-3xl{font-size:1.5rem!important;line-height:1.3!important}.questionnaire-container .grid{gap:.75rem!important}.questionnaire-container button .text-xs.leading-tight{font-size:.875rem!important;margin-top:.25rem!important}}.questionnaire-container button:focus-visible{outline:2px solid #0F2A18!important;outline-offset:2px!important}.questionnaire-container input:focus,.questionnaire-container input:focus-visible,.questionnaire-container textarea:focus,.questionnaire-container textarea:focus-visible{outline:none!important;box-shadow:none!important;border-color:#d1d5db!important}.questionnaire-container button.bg-\[\#0F2A18\]{background-color:#0F2A18!important;color:white!important}.questionnaire-container button.bg-\[\#0F2A18\]:hover{background-color:#1a3d26!important;color:white!important}.questionnaire-container button.bg-gray-100{background-color:#f3f4f6!important;color:#374151!important}.questionnaire-container button.bg-gray-100:hover{background-color:#e5e7eb!important;color:#374151!important}.questionnaire-container button.bg-\[\#0F2A18\] div,.questionnaire-container button.bg-\[\#0F2A18\] span{color:white!important}.questionnaire-container button[class*="bg-\[\#0F2A18\]"]{background-color:#0F2A18!important;color:white!important}.questionnaire-container .bg-\[\#0F2A18\]{background-color:#0F2A18!important}button[class*="bg-\[\#0F2A18\]"]:not([disabled]){background-color:#0F2A18!important;color:white!important}button[class*="bg-\[\#0F2A18\]"]:not([disabled]):hover{background-color:#1a3d26!important}button[class*="bg-\[\#0F2A18\]"]:not([disabled]) *{color:inherit!important}