.toast-viewport{position:fixed;z-index:10000;top:calc(16px + env(safe-area-inset-top));left:50%;display:flex;width:min(460px,calc(100% - 28px));flex-direction:column;align-items:center;gap:8px;transform:translateX(-50%);pointer-events:none}
.app-toast{display:flex;align-items:center;justify-content:center;gap:12px;max-width:100%;padding:11px 16px;border:1px solid #ffffff22;border-radius:13px;background:#25262df2;color:#f6f2e9;font-size:12px;font-weight:650;line-height:1.5;text-align:center;box-shadow:0 12px 36px #0008;backdrop-filter:blur(16px);pointer-events:auto;animation:toast-enter .32s cubic-bezier(.2,.8,.2,1) both}
.app-toast[data-leaving="true"]{animation:toast-exit .24s ease both}
.app-toast-message{min-width:0;overflow-wrap:anywhere}
.app-toast-actions{display:flex;flex:none;gap:7px}
.app-toast-action{min-height:30px;padding:0 10px;border:1px solid #ffffff25;border-radius:8px;background:#ffffff0c;color:#e9dfca;font:inherit;font-size:11px;cursor:pointer}
.app-toast-action.primary{border-color:#f2c46d;background:#f2c46d;color:#21190f;font-weight:800}
.app-toast-field{width:min(220px,42vw);height:32px;padding:0 8px;border:1px solid #ffffff2b;border-radius:7px;background:#111216;color:#fff;font:inherit;font-size:11px}
@keyframes toast-enter{from{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes toast-exit{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.98)}}
@media(prefers-reduced-motion:reduce){.app-toast,.app-toast[data-leaving="true"]{animation-duration:.01ms}}