.feedback-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:999999;display:flex;align-items:center;justify-content:center;animation:feedbackFadeIn .32s ease-out;will-change:opacity;overflow:hidden;transform:none;filter:none;opacity:1;pointer-events:auto}.feedback-modal *{transform:none}.feedback-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#000000b3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:1;animation:feedbackOverlayFadeIn .4s ease-out;pointer-events:auto;overflow:hidden}.feedback-container{position:relative;background:linear-gradient(160deg,#241b34,#17121f);border:1px solid rgba(255,255,255,.1);border-radius:32px;padding:2.5rem;max-width:580px;width:92%;max-height:90vh;max-height:90dvh;overflow-y:auto;overflow-x:hidden;box-shadow:0 40px 100px #0009,0 0 80px #c084fc0d,inset 0 1px #ffffff14;animation:feedbackSlideUp .42s cubic-bezier(.22,1,.36,1);will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-origin:center center;z-index:2;margin:0 auto;box-sizing:border-box}.feedback-container:before{content:"";position:absolute;inset:-1px;border-radius:32px;padding:1px;background:linear-gradient(135deg,#c084fc33,#e879a91a,#c084fc0d);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.feedback-container::-webkit-scrollbar{width:4px}.feedback-container::-webkit-scrollbar-track{background:#ffffff08;border-radius:10px}.feedback-container::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#c084fc66,#e879a966);border-radius:10px}.feedback-container{scrollbar-width:thin;scrollbar-color:rgba(192,132,252,.3) transparent}.feedback-close{position:absolute;top:16px;right:20px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fff6;font-size:1.1rem;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:3}.feedback-close:hover{background:#ffffff1f;color:#fff;transform:rotate(90deg) scale(1.1);border-color:#c084fc4d;box-shadow:0 0 20px #c084fc1a}.feedback-close:focus-visible{outline:2px solid rgba(192,132,252,.5);outline-offset:2px}.feedback-header{margin-bottom:2rem;text-align:center;position:relative}.feedback-header:after{content:"";position:absolute;bottom:-14px;left:50%;transform:translate(-50%);width:80px;height:2px;background:linear-gradient(90deg,transparent,rgba(192,132,252,.4),rgba(232,121,169,.4),transparent);border-radius:2px}.feedback-header h2{font-family:Cormorant Garamond,serif;font-size:2.4rem;font-weight:700;background:linear-gradient(135deg,#f0e6ff,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 .25rem;letter-spacing:.02em}.feedback-subtitle{font-family:Inter,sans-serif;font-size:.9rem;color:#ffffff80;margin:.5rem 0 0;line-height:1.6;font-weight:400}.feedback-draft-notice{display:flex;align-items:center;gap:.6rem;margin:1.1rem 0 1.4rem;padding:.65rem .9rem;background:#c084fc14;border:1px solid rgba(192,132,252,.2);border-radius:14px;color:#fff9;font-family:Inter,sans-serif;font-size:.78rem;animation:feedbackFadeIn .3s ease-out}.feedback-draft-notice i{flex-shrink:0;width:15px;height:15px;color:#c084fc}.feedback-draft-notice span{flex:1}.feedback-draft-notice button{flex-shrink:0;background:none;border:none;padding:0;color:#e879a9;font-family:Inter,sans-serif;font-size:.78rem;font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer}.feedback-draft-notice button:hover{color:#f0a6c4}.feedback-draft-notice button:focus-visible{outline:2px solid rgba(192,132,252,.5);outline-offset:2px;border-radius:4px}.feedback-field{margin-bottom:1.25rem}.feedback-field label{display:block;font-family:Inter,sans-serif;font-size:.8rem;font-weight:500;color:#ffffffb3;margin-bottom:.5rem;letter-spacing:.02em}.feedback-field .required{color:#ff6b8a;font-weight:600}.feedback-field .optional{color:#ffffff4d;font-weight:400}.feedback-field select,.feedback-field input[type=text],.feedback-field input[type=email],.feedback-field textarea{width:100%;padding:.8rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;color:#fff;font-family:Inter,sans-serif;font-size:.95rem;transition:all .3s ease;box-sizing:border-box;max-width:100%}.feedback-field select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(255,255,255,0.3)' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.2rem center;padding-right:2.8rem;cursor:pointer}.feedback-field select option{background:#1a1a2e;color:#f0e6ff}.feedback-select-wrap{position:relative}.feedback-select-native{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.feedback-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.8rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;color:#ffffff59;font-family:Inter,sans-serif;font-size:.95rem;text-align:left;cursor:pointer;transition:all .3s ease;box-sizing:border-box}.feedback-select-trigger.has-value{color:#fff}.feedback-select-trigger:hover{background:#ffffff0f}.feedback-select-trigger:focus-visible{outline:none;border-color:#c084fc66;box-shadow:0 0 0 4px #c084fc14}.feedback-select-wrap.is-open .feedback-select-trigger{border-color:#c084fc66;background:#ffffff12}.feedback-select-chevron{flex-shrink:0;width:16px;height:16px;color:#ffffff4d;transition:transform .25s cubic-bezier(.16,1,.3,1)}.feedback-select-wrap.is-open .feedback-select-chevron{transform:rotate(180deg)}.feedback-select-listbox{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:5;margin:0;padding:6px;list-style:none;max-height:240px;overflow-y:auto;background:#1e1830;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 20px 50px #00000080;animation:feedbackListboxIn .16s cubic-bezier(.16,1,.3,1)}.feedback-select-listbox:focus{outline:none}.feedback-select-option{padding:.65rem .8rem;border-radius:10px;color:#f0e6ff;font-family:Inter,sans-serif;font-size:.9rem;cursor:pointer;transition:background-color .15s ease,color .15s ease}.feedback-select-option.is-placeholder{color:#ffffff59}.feedback-select-option.is-active{background:#c084fc29;color:#fff}.feedback-select-option[aria-selected=true]:not(.is-placeholder){color:#e879a9}@keyframes feedbackListboxIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.feedback-field.has-error .feedback-select-trigger{border-color:#ff6b8a4d;box-shadow:0 0 0 4px #ff6b8a0d}.feedback-field input::placeholder,.feedback-field textarea::placeholder{color:#fff3}.feedback-field input:focus,.feedback-field select:focus,.feedback-field textarea:focus{outline:none;border-color:#c084fc66;box-shadow:0 0 0 4px #c084fc14;background:#ffffff12}.feedback-field textarea{resize:vertical;min-height:110px;line-height:1.6}.char-counter{text-align:right;font-family:Inter,sans-serif;font-size:.7rem;color:#fff3;margin-top:.3rem;letter-spacing:.04em;transition:color .3s ease}.char-counter.over-limit{color:#ff6b8a}.char-counter .highlight{color:#ffffff80}.field-hint{display:block;font-family:Inter,sans-serif;font-size:.7rem;color:#fff3;margin-top:.3rem;letter-spacing:.02em}.field-error{display:block;font-family:Inter,sans-serif;font-size:.75rem;color:#ff6b8a;margin-top:.3rem;min-height:1.2em;font-weight:400;animation:feedbackShake .4s ease}.feedback-field.has-error select,.feedback-field.has-error input,.feedback-field.has-error textarea{border-color:#ff6b8a4d;box-shadow:0 0 0 4px #ff6b8a0d}.feedback-actions{display:flex;gap:.75rem;margin-top:2rem;justify-content:flex-end}.feedback-cancel,.feedback-submit{padding:.8rem 2rem;border:none;border-radius:16px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);letter-spacing:.02em}.feedback-cancel{background:#ffffff0d;color:#fff6;border:1px solid rgba(255,255,255,.06)}.feedback-cancel:hover{background:#ffffff1a;color:#ffffffb3;transform:translateY(-2px)}.feedback-submit{background:linear-gradient(135deg,#e879a9,#c084fc);color:#fff;min-width:150px;position:relative;overflow:hidden}.feedback-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .6s ease}.feedback-submit:hover:not(:disabled):before{left:100%}.feedback-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 40px #c084fc66}.feedback-submit:active:not(:disabled){transform:translateY(0)}.feedback-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.feedback-submit:focus-visible{outline:2px solid rgba(192,132,252,.5);outline-offset:2px}.feedback-success{text-align:center;padding:2.5rem 0 1.5rem;animation:feedbackSuccessPop .6s cubic-bezier(.16,1,.3,1)}.feedback-success .success-icon{width:72px;height:72px;margin:0 auto 1.2rem;background:linear-gradient(135deg,#34d399,#6ee7b7);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.2rem;color:#fff;font-weight:700;box-shadow:0 12px 40px #34d39959;animation:feedbackSuccessBounce .6s cubic-bezier(.16,1,.3,1)}.feedback-success h3{font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:700;color:#fff;margin:0 0 .25rem;background:linear-gradient(135deg,#f0e6ff,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feedback-success p{font-family:Inter,sans-serif;color:#fff6;font-size:.95rem;margin:0}.feedback-footer-btn{background:linear-gradient(135deg,#e879a926,#c084fc26);border:1px solid rgba(192,132,252,.25);border-radius:16px;padding:.85rem 1.8rem;color:#ffffffd9;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;gap:.7rem;letter-spacing:.03em;margin-top:.75rem;position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.feedback-footer-btn:before{content:"";position:absolute;inset:-1px;border-radius:16px;background:linear-gradient(135deg,#e879a94d,#c084fc4d);z-index:-1;filter:blur(8px);opacity:0;transition:opacity .3s ease}.feedback-footer-btn:hover:before{opacity:1}.feedback-footer-btn:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.feedback-footer-btn:hover:after{left:100%}.feedback-footer-btn i{font-size:1rem;color:#c084fcb3;transition:all .3s ease}.feedback-footer-btn:hover{background:linear-gradient(135deg,#e879a940,#c084fc40);color:#fff;border-color:#c084fc66;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 30px #c084fc33,0 0 40px #c084fc0d}.feedback-footer-btn:active{transform:translateY(0) scale(.98)}.feedback-footer-btn:hover i{color:#e879a9e6;transform:scale(1.1) rotate(-5deg)}@keyframes feedbackBtnPulse{0%{box-shadow:0 0 #c084fc4d}70%{box-shadow:0 0 0 10px #c084fc00}to{box-shadow:0 0 #c084fc00}}.feedback-footer-btn{animation:feedbackBtnPulse 2s ease-in-out 2}@keyframes feedbackFadeIn{0%{opacity:0}to{opacity:1}}@keyframes feedbackOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes feedbackSlideUp{0%{opacity:0;transform:translate3d(0,28px,0) scale(.9)}35%{opacity:1}60%{transform:translate3d(0,-2px,0) scale(1.02)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes feedbackShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes feedbackSuccessPop{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes feedbackSuccessBounce{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}.form-error-message{text-align:center;margin-bottom:12px;padding:10px 16px;background:#ff6b8a14;border-radius:12px;border:1px solid rgba(255,107,138,.15);font-family:Inter,sans-serif;font-size:.85rem;color:#ff6b8acc;animation:feedbackShake .4s ease}@media(max-width:640px){.feedback-container{padding:1.75rem 1.5rem;width:94%;border-radius:24px;max-height:92vh;max-height:92dvh;animation:feedbackSlideUpMobile .36s cubic-bezier(.22,1,.36,1)}.feedback-header h2{font-size:1.8rem}.feedback-header:after{width:50px;bottom:-12px}.feedback-subtitle{font-size:.8rem}.feedback-field{margin-bottom:1rem}.feedback-field select,.feedback-field input,.feedback-field textarea{font-size:.9rem;padding:.7rem .9rem;border-radius:14px}.feedback-actions{flex-direction:column-reverse;gap:.6rem}.feedback-cancel,.feedback-submit{width:100%;justify-content:center;padding:.75rem;font-size:.9rem;border-radius:14px}.feedback-success .success-icon{width:56px;height:56px;font-size:1.8rem}.feedback-success h3{font-size:1.5rem}.feedback-close{width:34px;height:34px;font-size:.95rem;top:12px;right:14px}.feedback-footer-btn{padding:.7rem 1.4rem;font-size:.8rem;width:100%;justify-content:center;border-radius:14px}.feedback-footer-btn:before{border-radius:14px}}@media(max-width:400px){.feedback-container{padding:1.25rem 1rem;border-radius:20px}.feedback-header h2{font-size:1.5rem}.feedback-field select,.feedback-field input,.feedback-field textarea{font-size:.85rem;padding:.6rem .75rem;border-radius:12px}.feedback-field textarea{min-height:80px}}@keyframes feedbackSlideUpMobile{0%{opacity:0;transform:translate3d(0,16px,0) scale(.96)}40%{opacity:1}to{opacity:1;transform:translateZ(0) scale(1)}}@media(prefers-reduced-motion:reduce){.feedback-modal,.feedback-overlay,.feedback-container{animation-duration:.01ms!important}}