.toast-container{position:fixed;top:max(24px,env(safe-area-inset-top));right:max(24px,env(safe-area-inset-right));z-index:10001;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow-y:auto;display:flex;flex-direction:column;gap:12px;pointer-events:none}.app-toast{--toast-color: #2f86df;--toast-bg: #eef5ff;box-sizing:border-box;display:flex;align-items:flex-start;gap:14px;padding:18px;border:1.5px solid var(--toast-color);border-radius:16px;background:var(--toast-bg);color:#20252b;box-shadow:0 6px 24px #141e321a;font:14px/1.5 Arial,Helvetica,sans-serif;pointer-events:auto;animation:toast-enter .18s ease-out}.app-toast--success{--toast-color: #40cc65;--toast-bg: #f0faf3}.app-toast--warning{--toast-color: #efb514;--toast-bg: #fffaec}.app-toast--error{--toast-color: #fa535d;--toast-bg: #fff1f0}.app-toast-icon{display:flex;align-items:center;justify-content:center;flex:0 0 40px;height:40px;border-radius:50%;background:var(--toast-color);color:#fff}.app-toast-icon svg{width:23px;height:23px}.app-toast-content{flex:1;min-width:0}.app-toast-content strong{display:block;font-size:16px;margin-bottom:3px}.app-toast-content p{margin:0;color:#525961;overflow-wrap:anywhere}.app-toast-close{display:flex;align-items:center;justify-content:center;flex:0 0 32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;color:#525961;cursor:pointer}.app-toast-close svg{width:21px;height:21px}.app-toast-close:hover{background:#fff;color:#20252b}.app-toast-close:focus-visible{outline:2px solid #20252b;outline-offset:2px}@keyframes toast-enter{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@media(max-width:600px){.toast-container{top:16px;right:16px}.app-toast{padding:14px;gap:10px}.app-toast-close{flex-basis:44px;height:44px}}@media(prefers-reduced-motion:reduce){.app-toast{animation:none}}