.toast-container{display:flex;flex-direction:column;gap:10px;max-width:360px;pointer-events:none;position:fixed;right:20px;top:20px;width:100%;z-index:9998}.toast{align-items:flex-start;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:var(--border);border-radius:14px;box-shadow:0 10px 30px rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.04);color:var(--text);display:flex;font-family:var(--font-sans,system-ui,-apple-system,sans-serif);font-size:14px;gap:12px;line-height:1.4;opacity:0;overflow:hidden;padding:14px 16px;pointer-events:auto;position:relative;transform:translateX(120%);transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s ease}.toast.show{opacity:1;transform:translateX(0)}.toast.hiding{opacity:0;transform:translateX(120%)}.toast--success{border-color:rgba(34,197,94,.35)}.toast--success .toast__icon{color:var(--success)}.toast--error{border-color:rgba(239,68,68,.35)}.toast--error .toast__icon{color:var(--danger)}.toast--warning{border-color:rgba(251,191,36,.35)}.toast--warning .toast__icon{color:var(--warning)}.toast--info{border-color:var(--border-violet)}.toast--info .toast__icon{color:var(--accent)}.toast__icon{flex-shrink:0;font-size:18px;margin-top:1px}.toast__content{flex:1;min-width:0}.toast__message{word-wrap:break-word}.toast__close{background:none;border:none;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-size:14px;line-height:1;opacity:.6;padding:2px;transition:opacity .15s ease}.toast__close:hover{color:var(--text);opacity:1}.toast__progress{background:linear-gradient(90deg,var(--accent),var(--teal));border-radius:0 0 0 14px;bottom:0;height:3px;left:0;opacity:.6;position:absolute;transition:width .1s linear}.toast--success .toast__progress{background:var(--success);opacity:.5}.toast--error .toast__progress{background:var(--danger);opacity:.5}.toast--warning .toast__progress{background:var(--warning);opacity:.5}@media (max-width:480px){.toast-container{bottom:16px;left:16px;max-width:none;right:16px;top:auto}.toast{transform:translateY(120%)}.toast.show{transform:translateY(0)}.toast.hiding{transform:translateY(120%)}}@media (prefers-reduced-motion:reduce){.toast{transition:none}}