.app-toast{top:auto;right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));z-index:120;pointer-events:none;overscroll-behavior:contain;gap:.75rem;width:min(400px,100vw - 2rem);max-height:min(28rem,100dvh - 2rem);margin:0;padding:0;display:grid;left:auto;overflow-y:auto;position:fixed!important}.app-toast>*{pointer-events:auto;justify-self:end}.app-toast--open{padding:0}.app-toast__item{border:1px solid var(--de-color-border);border-radius:var(--de-radius-md);width:min(360px,100%);box-shadow:var(--de-shadow-md);background:var(--de-color-surface-strong);color:var(--de-color-text);animation:.18s both app-toast-enter;overflow:hidden}.app-toast__item:before{content:"";background:var(--de-gradient-hero);width:100%;height:3px;display:block}.app-toast__item--success:before{background:var(--de-gradient-success)}.app-toast__item--error:before{background:var(--de-gradient-danger)}.app-toast__item--info:before{background:var(--de-gradient-info)}.app-toast__header{background:0 0;border-bottom:none;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.85rem 1rem .45rem;display:grid}.app-toast__header strong{color:var(--de-color-text);font-size:.92rem;font-weight:800;line-height:1.2}.app-toast__header .btn-close{grid-column:3;align-self:start;margin:0}.app-toast__heading{gap:.15rem;min-width:0;display:grid}.app-toast__tone{color:var(--de-color-text-muted);font-family:var(--de-font-family-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:700;line-height:1}.app-toast__badge{border-radius:var(--de-radius-pill);background:var(--de-color-primary-tint);width:30px;height:30px;color:var(--de-color-primary-strong);flex-shrink:0;justify-content:center;align-items:center;font-size:.82rem;font-weight:900;display:inline-flex}.app-toast__item--success .app-toast__badge{background:var(--de-color-success-soft);color:var(--de-color-success)}.app-toast__item--error .app-toast__badge{background:var(--de-color-danger-soft);color:var(--de-color-danger)}.app-toast__body{color:var(--de-color-text-soft);padding:0 1rem 1rem;font-size:.93rem;line-height:1.5}@media (width<=520px){.app-toast{right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));left:max(1rem, env(safe-area-inset-left));width:auto;max-height:min(28rem,100dvh - 2rem)}.app-toast>*{justify-self:stretch}.app-toast__item{width:100%}}@media (prefers-reduced-motion:reduce){.app-toast__item{animation:none}}@keyframes app-toast-enter{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0,0)}}