/* Notifications stay readable in the page and in a modal top layer. */
#toast{display:flex;align-items:center;gap:12px;width:max-content;max-width:min(560px,calc(100vw - 32px));bottom:calc(22px + env(safe-area-inset-bottom));padding:13px 18px;border-radius:14px;background:var(--panel2);color:var(--text);font-size:13px;font-weight:500;overflow-wrap:anywhere;pointer-events:none;box-shadow:0 12px 38px #0005;z-index:9999}
#toast[data-kind="success"]{border-color:#42b691}
#toast[data-kind="success"]::before{content:'✓';display:grid;place-items:center;flex:0 0 25px;width:25px;height:25px;border-radius:50%;background:#42b69125;color:#57d9ad;font-weight:800;font-size:16px}
body.light #toast[data-kind="success"]::before{color:#137552}
@media(max-width:600px){#toast{font-size:12px;padding:11px 14px;bottom:calc(14px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px)}}