.feedback-root{--fb-blue:#2859d9;--fb-ink:#18273e;--fb-muted:#63718a;--fb-line:#dce3ef;color:var(--fb-ink);font-size:14px}.feedback-orb{position:fixed;right:24px;bottom:calc(100px + env(safe-area-inset-bottom,0px));z-index:95;display:grid;place-items:center;padding:0;border:0;background:none;color:var(--fb-ink);cursor:-webkit-grab;cursor:grab;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;will-change:transform}.feedback-orb[hidden]{display:none}.feedback-orb-core{position:relative;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:white;background:radial-gradient(circle at 30% 24%,#a7d4ff 0,#507eea 38%,#2859d9 72%,#4e53b6 100%);box-shadow:0 4px 16px #2859d933,inset 0 1px 5px #ffffff80;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s}.feedback-orb[data-positioned]{left:0;top:0;right:auto;bottom:auto}.feedback-orb[data-animate]{transition:transform .32s cubic-bezier(.18,.8,.24,1)}.feedback-orb[data-dragging]{transition:none;cursor:-webkit-grabbing;cursor:grabbing}.feedback-orb-tooltip{position:absolute;right:calc(100% + 10px);top:50%;transform:translate(4px,-50%);background:#22324b;color:white;font-size:12px;line-height:1.5;padding:6px 10px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .16s,transform .16s,visibility .16s}.feedback-orb[data-side=left] .feedback-orb-tooltip{left:calc(100% + 10px);right:auto;transform:translate(-4px,-50%)}.feedback-orb:focus-visible .feedback-orb-tooltip,.feedback-orb:not([data-dragging]):hover .feedback-orb-tooltip{opacity:1;visibility:visible;transform:translateY(-50%)}.feedback-orb[data-dragging] .feedback-orb-core{transform:scale(1.04)}.feedback-root:has(.feedback-orb[data-side=left]) .feedback-panel{left:24px;right:auto;transform-origin:5% 90%}.feedback-orb:not([data-dragging]):hover .feedback-orb-core{transform:scale(1.08) rotate(-4deg);box-shadow:0 6px 22px #2859d94d,inset 0 1px 8px #ffffff90}.feedback-orb:active .feedback-orb-core{transform:scale(.95)}.feedback-orb:focus-visible{outline:3px solid var(--fb-blue);outline-offset:6px;border-radius:28px}body:has(dialog[open]:not(.feedback-dialog)) .feedback-orb{visibility:hidden}.feedback-dialog{position:fixed;inset:0;max-width:none;max-height:none;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;overflow:hidden}.feedback-dialog::-webkit-backdrop{background:#15243b33;animation:feedback-backdrop .26s ease both}.feedback-dialog::backdrop{background:#15243b33;animation:feedback-backdrop .26s ease both}.feedback-dialog[data-closing]::-webkit-backdrop{animation:feedback-backdrop-out .26s ease both}.feedback-dialog[data-closing]::backdrop{animation:feedback-backdrop-out .26s ease both}.feedback-panel{position:absolute;right:24px;bottom:24px;width:440px;max-width:calc(100% - 32px);max-height:calc(100dvh - 48px);display:flex;flex-direction:column;background:#fff;border:1px solid var(--fb-line);border-radius:24px;box-shadow:0 20px 65px #142a4533;transform-origin:95% 90%;animation:feedback-open .32s cubic-bezier(.16,1,.3,1) both;overflow:hidden}.feedback-dialog[data-closing] .feedback-panel{animation:feedback-close .26s cubic-bezier(.4,0,.6,1) both;pointer-events:none}.feedback-header{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 24px 18px}.feedback-header h2{margin:0;font-size:21px;line-height:1.35}.feedback-close{display:grid;place-items:center;width:32px;height:32px;border:0;background:#f1f4f9;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;color:var(--fb-muted)}.feedback-tabs{display:flex;gap:24px;padding:0 24px;border-bottom:1px solid var(--fb-line)}.feedback-tabs button{border:0;border-bottom:2px solid transparent;padding:0 0 12px;background:none;color:var(--fb-muted);font:inherit;cursor:pointer}.feedback-tabs button[aria-current]{border-bottom-color:var(--fb-blue);color:var(--fb-blue);font-weight:600}.feedback-scroll{padding:20px 24px 24px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.feedback-scroll fieldset{border:0;padding:0;margin:0;min-width:0}.feedback-field{display:block;margin-bottom:16px;font-weight:600;font-size:13px}.feedback-field>span{color:#b83c39}.feedback-field textarea{display:block;box-sizing:border-box;width:100%;border:1px solid var(--fb-line);border-radius:10px;margin-top:0;padding:12px 14px;background:white;color:var(--fb-ink);font:inherit;font-size:14px;font-weight:400;line-height:1.6;min-height:120px;resize:vertical;max-height:280px}.feedback-field textarea:focus{outline:2px solid #2859d950;border-color:var(--fb-blue)}.feedback-upload{border:1px dashed #bdcce3;border-radius:10px;background:#f8faff}.feedback-upload-label{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;font-size:13px;color:var(--fb-blue);cursor:pointer}.feedback-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.feedback-upload:focus-within{outline:2px solid var(--fb-blue);outline-offset:2px}.feedback-pictures{display:flex;gap:10px;padding:0;margin:12px 0;list-style:none}.feedback-pictures li{position:relative;width:80px;height:64px}.feedback-pictures img{width:80px;height:64px;object-fit:cover;border:1px solid var(--fb-line);border-radius:8px}.feedback-pictures button{position:absolute;right:-5px;top:-5px;border:1px solid var(--fb-line);border-radius:50%;background:white;width:22px;height:22px;cursor:pointer;font-size:17px}.feedback-submit{display:flex;justify-content:flex-end;margin-top:20px}.feedback-submit .feedback-primary{width:100%}.feedback-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border:0;border-radius:10px;background:var(--fb-blue);color:white;padding:10px 18px;font:inherit;font-weight:600;cursor:pointer;transition:background .18s,transform .18s;white-space:nowrap}.feedback-primary:hover{background:#214cc0}.feedback-primary:active{transform:scale(.98)}.feedback-root button:disabled{opacity:.55;cursor:wait}.feedback-error{background:#fff3f2;color:#a0302c;border-radius:10px;padding:12px;margin:16px 0 0;font-size:13px;line-height:1.6}.feedback-error button{display:block;border:0;background:none;color:inherit;text-decoration:underline;cursor:pointer}.feedback-empty,.feedback-success{padding:28px 0;text-align:center}.feedback-empty h3,.feedback-success h3{font-size:18px;margin:16px 0 8px}.feedback-empty p,.feedback-success p{color:var(--fb-muted);font-size:13px}.feedback-success-mark{display:grid;place-items:center;margin:auto;width:48px;height:48px;background:#e8f6ee;color:#24734a;border-radius:50%;font-size:26px;animation:feedback-success .35s ease both}.feedback-success .feedback-primary{margin-top:16px}.feedback-text-button{border:0;background:none;color:var(--fb-blue);padding:6px 0;font:inherit;font-size:13px;cursor:pointer}.feedback-history{margin:0;padding:0;list-style:none}.feedback-history li+li{border-top:1px solid var(--fb-line)}.feedback-history button{width:100%;text-align:left;padding:16px 0;border:0;background:none;cursor:pointer;color:var(--fb-ink)}.feedback-history button>span{display:flex;justify-content:space-between;align-items:center}.feedback-history strong{font-size:12px;color:var(--fb-blue)}.feedback-history small,.feedback-history time{font-size:12px;color:var(--fb-muted)}.feedback-history p{font-size:14px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.feedback-detail>header{display:flex;justify-content:space-between;margin:16px 0;font-size:12px}.feedback-detail>h3{font-size:15px;margin-top:24px}.feedback-description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.75}.feedback-detail-pictures{display:flex;flex-wrap:wrap;gap:8px}.feedback-detail-pictures img{width:90px;height:70px;object-fit:cover;border-radius:6px}.feedback-timeline{list-style:none;margin:0;padding:0 0 0 12px;border-left:2px solid var(--fb-line)}.feedback-timeline li{padding:0 0 18px 12px}.feedback-timeline strong{font-size:13px}.feedback-timeline time{display:block;font-size:11px;color:var(--fb-muted);margin-top:4px}.feedback-timeline p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.7}.feedback-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%)}.feedback-spinner{width:14px;height:14px;border:2px solid #ffffff60;border-top-color:white;border-radius:50%;animation:feedback-spin .85s linear infinite}@keyframes feedback-open{0%{opacity:0;transform:translateY(28px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes feedback-close{to{opacity:0;transform:translateY(24px) scale(.94)}}@keyframes feedback-backdrop{0%{opacity:0}to{opacity:1}}@keyframes feedback-backdrop-out{to{opacity:0}}@keyframes feedback-success{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes feedback-spin{to{transform:rotate(1turn)}}@media(max-width:600px){.feedback-orb{right:16px;bottom:calc(100px + env(safe-area-inset-bottom,0px))}.feedback-orb-core{width:46px;height:46px}.feedback-panel{right:0;bottom:0;width:100%;max-width:100%;max-height:90dvh;border-radius:22px 22px 0 0;transform-origin:90% bottom}.feedback-scroll{padding-bottom:calc(24px + env(safe-area-inset-bottom,0px))}.feedback-root:has(.feedback-orb[data-side=left]) .feedback-panel{left:0;right:0;transform-origin:5% bottom}.feedback-header{padding-top:20px}}@media(prefers-reduced-motion:reduce){.feedback-dialog::-webkit-backdrop{animation:none!important;-webkit-transition:none!important;transition:none!important;scroll-behavior:auto!important}.feedback-dialog::backdrop,.feedback-root *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}