.save-feedback-root{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:5000;display:grid;gap:10px;width:min(300px,calc(100vw - 32px));pointer-events:none;text-align:left}
.save-feedback{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:16px 18px;background:#fff;border:1px solid #e2c253;border-radius:12px;box-shadow:0 8px 28px #14493330;color:#694c00;font:700 14px/1.4 system-ui,sans-serif;animation:save-feedback-in .2s ease-out}
.save-feedback-label{overflow-wrap:anywhere}.save-feedback-track{grid-column:1/-1;height:12px;border-radius:99px;background:#fff3bd;overflow:hidden}.save-feedback-track i{display:block;height:100%;width:8%;border-radius:inherit;background:repeating-linear-gradient(115deg,#f6c429 0 12px,#ffe078 12px 24px);animation:save-feedback-fill 12s cubic-bezier(.12,.55,.25,1) forwards,save-feedback-stripes .6s linear infinite;background-size:48px 100%}
.save-feedback-icon{grid-column:2;grid-row:1;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#dcfce7;color:#16803c}.save-feedback-icon svg{width:32px;height:32px}.save-feedback [hidden]{display:none!important}
.save-feedback[data-state="completing"],.save-feedback[data-state="success"]{border-color:#86ce9b;color:#146c35}.save-feedback[data-state="completing"] .save-feedback-track{background:#dcfce7}.save-feedback[data-state="completing"] .save-feedback-track i{animation:none;width:100%;background:#22a852;transition:width .3s ease}
.save-feedback[data-state="error"]{border-color:#f09595;color:#a32121}.save-feedback[data-state="error"] .save-feedback-track{background:#fee2e2}.save-feedback[data-state="error"] .save-feedback-track i{animation:none;width:100%;background:#db3838}.save-feedback[data-state="error"] .save-feedback-icon{background:#fee2e2;color:#be2929}.save-feedback[data-state="error"] svg{transform:rotate(180deg)}
@keyframes save-feedback-fill{to{width:90%}}@keyframes save-feedback-stripes{to{background-position:48px 0}}@keyframes save-feedback-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.save-feedback,.save-feedback-track i{animation:none}.save-feedback-track i{width:50%}}
@media(max-width:600px){.save-feedback-root{right:16px;bottom:max(16px,env(safe-area-inset-bottom))}}