.toast-viewport{z-index:var(--z-toast);right:var(--sp-4);bottom:var(--sp-4);gap:var(--sp-2);width:min(380px, calc(100vw - var(--sp-8)));pointer-events:none;flex-direction:column;margin:0;padding:0;list-style:none;display:flex;position:fixed}.toast-viewport>.toast{pointer-events:auto}@media (width<=819px){.toast-viewport{left:var(--sp-3);right:var(--sp-3);bottom:calc(56px + env(safe-area-inset-bottom) + var(--sp-3));width:auto}}.toast{align-items:flex-start;gap:var(--sp-2);padding:var(--sp-3) var(--sp-3);border-radius:var(--radius-md);border:var(--border);background:var(--surface-raised);box-shadow:var(--elev-3);color:var(--text-strong);font-size:var(--fs-sm);animation:toast-in var(--dur-base) var(--ease-out);display:flex}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast-icon{width:22px;height:22px;font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-inverse);border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex}.toast-success .toast-icon{background:var(--status-ok)}.toast-error .toast-icon{background:var(--status-missing)}.toast-info .toast-icon{background:var(--accent)}.toast-message{line-height:var(--lh-normal);flex:auto;margin:0;padding-top:2px}.toast-buttons{align-items:center;gap:var(--sp-1);flex:none;display:flex}.toast-close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-muted);font-size:var(--fs-lg);background:0 0;border:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.toast-close:hover{background:var(--surface-hover);color:var(--text-strong)}@media (pointer:coarse){.toast-close{width:44px;height:44px}}