.toast-container{top:var(--spacing-md);right:var(--spacing-md);z-index:var(--z-toast);gap:var(--spacing-sm);pointer-events:none;flex-direction:column;max-width:400px;display:flex;position:fixed}.toast{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);box-shadow:var(--shadow-md);cursor:pointer;pointer-events:auto;animation:toastSlideIn var(--transition-base) ease-out;transition:transform var(--transition-fast), opacity var(--transition-fast);background:#0a0a0af2;border:1px solid #ffffff1a;display:flex}.toast:hover{transform:translate(-4px)}.toast:focus{outline-offset:2px;outline:2px solid #00f5ff80}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast--exiting{animation:.2s ease-in forwards toastSlideOut}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast__icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.875rem;font-weight:700;display:flex}.toast__message{color:#ffffffe6;flex:1;font-size:.9375rem;line-height:1.4}.toast__dismiss{color:#ffffff80;cursor:pointer;border-radius:var(--radius-sm);width:24px;height:24px;transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;display:flex}.toast__dismiss:hover{color:#ffffffe6;background:#ffffff1a}.toast--success{background:linear-gradient(135deg,#00ff411a 0%,#0a0a0af2 100%);border-color:#00ff414d}.toast--success .toast__icon{color:#00ff41;background:#00ff4133}.toast--error{background:linear-gradient(135deg,#ff006e1a 0%,#0a0a0af2 100%);border-color:#ff006e4d}.toast--error .toast__icon{color:#ff006e;background:#ff006e33}.toast--warning{background:linear-gradient(135deg,#ffaa001a 0%,#0a0a0af2 100%);border-color:#ffaa004d}.toast--warning .toast__icon{color:#fa0;background:#fa03}.toast--info{background:linear-gradient(135deg,#00f5ff1a 0%,#0a0a0af2 100%);border-color:#00f5ff4d}.toast--info .toast__icon{color:#00f5ff;background:#00f5ff33}@media (width<=480px){.toast-container{left:var(--spacing-md);right:var(--spacing-md);max-width:none}.toast{padding:var(--spacing-sm)}.toast__message{font-size:.875rem}}