@layer components{.toast{--theme: #666;&[data-toast-type=success]{--theme: var(--gacse-success-main, #16a34a)}&[data-toast-type=error]{--theme: var(--gacse-error-main, #dc2626)}&[data-toast-type=warning]{--theme: var(--gacse-warning-main, #eab308)}&[data-toast-type=info]{--theme: var(--gacse-info-main, #0ea5e9)}}.toast-container{position:fixed;top:1rem;right:1rem;z-index:var(--gacse-z-toast, 9999);display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast{pointer-events:auto;position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:.75rem;width:360px;max-width:calc(100vw - 2rem);background:var(--gacse-surface, white);padding:1rem;border-radius:.75rem;border-inline-start:4px solid var(--theme);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;animation:toast-in .4s cubic-bezier(.16,1,.3,1),toast-out .4s cubic-bezier(.16,1,.3,1) 5s forwards;will-change:transform,opacity}.toast-icon{color:var(--theme);display:grid;place-items:center;svg{width:1.5rem;height:1.5rem}}.toast-content{display:flex;flex-direction:column;gap:.25rem}.toast-title{font-weight:600;font-size:.95rem;color:var(--gacse-text-strong, #1f2937)}.toast-message{font-size:.875rem;color:var(--gacse-text-muted, #4b5563);margin:0}.toast-close{border:none;background:transparent;cursor:pointer;color:var(--gacse-text-soft, #9ca3af);&:hover{color:var(--gacse-text-strong, #111)}}.toast-progress{position:absolute;bottom:0;left:0;height:3px;background:var(--theme);width:100%;transform-origin:left;animation:progress-bar 5s linear forwards;border-bottom-left-radius:.75rem}@keyframes toast-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}@keyframes progress-bar{to{transform:scaleX(0)}}}