.qr-feedback-backdrop{position:fixed;inset:0;z-index:2147483600;background:rgba(15,23,42,.58);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:18px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
.qr-feedback-backdrop.is-open{opacity:1;visibility:visible}
.qr-feedback-card{position:relative;width:min(520px,100%);background:#fff;border:1px solid #e5eaf2;border-radius:24px;box-shadow:0 28px 80px rgba(15,23,42,.28);padding:30px;color:#17233c;transform:translateY(18px) scale(.98);transition:transform .22s ease}
.qr-feedback-backdrop.is-open .qr-feedback-card{transform:translateY(0) scale(1)}
.qr-feedback-kicker{display:inline-flex;align-items:center;gap:7px;background:#fff3e8;color:#b84900;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;margin-bottom:14px}
.qr-feedback-title{font-size:clamp(24px,4vw,32px);line-height:1.15;font-weight:900;margin:0 42px 8px 0;color:#17233c}
.qr-feedback-question{font-size:16px;line-height:1.55;color:#5a6677;margin:0 0 17px}
.qr-feedback-close{position:absolute;right:16px;top:16px;width:38px;height:38px;border:0;border-radius:50%;background:#f2f5f8;color:#445064;font-size:25px;line-height:1;cursor:pointer;display:grid;place-items:center}
.qr-feedback-close:hover,.qr-feedback-close:focus{background:#e8edf4;outline:3px solid rgba(255,122,26,.2)}
.qr-feedback-stars{display:flex;align-items:center;justify-content:center;gap:7px;margin:8px 0 18px;direction:ltr}
.qr-feedback-star{border:0;background:transparent;color:#cbd3df;font-size:44px;line-height:1;padding:2px;cursor:pointer;transition:transform .14s ease,color .14s ease;text-shadow:0 2px 8px rgba(15,23,42,.08)}
.qr-feedback-star:hover,.qr-feedback-star:focus{transform:scale(1.12);outline:0;color:#ff9b3d}
.qr-feedback-star.is-active{color:#ff8a22}
.qr-feedback-detail{display:none;margin-top:6px}
.qr-feedback-detail.is-visible{display:block}
.qr-feedback-prompt{font-weight:800;color:#26334d;margin-bottom:8px}
.qr-feedback-textarea{width:100%;min-height:110px;resize:vertical;border:1px solid #ccd5e1;border-radius:14px;padding:12px 14px;font:inherit;line-height:1.5;color:#17233c;background:#fbfcfe;box-sizing:border-box}
.qr-feedback-textarea:focus{outline:3px solid rgba(255,122,26,.18);border-color:#ff7a1a;background:#fff}
.qr-feedback-counter{text-align:right;color:#8a96a8;font-size:12px;margin-top:5px}
.qr-feedback-privacy{font-size:12px;line-height:1.45;color:#7a8698;background:#f7f9fc;border-radius:11px;padding:10px 12px;margin:14px 0}
.qr-feedback-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:16px}
.qr-feedback-submit,.qr-feedback-skip{border:0;border-radius:12px;padding:11px 17px;font-weight:850;cursor:pointer;min-height:44px}
.qr-feedback-submit{background:#ff7a1a;color:#fff;box-shadow:0 7px 18px rgba(255,122,26,.24)}
.qr-feedback-submit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
.qr-feedback-submit:not(:disabled):hover{background:#e96708}
.qr-feedback-skip{background:#eef2f6;color:#334155}
.qr-feedback-skip:hover{background:#e3e8ef}
.qr-feedback-thanks{display:none;text-align:center;padding:24px 8px 12px}
.qr-feedback-thanks.is-visible{display:block}
.qr-feedback-thanks-icon{font-size:46px;line-height:1;margin-bottom:10px}
.qr-feedback-thanks-text{font-size:21px;font-weight:900;color:#17233c}
.qr-feedback-error{display:none;color:#b42318;background:#fff0ee;border:1px solid #ffd0ca;border-radius:10px;padding:9px 11px;font-size:13px;margin-top:10px}
.qr-feedback-error.is-visible{display:block}
html[dir="rtl"] .qr-feedback-title{margin:0 0 8px 42px}html[dir="rtl"] .qr-feedback-close{right:auto;left:16px}html[dir="rtl"] .qr-feedback-counter{text-align:left}
@media(max-width:600px){.qr-feedback-backdrop{align-items:flex-end;padding:0}.qr-feedback-card{border-radius:24px 24px 0 0;padding:25px 20px calc(22px + env(safe-area-inset-bottom));max-height:92vh;overflow:auto}.qr-feedback-star{font-size:40px}.qr-feedback-actions{display:grid;grid-template-columns:1fr}.qr-feedback-submit,.qr-feedback-skip{width:100%}}
@media(prefers-reduced-motion:reduce){.qr-feedback-backdrop,.qr-feedback-card,.qr-feedback-star{transition:none!important}}