.toast-viewport{z-index:60;pointer-events:none;gap:12px;width:min(380px,100vw - 36px);display:grid;position:fixed;top:18px;right:18px}.toast{pointer-events:auto;border:1px solid var(--sign-border);background:var(--surface-2);box-shadow:var(--shadow-md);color:var(--sign-ink);border-radius:4px;justify-content:space-between;align-items:center;gap:12px;padding:14px 14px 14px 16px;animation:.18s ease-out both toast-in;display:flex;position:relative;overflow:hidden}.toast:before{content:"";background:#6870658c;border-radius:999px;width:4px;position:absolute;top:10px;bottom:10px;left:0}.toast__content{flex-direction:column;flex:1;justify-content:center;gap:4px;padding-left:6px;display:flex}.toast__title{letter-spacing:-.01em;font-size:14px;font-weight:600;line-height:1.25}.toast__message{color:var(--sign-muted);font-size:14px;line-height:1.35}.toast__close{width:32px;height:32px;color:var(--text-secondary);background:#aab59f14;border-radius:4px;justify-content:center;align-items:center;font-size:18px;line-height:1;transition:transform .15s,background .15s,color .15s;display:inline-flex}.toast__close:hover{color:var(--text-secondary);background:#aab59f29;transform:none}.toast--success:before{background:#16a34aa6}.toast--error:before{background:#a12b3cb3}.toast--warning:before{background:#d97706bf}.toast--info:before{background:#687065a6}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.toast{transition:none;animation:none}}