.toast-stack{top:calc(var(--top-bar-height) + var(--safe-top) + 12px);gap:var(--space-2);z-index:var(--z-toast);pointer-events:none;flex-direction:column;width:min(420px,100% - 24px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-3);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);pointer-events:auto;cursor:pointer;opacity:0;transition:opacity var(--duration-base) var(--ease-emphasized-decelerate), transform var(--duration-base) var(--ease-emphasized-decelerate);display:inline-flex;transform:translateY(-8px)scale(.96)}.toast--visible{opacity:1;transform:translateY(0)scale(1)}.toast--leaving{opacity:0;pointer-events:none;transform:translateY(-8px)scale(.96)}.toast--success{background:var(--color-success-container);color:var(--color-on-success-container);border-color:color-mix(in srgb, var(--color-success) 20%, transparent)}.toast--info{background:var(--color-primary-container);color:var(--color-on-primary-container);border-color:color-mix(in srgb, var(--color-primary) 20%, transparent)}.toast--error{background:var(--color-error-container);color:var(--color-on-error-container);border-color:color-mix(in srgb, var(--color-error) 20%, transparent)}.toast__icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.toast__message{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;flex:1;min-width:0;display:-webkit-box;overflow:hidden}.toast__action{font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:inherit;cursor:pointer;padding:0 var(--space-1);letter-spacing:.01em;text-transform:uppercase;background:0 0;border:none;flex-shrink:0}.toast__dismiss{border-radius:var(--radius-full);width:28px;height:28px;color:inherit;cursor:pointer;opacity:.75;transition:opacity var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:-4px -6px -4px 0;padding:0;display:inline-flex}.toast__dismiss:hover,.toast__dismiss:focus-visible{opacity:1;background:color-mix(in srgb, currentColor 14%, transparent)}
