@font-face{font-family:Century Gothic;src:url(/fonts/centurygothic.ttf) format("truetype");font-weight:400;font-style:normal}body.main-body{font-family:Century Gothic,sans-serif!important}body.main-body{min-height:100vh;background:linear-gradient(135deg,#e0e7ef,#f8fafc);font-family:Century Gothic,sans-serif!important;display:flex;align-items:center;justify-content:center}@media (max-width: 600px){html,body{overflow-x:hidden!important;max-width:100vw!important;min-width:0!important;position:relative}.container,.child,.header,.question-container,.div-body,.div-content,.button-group,.grade,.nps-btns-row,.progress-bar-block,.progress-bar,.progress-logo,.progress-text,.survey-btn-label,textarea.inputTextArea,textarea.survey-btn-textarea,input,label,form{max-width:100vw!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow-x:hidden!important;word-break:break-word!important;margin-left:0!important;margin-right:0!important}.progress-bar,.progress-bar-block{min-width:60%!important}.child,.header,.question-container,.div-body,.div-content{padding-left:4px!important;padding-right:4px!important}.question-container{padding-top:10px!important;padding-bottom:8px!important;margin-bottom:10px!important;border-radius:8px!important}.div-content{max-height:60vh!important;padding:0!important}.button-group,.grade{gap:4px!important;flex-wrap:wrap!important}.nps-btns-row{flex-direction:column!important;gap:8px!important}.nps-btn{font-size:1em!important;padding:10px 0!important;width:100%!important;min-width:0!important;max-width:100vw!important}.progress-logo{height:22px!important;margin-right:2px!important}.progress-text{font-size:.95em!important;min-width:24px!important;margin-right:2px!important}.progress-bar{height:5px!important;min-width:60%!important}.grade .heart-button{min-width:0!important;max-width:100%!important;padding:0!important}.survey-btn-label{font-size:.98em!important;padding:8px!important}textarea.inputTextArea,textarea.survey-btn-textarea{font-size:.98em!important;padding:6px 8px!important}svg,.heart{max-width:100%!important;height:auto!important;display:block!important}#nextButton{order:1}#backButton{order:2}}@media (max-width: 400px){html,body,.container,.child,.header,.question-container,.div-body,.div-content,.button-group,.grade,.nps-btns-row,.progress-bar-block,.progress-bar,.progress-logo,.progress-text,.nps-btn,.survey-btn-label,textarea.inputTextArea,textarea.survey-btn-textarea,input,label,form,svg{max-width:100vw!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow-x:hidden!important;word-break:break-word!important;margin-left:0!important;margin-right:0!important}.button-group,.grade{gap:2px!important;flex-wrap:wrap!important}svg,.heart{max-width:100%!important;height:auto!important;display:block!important}.progress-bar,.progress-bar-block{min-width:60%!important}textarea.inputTextArea,textarea.survey-btn-textarea,.survey-btn-label,input,label{font-size:.95em!important}.nps-btns-row{flex-direction:column!important;gap:8px!important}.nps-btns-row button{margin-bottom:5px!important}#nextButton,#backButton,#finishButton{min-height:40px!important}#nextButton{order:1}#backButton{order:2}}.grade{font-family:Century Gothic,sans-serif!important}.container{display:flex;align-items:center;justify-content:center;min-height:100vh}.child{width:100%;max-width:540px;margin:0 auto;background:#fff;border-radius:18px;padding:36px 32px 32px;position:relative}.header p{font-size:1.15em;color:#2d3a4a;margin-bottom:24px;line-height:1.5}.question-container{margin-bottom:32px;background:#f6fafd;border-radius:12px;box-shadow:0 2px 8px #3c50780a;padding:28px 20px 20px;transition:box-shadow .2s;text-align:center}.question-container.active{box-shadow:0 4px 16px #3c50781a}.button-group{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:18px}.heart-button{background:#f0f6fa;border-radius:50%;transition:background .2s,box-shadow .2s,transform .1s;width:54px;height:54px;display:flex;align-items:center;justify-content:center;margin:0 2px}button#nextButton,button#backButton{background:linear-gradient(90deg,#09519f 0,#450b7b);color:#fff;border:none;border-radius:8px;font-size:1.1em;font-weight:600;margin:0 8px;box-shadow:0 2px 8px #3c50781a;transition:background .2s,box-shadow .2s,transform .1s;cursor:pointer}textarea.inputTextArea,textarea.survey-btn-textarea{border-radius:8px;border:1.5px solid #bdbdbd;font-size:1.08em;padding:10px 12px;background:#f8fafc;transition:border .2s,box-shadow .2s;box-shadow:0 1px 4px #3c50780a;margin-bottom:10px}textarea.inputTextArea:focus,textarea.survey-btn-textarea:focus{border:1.5px solid #74C0FC;outline:none;box-shadow:0 2px 8px #3c50781a}.heart-button{cursor:pointer;background:transparent;border:none;padding:0}.heart-button:focus{outline:none}.heart-button.active .heart-path,.heart-button.active-pred .heart-path,.heart-button.active-pred-leave .heart-path{fill:#74c0fc;stroke:#74c0fc}.survey-btn-option{display:flex;align-items:center;width:100%;padding:0;margin-bottom:12px;border:none;background:none;cursor:pointer;position:relative;-webkit-user-select:none;user-select:none}.survey-btn-checkbox{position:absolute;opacity:0;pointer-events:none}.survey-btn-label{flex:1;padding:12px;border:1px dashed #bdbdbd;border-radius:4px;background:#fff;font-size:1em;text-align:left;transition:background .2s,border .2s;color:#222}.survey-btn-checkbox:checked~.survey-btn-label{background:#d3e6f7;border:1px solid #bdbdbd}.survey-btn-checkmark{display:none;margin-left:8px;font-size:1.2em;color:#2d7fc1;pointer-events:none}.survey-btn-checkbox:checked~.survey-btn-checkmark{display:inline-block}.survey-btn-option:last-child{margin-bottom:0}.survey-btn-textarea{width:100%;margin-top:10px;height:58px;overflow:hidden;border-radius:4px;border:1px solid #bdbdbd;font-size:1em;padding:8px;box-sizing:border-box}.progress-bar-block{display:flex;align-items:center;gap:10px;margin:24px 0 8px;width:100%;max-width:420px;position:relative}.progress-logo{height:36px;width:auto;margin-right:8px}.progress-text{font-size:1.15em;color:#5a6a7a;font-weight:500;margin-right:12px;min-width:48px}.progress-bar{flex:1;height:8px;background:#e0e7ef;border-radius:6px;overflow:hidden;margin-left:8px;min-width:60px;max-width:100%;position:relative}.progress-bar-fill{height:100%;background:#0d2233;border-radius:6px;width:0;transition:width .4s cubic-bezier(.4,2,.6,1)}.nps-btns-row{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px;margin-bottom:18px}.nps-btn{flex:1 1 0;width:50%;max-width:100%;background:linear-gradient(90deg,#09519f 0,#450b7b);color:#fff;border:none;border-radius:8px;padding:14px 0;font-size:1.1em;font-weight:600;box-shadow:0 2px 8px #3c50781a;transition:background .2s,box-shadow .2s,transform .1s;cursor:pointer;margin:0}button#nextButton:active,button#backButton:active{border-radius:8px;background:linear-gradient(90deg,#397ace 0,#3f78cd 4%,#a436b8);box-shadow:0 4px 16px #3c507829}@media (min-width: 768px){.nps-btn:hover{background:linear-gradient(90deg,#397ace 0,#3f78cd 4%,#a436b8);box-shadow:0 4px 16px #3c507829}button#nextButton:hover,button#backButton:hover{border-radius:8px;background:linear-gradient(90deg,#397ace 0,#3f78cd 4%,#a436b8);box-shadow:0 4px 16px #3c507829}}.grade{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:auto;gap:12px 10px;justify-items:center;margin:18px 0 10px}.grade .heart-button{width:48px;height:48px;margin:0}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080}.modal-content{background-color:#fff;margin:15% auto;padding:20px;border:1px solid #ddd;width:80%;max-width:500px;border-radius:10px;box-shadow:0 4px 20px #0000001a;font-family:Century Gothic,sans-serif!important}.close-button{color:#aaa;float:right;font-size:28px;font-weight:700}.close-button:hover,.close-button:focus{color:#d9534f;text-decoration:none;cursor:pointer}#response_form_modal{margin-top:20px;margin-bottom:20px;display:flex;justify-content:center;align-items:center;color:#333;font-size:17px;font-weight:700}.icon{font-size:24px}.main-button{width:auto;margin:0;height:auto;padding:10px 30px;border-radius:4px;font-size:15px;line-height:18px;text-align:center;font-weight:500;background:linear-gradient(90deg,#09519f 0,#450b7b);color:#fff;display:inline-block;border:none;box-shadow:none;cursor:pointer;text-decoration:none;position:relative;font-family:Century Gothic,sans-serif!important}.main-button:focus{background:linear-gradient(90deg,#397ace 0,#3f78cd 4%,#a436b8);color:#fff}.main-button:hover{background:linear-gradient(90deg,#397ace 0,#3f78cd 4%,#a436b8);color:#fff}.main-button:disabled{pointer-events:none;background-color:#ccc;color:#666}.main-button:disabled:hover,.main-button:disabled:focus{background-color:#ccc;color:#666;box-shadow:none}.modal-content{padding:20px}.modal-content .main-button{width:100%;padding:10px}.send-button{width:100%;max-width:800px;margin:10px auto 5px}.welcomeMessage{max-width:800px;text-align:center;display:none}.error-block{text-align:center;margin:0 auto;width:100%}.refresh-btn{width:100%!important}.child{max-height:100vh;overflow-y:auto}@media (max-width: 600px){html,body{overflow-x:hidden!important;max-width:100vw!important;min-width:0!important;position:relative}.container,.child,.header,.question-container,.div-body,.div-content,.button-group,.grade,.nps-btns-row,.progress-bar-block,.progress-bar,.progress-logo,.progress-text,.survey-btn-label,textarea.inputTextArea,textarea.survey-btn-textarea,input,label,form{max-width:100vw!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow-x:hidden!important;word-break:break-word!important;margin-left:0!important;margin-right:0!important}.progress-bar,.progress-bar-block{min-width:60%!important}.child,.header,.question-container,.div-body,.div-content{padding-left:4px!important;padding-right:4px!important}.question-container{padding-top:10px!important;padding-bottom:8px!important;margin-bottom:10px!important;border-radius:8px!important}.div-content{max-height:60vh!important;padding:0!important}.button-group,.grade{gap:4px!important;flex-wrap:wrap!important}.nps-btns-row{flex-direction:column!important;gap:8px!important}.nps-btn{font-size:1em!important;padding:10px 0!important;width:100%!important;min-width:0!important;max-width:100vw!important}.progress-logo{height:22px!important;margin-right:2px!important}.progress-text{font-size:.95em!important;min-width:24px!important;margin-right:2px!important}.progress-bar{height:5px!important;min-width:60%!important}.grade .heart-button{min-width:0!important;max-width:100%!important;padding:0!important}.survey-btn-label{font-size:.98em!important;padding:8px!important}textarea.inputTextArea,textarea.survey-btn-textarea{font-size:.98em!important;padding:6px 8px!important}svg,.heart{max-width:100%!important;height:auto!important;display:block!important}}.info-message-block{text-align:center;font-size:1.4em}.active-textarea{display:block}.unactive-textarea{display:none}.error-highlight{border:2px solid red!important}.btn-blocked{opacity:.5;pointer-events:auto;cursor:not-allowed}#nps-toast-message{visibility:hidden;min-width:260px;background-color:#333;color:#fff;text-align:center;border-radius:8px;padding:16px 24px;position:fixed;z-index:9999;left:50%;top:40px;transform:translate(-50%);font-size:18px;box-shadow:0 2px 12px #00000026;transition:visibility 0s,opacity .3s linear;opacity:0}#nps-toast-message.nps-toast-show{visibility:visible;opacity:1}.active-heart{animation:beat 1s infinite}@keyframes beat{0%,20%,50%,80%,to{transform:scale(1)}10%{transform:scale(1.2)}40%{transform:scale(1.1)}}