.toast-viewport{z-index:var(--z-toast);gap:var(--s-8);width:min(380px, calc(100vw - var(--s-32)));pointer-events:none;flex-direction:column;display:flex;position:fixed;inset-block-start:calc(var(--topbar) + var(--s-12) + env(safe-area-inset-top,0px));inset-inline-end:max(var(--s-16), env(safe-area-inset-right,0px))}.toast-viewport>.toast{grid-template-columns:var(--s-20) minmax(0, 1fr) var(--control-h);align-items:center;gap:var(--s-12);width:100%;min-width:0;padding:var(--s-8) var(--s-8) var(--s-8) var(--s-16);border:1px solid var(--border);border-radius:var(--radius-m);background:var(--surface-raised);color:var(--text);box-shadow:var(--shadow-1);font-size:var(--t-14);pointer-events:auto;line-height:1.5;animation:.18s ease-out toast-in;display:grid}.toast-viewport .toast__icon{width:var(--s-20);height:var(--s-20);justify-content:center;align-items:center;margin:0;display:flex}.toast--error .toast__icon{color:var(--error)}.toast--success .toast__icon{color:var(--success)}.toast--info .toast__icon{color:var(--info)}.toast-viewport .toast__text{overflow-wrap:anywhere;min-width:0}.toast-viewport .toast__dismiss{width:var(--control-h);height:var(--control-h);border-radius:var(--radius-s);color:var(--text-muted);cursor:pointer;transition:color var(--transition), background-color var(--transition);background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.toast-viewport .toast__dismiss:hover,.toast-viewport .toast__dismiss:focus-visible{background:var(--surface-hover);color:var(--text)}.toast-viewport .toast__icon>svg,.toast-viewport .toast__dismiss>svg{flex:none;display:block}@keyframes toast-in{0%{opacity:0;transform:translateY(calc(-1 * var(--s-8)))}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.toast-viewport>.toast{animation:none}}