.toast-viewport{z-index:1000;top:calc(env(safe-area-inset-top,0px) + clamp(16px, 10dvh, 96px));gap:var(--space-2);pointer-events:none;flex-direction:column;width:min(544px,100vw - 16px);max-height:calc(100dvh - 160px);padding:12px;display:flex;position:fixed;left:50%;overflow-y:auto;transform:translate(-50%)}.toast{align-items:center;gap:var(--space-2);box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-card);width:100%;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);background:var(--surface);color:var(--text);font-size:var(--text-md);pointer-events:auto;flex:none;line-height:1.6;display:flex;box-shadow:0 8px 28px #00000024}.toast__message{overflow-wrap:anywhere;flex:1;min-width:0}.toast__icon{width:20px;height:20px;color:var(--success);flex:0 0 20px}.toast[data-tone=error]{border-color:color-mix(in srgb, var(--danger) 30%, var(--border))}.toast[data-tone=error] .toast__icon{color:var(--danger)}.toast[data-tone=info] .toast__icon{color:var(--text-muted)}.toast svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.toast__close{flex:0 0 var(--hit-min);width:var(--hit-min);height:var(--hit-min);border-radius:var(--radius-control);color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.toast__close svg{width:18px;height:18px}.toast__close:hover{background:var(--hover)}.toast__close:active{background:var(--selected)}.toast__close:focus-visible{outline:2px solid var(--primary);outline-offset:2px}