.toast-viewport{align-items:center;gap:var(--space-2-5);z-index:var(--z-toast);pointer-events:none;flex-direction:column;display:flex;position:fixed;inset-block-end:var(--space-5);inset-inline:0}.toast{pointer-events:auto;align-items:center;gap:var(--space-3);max-inline-size:min(92vw,440px);padding-block:var(--space-3);padding-inline:var(--space-3-5);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--blur-glass);backdrop-filter:var(--blur-glass);box-shadow:var(--shadow-pop);animation:toast-in var(--duration-medium) var(--easing-standard);display:flex}.toast--success{background:var(--color-success-tint);border:1px solid var(--color-success-tint-border);color:var(--color-text)}.toast--error{background:var(--color-danger-tint);border:1px solid var(--color-danger-tint-border);color:var(--color-text)}.toast--connection{background:var(--surface-dark);-webkit-backdrop-filter:var(--blur-dark);backdrop-filter:var(--blur-dark);border:var(--border-dark);color:var(--color-on-dark);box-shadow:var(--shadow-dark)}.toast__message{font-size:var(--text-sm);font-weight:var(--weight-semibold);flex:1;margin:0;line-height:1.4}.toast__retry{cursor:pointer;padding-block:var(--space-1-5);padding-inline:var(--space-2-5);border-radius:var(--radius-sm);background:var(--surface-raised);color:var(--color-text);font-size:var(--text-xs);font-weight:var(--weight-bold);border:0;flex:none}.toast--connection .toast__retry{background:var(--surface-solid);color:var(--color-ink)}.toast__retry:focus-visible{box-shadow:var(--shadow-focus);outline:none}.toast__dismiss{cursor:pointer;color:var(--color-text-faint);font-size:var(--text-md);padding:var(--space-1);background:0 0;border:0;flex:none;line-height:1}.toast--connection .toast__dismiss{color:var(--color-on-dark-faint)}.toast__dismiss:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-xs);outline:none}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}