#survey-container{position:fixed;bottom:25px;right:25px;z-index:9999;opacity:0;transform:translateY(20px);animation:surveyFadeIn .5s ease .3s forwards}@keyframes surveyFadeIn{to{opacity:1;transform:translateY(0)}}#survey-container:empty{display:none}#survey-container .survey-form{margin:0;padding:0}#survey-container .survey-box{width:380px;max-width:90vw;background:#fff;border-radius:12px;border:2px solid #000;box-shadow:0 12px 30px rgba(0,0,0,.15),0 2px 8px rgba(0,0,0,.08);overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transform:scale(1);transition:transform .2s,box-shadow .2s;position:relative}#survey-container .survey-box:hover{transform:scale(1.01);box-shadow:0 16px 40px rgba(0,0,0,.18),0 4px 12px rgba(0,0,0,.1)}#survey-container .survey-close-btn{position:absolute;top:3px;right:3px;width:24px;height:24px;border-radius:50%;background-color:#f1f1f1;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;z-index:10;padding:0;box-shadow:0 2px 4px rgba(0,0,0,.1)}#survey-container .survey-close-btn:hover{background-color:#e0e0e0}#survey-container .survey-close-btn:after,#survey-container .survey-close-btn:before{content:"";position:absolute;width:12px;height:2px;background-color:#555;transform-origin:center}#survey-container .survey-close-btn:before{transform:rotate(45deg)}#survey-container .survey-close-btn:after{transform:rotate(-45deg)}#survey-container .survey-question{padding:24px 24px 15px;font-size:17px;font-weight:600;color:#1e293b;line-height:1.5;position:relative;margin-bottom:10px}#survey-container .survey-question:after{content:"";display:block;width:40px;height:4px;background-color:#333;border-radius:2px;margin-top:15px}#survey-container .rating-section{padding:16px 24px}#survey-container .rating-options{margin-bottom:12px}#survey-container .rating-options-emoji{display:flex;justify-content:space-between;gap:10px}#survey-container .rating-options-emoji button{background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:10px;flex:1;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}#survey-container .rating-options-emoji button:hover{background-color:#f8fafc;transform:translateY(-4px) scale(1.05);border-color:#cbd5e1;box-shadow:0 6px 12px rgba(0,0,0,.05)}#survey-container .rating-options-emoji button.rating-active,#survey-container .rating-options-emoji button[data-attr-selected=true]{background-color:rgba(0,0,0,.08);border-color:#333;transform:translateY(-2px) scale(1.03);box-shadow:0 4px 10px rgba(0,0,0,.2);position:relative}#survey-container .rating-options-emoji button.rating-active:after,#survey-container .rating-options-emoji button[data-attr-selected=true]:after{content:"";position:absolute;top:-6px;right:-6px;width:18px;height:18px;background-color:#509820;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;box-shadow:0 2px 4px rgba(0,0,0,.2)}#survey-container .rating-options-emoji button.rating-active:before,#survey-container .rating-options-emoji button[data-attr-selected=true]:before{content:"✓";position:absolute;top:-6px;right:-6px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;z-index:1}#survey-container .rating-text{display:flex;justify-content:space-between;font-size:12px;color:#64748b;padding:0 6px;font-weight:500}#survey-container .emoji-svg{width:32px;height:32px;margin:0 auto;display:block;transition:transform .2s ease}#survey-container .rating-options-emoji button:hover .emoji-svg{transform:scale(1.1)}#survey-container .bottom-section{padding:14px 24px 24px}#survey-container .buttons{margin-bottom:12px}#survey-container .form-submit{width:100%;background-color:#333;color:#fff;font-weight:600;padding:12px 18px;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s ease;box-shadow:0 4px 10px rgba(0,0,0,.2)}#survey-container .form-submit:hover{background-color:#555;box-shadow:0 6px 14px rgba(0,0,0,.3);transform:translateY(-2px)}#survey-container .form-submit:active{transform:translateY(0)}#survey-container .form-submit:disabled{background-color:#ccc;cursor:not-allowed;box-shadow:none;transform:none}#survey-container .footer-branding{display:flex;align-items:center;justify-content:center;font-size:12px;color:#94a3b8;text-decoration:none;padding-top:10px;opacity:.8;transition:opacity .2s}#survey-container .footer-branding:hover{opacity:1}#survey-container .footer-branding svg{margin-left:5px;height:14px}#survey-container .thank-you-message{width:380px;max-width:90vw;background:#fff;border-radius:12px;border:2px solid #000;box-shadow:0 12px 30px rgba(0,0,0,.15),0 2px 8px rgba(0,0,0,.08);overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transform:scale(1);transition:transform .2s,box-shadow .2s;animation:thankYouFadeIn .5s ease forwards;position:relative}@keyframes thankYouFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}#survey-container .thank-you-message-container{padding:28px 24px;text-align:center}#survey-container .thank-you-message-header{font-size:20px;font-weight:600;color:#1e293b;margin-bottom:18px;background-color:#f8f9fa;padding:12px 15px;border-radius:10px;display:inline-block;box-shadow:0 2px 5px rgba(0,0,0,.05);border-left:4px solid #509820;border-right:4px solid #509820;position:relative}#survey-container .thank-you-message-body{font-size:15px;color:#64748b;line-height:1.5;padding:0 15px}#survey-container .thank-you-close-btn{position:absolute;top:3px;right:3px;width:24px;height:24px;border-radius:50%;background-color:#f1f1f1;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s;z-index:10;padding:0;box-shadow:0 2px 4px rgba(0,0,0,.1)}#survey-container .thank-you-close-btn:hover{background-color:#e0e0e0}#survey-container .thank-you-close-btn:after,#survey-container .thank-you-close-btn:before{content:"";position:absolute;width:12px;height:2px;background-color:#555;transform-origin:center}#survey-container .thank-you-close-btn:before{transform:rotate(45deg)}#survey-container .thank-you-close-btn:after{transform:rotate(-45deg)}#survey-container .multiple-choice-options{margin-bottom:20px;padding:24px 24px 15px}#survey-container .multiple-choice-options.limit-height{max-height:220px;overflow-y:auto;margin-bottom:15px;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}#survey-container .multiple-choice-options.limit-height::-webkit-scrollbar{width:6px}#survey-container .multiple-choice-options.limit-height::-webkit-scrollbar-track{background:transparent}#survey-container .multiple-choice-options.limit-height::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:20px}#survey-container .choice-option{display:flex;align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;margin-bottom:10px;cursor:pointer;transition:all .25s ease;position:relative;padding:0 10px 0 0}#survey-container .choice-option:hover{background-color:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 10px rgba(0,0,0,.05)}#survey-container .choice-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}#survey-container .choice-option label{flex-grow:1;font-size:15px;font-weight:500;color:#1e293b;cursor:pointer;display:flex;align-items:center;padding:12px 16px;width:100%}#survey-container .choice-check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;opacity:0;transform:scale(.8);transition:all .2s cubic-bezier(.175,.885,.32,1.275);margin-left:auto}#survey-container .choice-option input[type=radio]:checked+label{color:#333;font-weight:600}#survey-container .choice-option input[type=radio]:checked~.choice-check{opacity:1;transform:scale(1);color:#509820}#survey-container .choice-option input[type=radio]:checked~.choice-check svg{animation:checkmark .3s cubic-bezier(.65,0,.45,1) forwards}#survey-container .choice-option input[type=radio]:checked+label+.choice-check{background-color:rgba(80,152,32,.1)}#survey-container .choice-option:has(input[type=radio]:checked){border-color:#509820;background-color:rgba(80,152,32,.03);box-shadow:0 3px 8px rgba(80,152,32,.1)}@keyframes checkmark{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}