.toasts{z-index:9999;top:84px;right:var(--space-4);gap:var(--space-2);width:min(380px,calc(100vw - 2*var(--space-4)));pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{--tone:var(--color-secondary);pointer-events:auto;align-items:flex-start;gap:var(--space-3);padding:var(--space-3)var(--space-3)var(--space-3)var(--space-4);background:var(--bg-card);border:1px solid var(--glass-border);border-left:4px solid var(--tone);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);color:var(--text-primary);animation:.22s ease-out toast-in;display:flex}.toast.is-success{--tone:#3ecf8e}.toast.is-error{--tone:#ff5c7a}.toast.is-warning{--tone:var(--color-accent-gold)}.toast.is-info{--tone:var(--color-secondary)}.toast-icon{color:var(--tone);flex-shrink:0;margin-top:1px;font-size:1.35rem}.toast-message{font-size:var(--font-size-sm);overflow-wrap:anywhere;flex:1;margin:0;line-height:1.5}.toast-close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;flex-shrink:0;place-items:center;display:grid}.toast-close:hover{color:var(--text-primary);background:var(--bg-elevated)}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}@media (max-width:768px){.toasts{top:auto;bottom:calc(var(--bottom-nav-height) + var(--space-3));right:var(--space-3);left:var(--space-3);width:auto}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}