.copy-feedback{position:fixed;z-index:10000;left:50%;bottom:max(26px,calc(env(safe-area-inset-bottom,0px) + 16px));transform:translateX(-50%);display:grid;grid-template-columns:24px minmax(0,1fr) 44px;align-items:center;gap:12px;inline-size:min(480px,calc(100vw - 32px));max-inline-size:calc(100vw - 32px);box-sizing:border-box;padding:12px 12px 12px 18px;border-radius:12px;background:#1b2116;box-shadow:0 12px 36px rgb(0 0 0 / 48%);color:#f1f0dc;font:500 13px/1.65 var(--body,system-ui,sans-serif);animation:copy-feedback-enter 180ms cubic-bezier(.16,1,.3,1)}
.copy-feedback[hidden]{display:none!important}
.copy-feedback__mark{display:block;inline-size:24px;block-size:24px;color:#f0b90b}
.copy-feedback svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.copy-feedback__message{min-inline-size:0;overflow-wrap:anywhere;white-space:normal;max-block-size:min(28vh,180px);overflow:auto}
.copy-feedback__close{display:grid;place-items:center;min-inline-size:44px;min-block-size:44px;padding:0;border:0;border-radius:6px;background:transparent;color:#d1d5bf;cursor:pointer}
.copy-feedback__close svg{inline-size:20px;block-size:20px}
.copy-feedback__close:hover{background:#303725;color:#f0b90b}
.copy-feedback__close:focus-visible{outline:2px solid #f0b90b;outline-offset:2px}
.copy-feedback[data-kind=error]{background:#2b2118;color:#fff0d4}
.copy-feedback[data-kind=error] .copy-feedback__mark{color:#ffc57c}
@keyframes copy-feedback-enter{from{opacity:.65;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%,0)}}
@media(max-width:480px){.copy-feedback{bottom:max(14px,calc(env(safe-area-inset-bottom,0px) + 14px));inline-size:calc(100vw - 24px);max-inline-size:calc(100vw - 24px);grid-template-columns:20px minmax(0,1fr) 44px;gap:10px;padding:10px 8px 10px 14px}.copy-feedback__mark{inline-size:20px;block-size:20px}}
@media(prefers-reduced-motion:reduce){.copy-feedback{animation:none}}
