.app-toast{position:fixed;left:var(--page-pad-x);right:var(--page-pad-x);width:auto;max-width:min(var(--app-max-w),calc(100% - (var(--page-pad-x) * 2)));margin-inline:auto;bottom:calc(16px + env(safe-area-inset-bottom, 0px));z-index:var(--z-toast);display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;border:1px solid transparent;box-sizing:border-box;min-width:0;box-shadow:0 10px 28px -12px rgba(17,17,17,.22);animation:app-toast-in .28s var(--ease) both;pointer-events:none}.app-toast--above-tabs{bottom:var(--tabs-bar-h)}.app-toast--top{bottom:auto;top:calc(var(--app-bar-h) + 12px + env(safe-area-inset-top, 0px));animation:app-toast-in-top .28s var(--ease) both}.app-toast--success{background:#f0faf3;border-color:rgba(4,155,77,.35);color:#047a3e}.app-toast--error{background:#fff5f5;border-color:rgba(192,57,43,.35);color:#b33428}.app-toast__icon{flex:0 0 auto;display:inline-flex;margin-top:1px}.app-toast__body{flex:1 1 auto;min-width:0}.app-toast__message{font-size:var(--text-md);font-weight:600}.app-toast__detail,.app-toast__message{line-height:1.35;overflow-wrap:anywhere;word-break:break-word}.app-toast__detail{margin-top:2px;font-size:var(--text-sm);font-weight:500;opacity:.92;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}@keyframes app-toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes app-toast-in-top{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:768px){.app-toast{left:var(--page-pad-x);right:var(--page-pad-x);width:min(560px,calc(100% - (var(--page-pad-x) * 2)));max-width:min(560px,calc(100% - (var(--page-pad-x) * 2)));margin-inline:auto;padding:13px 16px;border-radius:16px}.app-toast--above-tabs{bottom:var(--tabs-bar-h)}.app-toast--top{top:calc(var(--app-bar-h) + 14px + env(safe-area-inset-top, 0px))}.app-toast__message{font-size:var(--text-base)}}