body,html{background-color:#f8fafc!important;margin:0!important;padding:0!important;width:100%!important}.aesthetic-layout{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;max-height:100vh;max-height:100dvh;overflow:hidden;background-color:#f8fafc;padding:0;margin:0!important;width:100%}.aesthetic-main{flex:1;display:flex;flex-direction:column;background-color:#fff;border-radius:20px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);padding:1.5rem 1.25rem;margin:.75rem .75rem 0!important;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;position:relative;overflow-y:auto;max-height:calc(100vh - 100px);min-height:fit-content}.aesthetic-main::-webkit-scrollbar{width:4px}.aesthetic-main::-webkit-scrollbar-track{background:transparent}.aesthetic-main::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:2px}.aesthetic-main::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3)}.aesthetic-main.quiz-container{margin:.75rem .75rem 0!important;width:auto!important;max-width:none!important}.aesthetic-footer{position:fixed!important;bottom:0;left:0;right:0;height:auto;min-height:70px;z-index:1000;flex-shrink:0;padding-bottom:max(.5rem,env(safe-area-inset-bottom,0px));background-color:#fff;border-top:1px solid #e5e7eb}.aesthetic-header{display:none}.aesthetic-title{font-size:1.5rem;line-height:1.3;margin-bottom:.5rem;font-weight:700;color:#11835a;text-align:center}.aesthetic-subtitle{font-size:.9rem;line-height:1.4;margin-bottom:2rem;font-weight:400;color:#6b7280;text-align:center}.aesthetic-form-field{margin-bottom:1.25rem}.aesthetic-form-input{width:100%;padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:12px;font-size:1rem;transition:all .2s ease;background-color:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,.1)}.aesthetic-form-input:focus{outline:none;border-color:var(--primary-color,#11835a);box-shadow:0 0 0 3px rgba(17,131,90,.1);transform:translateY(-1px)}.aesthetic-form-submit{width:100%;padding:1rem 1.5rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.aesthetic-form-submit:hover{transform:translateY(-2px);box-shadow:0 6px 8px -1px rgba(0,0,0,.15)}.aesthetic-form-submit:active{transform:translateY(0)}.aesthetic-option{border-radius:12px!important;background-color:var(--primary-color,#11835a)!important;color:#fff!important;border:none!important;padding:1rem 1.25rem!important;margin-bottom:.75rem!important;display:flex!important;align-items:center!important;gap:.75rem!important;font-weight:500!important;font-size:1rem!important;box-shadow:0 2px 4px -1px rgba(0,0,0,.1)!important;transition:all .2s ease!important;position:relative!important}.aesthetic-option:hover{transform:translateY(-1px)!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.15)!important;background-color:var(--hover-color,#0f6b47)!important}.aesthetic-option:active{transform:translateY(0)!important}.aesthetic-option:before{content:"";width:20px;height:20px;border:2px solid #fff;border-radius:50%;background-color:transparent;flex-shrink:0;transition:all .2s ease}.aesthetic-option.selected:before{background-color:#fff;box-shadow:inset 0 0 0 3px var(--primary-color,#11835a)}.survey-question{font-size:1.25rem!important;font-weight:600!important;color:var(--primary-color,#11835a)!important;margin-bottom:1.5rem!important;text-align:center!important;line-height:1.4!important}.survey-progressbar{background-color:#e5e7eb!important;border-radius:10px!important;height:8px!important;margin-bottom:1rem!important}.survey-progressbar-percentage{background-color:var(--primary-color,#11835a)!important;border-radius:10px!important;height:100%!important;transition:width .3s ease!important}@media (max-width:768px){.aesthetic-layout{height:100vh;height:100dvh;max-height:100vh;max-height:100dvh}.aesthetic-main{gap:1rem;padding:2rem 1.5rem 90px}.aesthetic-title{font-size:clamp(1.5rem,5vw,2rem)!important;margin-bottom:.5rem!important;line-height:1.2!important;font-weight:700;color:#1a202c}.aesthetic-subtitle{font-size:clamp(1rem,4vw,1.25rem)!important;margin-bottom:1rem!important;line-height:1.4!important;color:#4a5568}.aesthetic-form-field{margin-bottom:1.25rem}.aesthetic-form-input{width:100%;padding:1rem;border:1px solid #d1d5db;border-radius:12px;font-size:16px;background-color:#fff;transition:all .2s ease-in-out;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.aesthetic-form-input:focus{outline:none;border-color:var(--primary-color,#004237);box-shadow:0 0 0 3px rgba(0,66,55,.1)}.aesthetic-form-submit{width:100%;padding:1rem;background-color:var(--primary-color,#004237);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .15s ease;min-height:48px;margin-top:1rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.aesthetic-form-submit:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 7px 14px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.aesthetic-layout.keyboard-visible .aesthetic-main{padding-bottom:20px!important}.aesthetic-layout.keyboard-visible .aesthetic-footer{display:none!important}}@media (max-width:480px){.aesthetic-main{padding:2rem 1.5rem;gap:.75rem;padding-bottom:85px!important}.aesthetic-footer{min-height:60px!important}}@media (max-width:375px){.aesthetic-main{padding:.5rem;gap:.5rem;padding-bottom:80px!important}.aesthetic-title{font-size:clamp(1.2rem,4.5vw,1.6rem)!important}.aesthetic-subtitle{font-size:clamp(.9rem,3.5vw,1.1rem)!important}}@media (min-width:1024px){:root{--container-width:100%!important;--container-max-width:none!important;--container-margin:0!important}body,html{background-color:#f8fafc!important;padding:0!important;overflow-x:visible!important}.aesthetic-layout,body,html{margin:0!important;width:100%!important}.aesthetic-layout{min-height:100vh;max-height:none!important;overflow:visible!important;background-color:#f8fafc;padding:0}.aesthetic-main{width:100%;max-width:600px;margin:2rem auto!important;padding:3rem 2.5rem;overflow:visible!important;justify-content:flex-start;align-items:center;background-color:#fff;border-radius:24px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.aesthetic-main.quiz-container{margin:2rem auto!important;width:100%!important;max-width:600px!important}.aesthetic-header{display:none}.aesthetic-title{font-size:2rem;line-height:1.2;margin-bottom:.75rem;font-weight:700;color:#11835a;text-align:center}.aesthetic-subtitle{font-size:1.1rem;line-height:1.5;margin-bottom:2.5rem;font-weight:400;color:#6b7280;text-align:center}.aesthetic-form-field{margin-bottom:1.5rem}.aesthetic-form-input{padding:1rem 1.25rem;border-radius:16px;font-size:1.1rem;box-shadow:0 2px 4px -1px rgba(0,0,0,.1)}.aesthetic-form-input:focus{box-shadow:0 0 0 4px rgba(17,131,90,.1);transform:translateY(-2px)}.aesthetic-form-submit{padding:1.25rem 2rem;border-radius:16px;font-size:1.2rem;box-shadow:0 6px 8px -1px rgba(0,0,0,.1)}.aesthetic-form-submit:hover{transform:translateY(-3px);box-shadow:0 8px 12px -1px rgba(0,0,0,.15)}.aesthetic-option{border-radius:12px!important;background-color:var(--primary-color,#11835a)!important;color:#fff!important;border:none!important;padding:1.25rem 1.5rem!important;margin-bottom:1rem!important;display:flex!important;align-items:center!important;gap:1rem!important;font-weight:500!important;font-size:1.1rem!important;box-shadow:0 2px 4px -1px rgba(0,0,0,.1)!important;transition:all .2s ease!important;position:relative!important}.aesthetic-option:hover{transform:translateY(-2px)!important;box-shadow:0 4px 6px -1px rgba(0,0,0,.15)!important;background-color:var(--hover-color,#0f6b47)!important}.aesthetic-option:active{transform:translateY(0)!important}.aesthetic-option:before{content:"";width:24px;height:24px;border:2px solid #fff;border-radius:50%;background-color:transparent;flex-shrink:0;transition:all .2s ease}.aesthetic-option.selected:before{background-color:#fff;box-shadow:inset 0 0 0 4px var(--primary-color,#11835a)}.survey-question{font-size:1.5rem!important;font-weight:600!important;color:var(--primary-color,#11835a)!important;margin-bottom:2rem!important;text-align:center!important;line-height:1.4!important}.survey-progressbar{background-color:#e5e7eb!important;border-radius:10px!important;height:10px!important;margin-bottom:1.5rem!important}.survey-progressbar-percentage{background-color:var(--primary-color,#11835a)!important;border-radius:10px!important;height:100%!important;transition:width .3s ease!important}.aesthetic-footer{position:relative!important;border-radius:24px 24px 0 0;box-shadow:0 -4px 6px -1px rgba(0,0,0,.1);margin-top:2rem}.aesthetic-title.quiz-title{font-size:2.5rem;line-height:1.2;margin-bottom:1rem;font-weight:800;color:#1a202c}.aesthetic-subtitle.quiz-subtitle{font-size:1.2rem;line-height:1.5;color:#4a5568;margin-bottom:2rem}.survey-question{font-size:1.75rem;line-height:1.4;margin:1.5rem auto 2rem;max-width:720px;font-weight:600}.survey-options{max-width:880px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.survey-option{min-height:60px;font-size:1rem;padding:1.25rem;border-radius:12px}.survey-option p{font-size:1rem}.quiz-form{max-width:640px;margin:0 auto;padding:1.5rem 0;overflow:visible!important;flex:initial!important}.aesthetic-form-field .form-label{font-size:1rem;font-weight:500;color:#2d3748}.aesthetic-form-input.form-input{font-size:1rem;padding:1rem;border-radius:12px}.aesthetic-form-submit.form-submit{max-width:320px;margin:1.5rem auto 0;padding:1rem 1.5rem;font-size:1.1rem;position:relative;z-index:1;border-radius:12px}.aesthetic-footer.quiz-footer{position:static!important;inset:auto auto auto auto!important;width:100%;max-width:none;margin:0;border-radius:0;padding:1rem 1.5rem;background-color:#f7fafc;border-top:none}.keyboard-active .aesthetic-footer,.keyboard-active .quiz-footer,.keyboard-visible .aesthetic-footer,.keyboard-visible .quiz-footer{display:block!important;transform:none!important}.mobile-viewport-container{height:auto!important;max-height:none!important;overflow:visible!important}}