.toast-viewport{left:50%;bottom:calc(16px + env(safe-area-inset-bottom));z-index:1050;pointer-events:none;flex-direction:column;align-items:center;gap:10px;width:420px;max-width:calc(100vw - 32px);display:flex;position:fixed;transform:translate(-50%)}.toast{pointer-events:auto;background:var(--surface-flat);border:1px solid var(--hairline);border-radius:var(--radius-full);max-width:360px;box-shadow:var(--shadow-input);animation:toast-in .2s var(--ease-smooth);align-items:center;gap:10px;padding:7px 14px 7px 7px;display:inline-flex}.toast.leaving{animation:toast-out .2s var(--ease-smooth) forwards}.toast.success{--toast-accent:var(--success);--toast-soft:var(--success-soft)}.toast.info{--toast-accent:var(--accent);--toast-soft:var(--accent-soft)}.toast.warning{--toast-accent:var(--warning);--toast-soft:var(--warning-soft)}.toast.error{--toast-accent:#dc2626;--toast-soft:#fee2e2}:root[data-theme=ios18-dark] .toast.error{--toast-accent:#ef4444;--toast-soft:#ef444426}.toast-icon{color:#fff;background:var(--toast-accent);border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}.toast-body{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.toast-title{min-width:0;font-size:var(--fs-base);font-weight:var(--weight-medium);color:var(--text-1);white-space:nowrap;text-overflow:ellipsis;flex:1;line-height:1.3;overflow:hidden}.toast-count{color:var(--text-3);font-weight:var(--weight-medium)}.toast-desc{display:none}.toast-action{color:var(--toast-accent);font:inherit;font-size:var(--fs-sm);font-weight:var(--weight-medium);cursor:pointer;background:0 0;border:0;flex-shrink:0;margin:0;padding:0}.toast-action:hover{text-decoration:underline}.toast-close{border-radius:var(--radius-sm);width:20px;height:20px;color:var(--text-3);cursor:pointer;background:0 0;border:0;flex-shrink:0;place-items:center;margin:0;padding:0;transition:color .12s,background .12s;display:grid}.toast-close:hover{color:var(--text-1);background:var(--surface-muted)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{to{opacity:0;transform:translateY(8px)}}@media (max-width:479px){.toast-viewport{width:auto;left:16px;right:16px;transform:none}}@media (prefers-reduced-motion:reduce){.toast,.toast.leaving{animation:none}}