.app-snackbar{position:fixed;top:18px;left:50%;z-index:70;display:flex;align-items:center;gap:11px;max-width:min(640px,calc(100vw - 24px));padding:11px 12px 11px 16px;border-radius:16px;background:#332a24;color:#fff8f1;box-shadow:0 18px 44px rgba(32,23,16,.3);font-size:.78rem;transform:translateX(-50%);animation:app-snackbar-rise .18s ease-out}.app-snackbar>svg{flex:0 0 auto;color:#9fd3b0}.app-snackbar.is-error>svg{color:#f3a49a}.app-snackbar>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-snackbar-action{flex:0 0 auto;min-height:36px;padding:6px 13px;border:0;border-radius:10px;background:#f4e9dc;color:#3b3028;font-size:.74rem;font-weight:800}.app-snackbar-action:hover{background:#fff}.app-snackbar-close{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border:0;border-radius:9px;background:transparent;color:#cbbdaf}.app-snackbar-close:hover{background:rgba(255,255,255,.1);color:#fff}@keyframes app-snackbar-rise{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:640px){.app-snackbar{top:auto;bottom:16px}}@media (prefers-reduced-motion:reduce){.app-snackbar{animation:none}}