.app-notification{position:fixed;inset:auto 16px 24px auto;margin:0;max-width:min(460px,calc(100vw - 32px));padding:14px 20px;border:1px solid #80b997;border-radius:12px;background:#e7f7ed;color:#155d35;box-shadow:0 8px 32px #0003;font:600 1rem/1.45 system-ui,sans-serif;overflow-wrap:anywhere;pointer-events:none}
.app-notification.warning{background:#fff5d9;border-color:#d8a22a;color:#715000}
.app-notification.error{background:#ffeded;border-color:#cf7777;color:#a31c1c}
@media(max-width:700px){.app-notification{inset:auto 16px max(20px,env(safe-area-inset-bottom)) 16px;max-width:none;text-align:center}}