.gil-feedback{position:fixed;inset:auto;margin:0;padding:0;border:0;overflow:visible;width:410px;max-width:calc(100vw - 24px);background:transparent;color:var(--ink);z-index:10000;display:none;align-items:center;gap:12px;filter:drop-shadow(0 10px 18px #123c4530);pointer-events:none}
.gil-feedback.is-visible{display:flex}
.gil-feedback-filter{position:absolute;pointer-events:none;overflow:hidden}
.gil-feedback.is-entering>img{animation:gil-materialize var(--gil-motion-duration,350ms) ease-out both}
.gil-feedback.is-entering .gil-feedback-bubble,.gil-feedback.is-entering .gil-feedback-close{animation:gil-bubble-in var(--gil-motion-duration,350ms) ease-out both}
.gil-feedback.is-leaving .gil-feedback-close,.gil-feedback.is-leaving .gil-feedback-bubble p{pointer-events:none}
.gil-feedback.is-leaving>img{animation:gil-dissolve var(--gil-motion-duration,250ms) ease-in both}
.gil-feedback.is-leaving .gil-feedback-bubble,.gil-feedback.is-leaving .gil-feedback-close{animation:gil-fade-out var(--gil-motion-duration,250ms) ease-in both}
.gil-feedback>img{width:58px;height:58px;flex:none;object-fit:contain}
.gil-feedback-bubble{position:relative;flex:1;min-width:0;padding:16px 38px 16px 18px;border:1px solid var(--line);border-radius:18px;background:var(--paper)}
.gil-feedback-bubble:before{content:"";position:absolute;left:-8px;top:calc(50% - 7px);width:14px;height:14px;background:var(--paper);border-left:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}
.gil-feedback-bubble>strong{display:block;color:var(--teal,#168e9b);font-size:9px;letter-spacing:.18em;margin-bottom:5px}
.gil-feedback-bubble p{margin:0;font-size:13px;line-height:1.6;overflow-wrap:anywhere;max-height:40dvh;overflow:auto}
.gil-feedback-bubble p.is-scrollable{pointer-events:auto}
.gil-feedback-close{position:absolute;right:4px;top:4px;width:32px;height:32px;border:0;background:transparent;color:var(--muted);font-size:22px;cursor:pointer;border-radius:50%;pointer-events:auto}
.gil-feedback-close:focus-visible{outline:2px solid var(--ink)}
@keyframes gil-materialize{from{opacity:0;transform:translateY(3px) scale(.94)}45%{opacity:.8}to{opacity:1;transform:none}}
@keyframes gil-dissolve{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-2px) scale(.96)}}
@keyframes gil-bubble-in{0%,20%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:none}}
@keyframes gil-fade-in{from{opacity:0}to{opacity:1}}
@keyframes gil-fade-out{from{opacity:1}to{opacity:0}}
@media(max-width:600px){.gil-feedback{gap:9px}.gil-feedback>img{width:44px;height:44px}.gil-feedback-bubble{padding:12px 34px 12px 14px}}
@media(prefers-reduced-motion:reduce){.gil-feedback.is-entering>img,.gil-feedback.is-entering .gil-feedback-bubble,.gil-feedback.is-entering .gil-feedback-close{animation-name:gil-fade-in}.gil-feedback.is-leaving>img{animation-name:gil-fade-out}}