.toast-container{display:none;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:10px;top:150px;z-index:9999}.toast,.toast-container.active{display:flex;pointer-events:auto}.toast{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:hsla(0,0%,100%,.95);border-left:4px solid;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.15),0 0 0 1px hsla(0,0%,100%,.2);gap:12px;max-width:450px;min-width:350px;opacity:0;overflow:hidden;padding:16px 20px;position:relative;transform:translateX(120%);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.toast.show{opacity:1;transform:translateX(0)}.toast.hide{opacity:0;transform:translateX(120%)}.toast.success{border-left-color:#22c55e}.toast.warning{border-left-color:#f59e0b}.toast.error{border-left-color:#ef4444}.toast.info{border-left-color:#3b82f6}.toast-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:40px;justify-content:center;position:relative;width:40px}.toast.success .toast-icon{background:linear-gradient(135deg,#4ade80,#22c55e);color:#fff}.toast.warning .toast-icon{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.toast.error .toast-icon{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}.toast.info .toast-icon{background:linear-gradient(135deg,#60a5fa,#3b82f6);color:#fff}.toast-content{display:flex;flex:1;flex-direction:column;gap:4px}.toast-title{color:#1f2937;font-size:14px;font-weight:600;line-height:1.2}.toast-message{color:#6b7280;font-size:13px;line-height:1.4}.toast-close{align-items:center;background:hsla(220,9%,46%,.1);border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all .2s ease;width:24px}.toast-close:hover{background:hsla(220,9%,46%,.2);color:#374151}.toast-progress{animation:progress 5s linear forwards;background:hsla(0,0%,100%,.3);border-radius:0 0 16px 16px;bottom:0;height:3px;left:0;position:absolute;transform-origin:left}.toast.success .toast-progress{background:#22c55e}.toast.warning .toast-progress{background:#f59e0b}.toast.error .toast-progress{background:#ef4444}.toast.info .toast-progress{background:#3b82f6}@keyframes progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (max-width:480px){.toast-container{left:10px;right:10px;top:200px}.toast{max-width:none;min-width:auto}.demo-buttons{align-items:center;flex-direction:column}.demo-btn{width:200px}}.icon-error,.icon-info,.icon-success,.icon-warning{height:20px;width:20px}.icon-close{height:14px;width:14px}