.mascate-toast-viewport{position:fixed;bottom:var(--spacing-6);right:var(--spacing-6);z-index:100;display:flex;flex-direction:column;gap:var(--spacing-2);width:24rem;max-width:calc(100vw - var(--spacing-12));pointer-events:none}.mascate-toast-region{display:contents}.mascate-toast{display:flex;align-items:flex-start;gap:var(--spacing-3);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-sm);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);border:1px solid transparent;background-color:var(--color-bg-component);box-shadow:0 4px 12px rgba(0,0,0,.12);pointer-events:all;animation:mascate-toast-in .2s ease forwards}.mascate-toast--leaving{animation:mascate-toast-out .2s ease forwards}.mascate-toast--success{border-color:var(--color-success);color:var(--color-text-base)}.mascate-toast--success .mascate-toast__icon{color:var(--color-success)}.mascate-toast--error{border-color:var(--color-error);color:var(--color-text-base)}.mascate-toast--error .mascate-toast__icon{color:var(--color-error)}.mascate-toast__icon{flex-shrink:0;width:1.125rem;height:1.125rem;margin-top:.0625rem}.mascate-toast__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.mascate-toast__message{color:var(--color-text-base)}.mascate-toast__correlation{font-size:var(--text-xs);line-height:var(--leading-xs);color:var(--color-text-subtle);font-family:var(--font-mono)}.mascate-toast__dismiss{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.5rem;height:1.5rem;border:none;border-radius:var(--radius-sm);background-color:transparent;color:var(--color-text-subtle);cursor:pointer;padding:0;transition:background-color .12s ease,color .12s ease;margin-top:-.125rem}.mascate-toast__dismiss:hover{background-color:var(--color-bg-subtle);color:var(--color-text-base)}.mascate-toast__dismiss:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@keyframes mascate-toast-in{0%{opacity:0;transform:translateY(var(--spacing-2)) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mascate-toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(var(--spacing-2)) scale(.98)}}@media (prefers-reduced-motion:reduce){.mascate-toast,.mascate-toast--leaving{animation:none}.mascate-toast__dismiss{transition:none}}.mascate-banner{display:flex;align-items:flex-start;gap:var(--spacing-3);font-family:var(--font-sans);font-size:var(--text-sm);line-height:var(--leading-sm);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);border:1px solid transparent}.mascate-banner__icon{flex-shrink:0;width:1.125rem;height:1.125rem;margin-top:.0625rem}.mascate-banner__content{flex:1;min-width:0}.mascate-banner--info{background-color:var(--color-bg-component);color:var(--color-text-base);border-color:var(--color-border-strong)}.mascate-banner--info .mascate-banner__icon{color:var(--color-focus)}.mascate-banner--success{background-color:var(--color-bg-component);color:var(--color-text-base);border-color:var(--color-success)}.mascate-banner--success .mascate-banner__icon{color:var(--color-success)}.mascate-banner--warning{background-color:var(--color-bg-component);color:var(--color-text-base);border-color:var(--color-warning)}.mascate-banner--warning .mascate-banner__icon{color:var(--color-warning)}.mascate-banner--error{background-color:var(--color-bg-component);color:var(--color-text-base);border-color:var(--color-error)}.mascate-banner--error .mascate-banner__icon{color:var(--color-error)}