.app-toast-viewport{top:var(--space-12);right:var(--space-12);z-index:100;align-items:flex-end;gap:var(--space-8);width:min(22rem, calc(100vw - var(--space-16)));pointer-events:none;flex-direction:column;display:flex;position:fixed}.app-toast{align-items:flex-start;gap:var(--space-8);width:100%;padding:var(--space-10) var(--space-12);border:1px solid var(--color-border-muted);border-radius:var(--radius-xl);background:var(--color-surface-white);box-shadow:none;pointer-events:auto;animation:.22s ease-out app-toast-enter;display:flex}.app-toast--error{border-color:var(--color-danger-200);background:var(--color-surface-danger-soft)}.app-toast--success{border-color:var(--color-border-accent-soft);background:var(--color-surface-teal-soft)}.app-toast--info{border-color:var(--color-border-info);background:var(--color-surface-info-muted)}.app-toast__message{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-text-heading);flex:1;margin:0}.app-toast--error .app-toast__message{color:var(--color-danger-700-strong)}.app-toast__close{border-radius:var(--radius-md);width:1.5rem;height:1.5rem;color:var(--color-text-muted);font-size:var(--font-size-lg);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;line-height:1}.app-toast__close:hover{color:var(--color-text-heading);background:#0f172a0f}@keyframes app-toast-enter{0%{opacity:0;transform:translate(.75rem)}to{opacity:1;transform:translate(0)}}