.toast-viewport{bottom:var(--space-6);right:var(--space-6);gap:var(--space-3);width:380px;max-width:calc(100vw - var(--space-8));max-height:100vh;padding:var(--space-3);z-index:var(--z-toast);outline:none;flex-direction:column;margin:0;list-style:none;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--glass-bg-solid);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg), 0 0 0 1px #ffffff0d;-webkit-backdrop-filter:blur(var(--glass-blur));display:flex;position:relative;overflow:hidden}.toast:before{content:"";border-radius:var(--radius-full) 0 0 var(--radius-full);width:3px;position:absolute;top:0;bottom:0;left:0}.toast-success:before{background:var(--color-success);box-shadow:0 0 12px var(--color-success-glow)}.toast-success .toast-icon{color:var(--color-success);background:var(--color-success-subtle)}.toast-error:before{background:var(--color-error);box-shadow:0 0 12px var(--color-error-glow)}.toast-error .toast-icon{color:var(--color-error);background:var(--color-error-subtle)}.toast-warning:before{background:var(--color-warning);box-shadow:0 0 12px var(--color-warning-glow)}.toast-warning .toast-icon{color:var(--color-warning);background:var(--color-warning-subtle)}.toast-info:before{background:var(--color-info);box-shadow:0 0 12px var(--color-info-glow)}.toast-info .toast-icon{color:var(--color-info);background:var(--color-info-subtle)}.toast-icon{border-radius:var(--radius-lg);width:32px;height:32px;margin-left:var(--space-1);flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-icon svg{width:18px;height:18px}.toast-content{flex:1;min-width:0}.toast-title{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600;line-height:var(--leading-snug);margin:0}.toast-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);margin-top:var(--space-1)}.toast-action{padding:var(--space-1-5) var(--space-3);font-size:var(--text-xs);color:var(--color-accent);background:var(--color-accent-subtle);border:1px solid var(--color-accent-muted);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);flex-shrink:0;font-weight:600}.toast-action:hover{background:var(--color-accent-muted);border-color:var(--color-accent)}.toast-action:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.toast-close{width:24px;height:24px;color:var(--color-text-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);margin-left:var(--space-1);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-close:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.toast-close:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.toast-close svg{width:14px;height:14px}@media (width<=480px){.toast-viewport{left:var(--space-3);right:var(--space-3);bottom:var(--space-3);width:auto}.toast{padding:var(--space-3)}}@media (prefers-reduced-motion:reduce){.toast{transition:none}}