.toast-viewport{width:min(420px,100vw - 32px);max-height:calc(100dvh - 40px);color:var(--color-text);overscroll-behavior:contain;background:0 0;border:0;margin:0;padding:4px;position:fixed;inset:auto 20px 20px auto;overflow:auto}.toast-stack{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.toast{background:var(--color-raised);border-radius:var(--radius-control);font-family:var(--font-body), sans-serif;border:1px solid #65695e;grid-template-columns:20px minmax(0,1fr) 36px;align-items:start;gap:12px;padding:16px 12px 16px 16px;font-size:15px;display:grid}.toast>svg{width:20px;height:20px;color:var(--color-success);margin-top:2px}.toast-info>svg{color:var(--color-focus)}.toast-error>svg{color:#f0a68e}.toast p{overflow-wrap:anywhere;margin:0;line-height:1.5}.toast-dismiss{border-radius:var(--radius-control);width:36px;height:36px;color:var(--color-muted);background:0 0;border:0;place-items:center;margin-top:-6px;padding:8px;display:grid}.toast-dismiss svg{width:20px;height:20px}.toast-dismiss:hover{background:var(--color-rule);color:var(--color-text)}.toast-dismiss:focus-visible{outline-offset:0}@media (max-width:700px){.toast-viewport{inset:auto 12px max(12px, env(safe-area-inset-bottom)) 12px;width:auto;max-height:60dvh}.toast{grid-template-columns:20px minmax(0,1fr) 44px}.toast-dismiss{width:44px;height:44px;margin-top:-10px}}