.toast-viewport{top:calc(var(--space-lg) + 64px);right:var(--space-lg);z-index:1080;gap:var(--space-sm);pointer-events:none;max-width:min(400px, calc(100vw - var(--space-lg) * 2));flex-direction:column;width:100%;display:flex;position:fixed}.toast{pointer-events:auto;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);padding-right:var(--space-lg);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(16px)saturate(140%);animation:toast-in .42s var(--ease-out-expo) both;transition:transform var(--transition-fast), box-shadow var(--transition-fast);display:flex;position:relative;overflow:hidden}.toast:hover{box-shadow:var(--shadow-xl), 0 0 0 1px rgba(var(--toast-rgb), .18);transform:translateY(-2px)}.toast--leaving{animation:toast-out .26s var(--ease-out-expo) both}.toast:before{content:"";background:linear-gradient(180deg, rgba(var(--toast-rgb), .9) 0%, rgba(var(--toast-rgb), .35) 100%);width:3px;position:absolute;inset:0 auto 0 0}.toast:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(120% 100% at 0% 0%, rgba(var(--toast-rgb), .07) 0%, transparent 60%);position:absolute;inset:0}.toast-icon{width:32px;height:32px;color:rgb(var(--toast-rgb));background:rgba(var(--toast-rgb), .12);box-shadow:inset 0 0 0 1px rgba(var(--toast-rgb), .2);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.toast-body{flex:1;min-width:0;padding-top:2px}.toast-message{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);color:var(--text-primary);overflow-wrap:anywhere;margin:0}.toast-close{top:var(--space-sm);right:var(--space-sm);border-radius:var(--radius-sm);width:22px;height:22px;color:var(--text-tertiary);cursor:pointer;opacity:0;transition:opacity var(--transition-fast), color var(--transition-fast), background var(--transition-fast);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}.toast:hover .toast-close,.toast-close:focus-visible{opacity:1}.toast-close:hover{color:var(--text-primary);background:var(--bg-muted)}.toast-progress{transform-origin:0;background:linear-gradient(90deg, rgba(var(--toast-rgb), .85) 0%, rgba(var(--toast-rgb), .45) 100%);width:100%;height:2px;animation:linear both toast-progress;position:absolute;bottom:0;left:0}.toast--success{--toast-rgb:var(--success-rgb)}.toast--error{--toast-rgb:var(--danger-rgb)}.toast--warning{--toast-rgb:var(--warning-rgb)}.toast--info{--toast-rgb:var(--info-rgb)}@keyframes toast-in{0%{opacity:0;transform:translate(24px)scale(.96)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(24px)scale(.96)}}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width:575.98px){.toast-viewport{top:auto;bottom:var(--space-md);left:var(--space-md);right:var(--space-md);max-width:none}.toast{animation-name:toast-in-mobile}.toast--leaving{animation-name:toast-out-mobile}@keyframes toast-in-mobile{0%{opacity:0;transform:translateY(16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-out-mobile{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(16px)scale(.98)}}}@media (prefers-reduced-motion:reduce){.toast-progress{display:none}}