.aoy-notifications{position:fixed;z-index:2147483000;top:calc(env(safe-area-inset-top,0px) + 18px);right:calc(env(safe-area-inset-right,0px) + 18px);display:flex;flex-direction:column;gap:10px;width:380px;max-width:calc(100vw - 36px);max-height:calc(100dvh - 36px);overflow-y:auto;overscroll-behavior:contain;padding:2px;pointer-events:none;scrollbar-width:thin;text-align:left;font-family:inherit}
body.aoy-app .aoy-notifications{top:calc(var(--aoy-header-height,64px) + 16px);max-height:calc(100dvh - var(--aoy-header-height,64px) - 32px)}
.aoy-notification{--aoy-notice-accent:#4f46e5;display:flex;align-items:flex-start;gap:12px;flex:none;margin:0;padding:16px;border:1px solid var(--aoy-border,#dce3ed);border-left:4px solid var(--aoy-notice-accent);border-radius:14px;background:var(--aoy-surface,#fff);color:var(--aoy-text,#172033);box-shadow:0 10px 30px rgba(15,23,42,.16);pointer-events:auto;animation:aoy-notice-enter .18s ease-out}
.aoy-notification.is-success{--aoy-notice-accent:#16a34a}.aoy-notification.is-error{--aoy-notice-accent:#dc2626}.aoy-notification.is-warning{--aoy-notice-accent:#d97706}.aoy-notification.is-info{--aoy-notice-accent:#2563eb}
.aoy-notification-icon{display:grid;place-items:center;flex:none;width:28px;height:28px;border:1px solid currentColor;border-radius:9px;color:var(--aoy-notice-accent);font-size:17px;font-weight:700;line-height:1}
.aoy-notification-copy{flex:1;min-width:0}.aoy-notification-title{margin:0 0 4px;font-size:13px;font-weight:700;line-height:1.4;color:inherit}.aoy-notification-message{max-height:220px;margin:0;overflow:auto;overscroll-behavior:contain;color:var(--aoy-muted,#526078);font-size:13px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere}
.aoy-notification .aoy-notification-close{display:grid;place-items:center;flex:none;width:28px;height:28px;min-height:0;margin:-3px -4px 0 0;padding:0;border:0;border-radius:7px;background:transparent;color:var(--aoy-muted,#526078);font:inherit;font-size:22px;line-height:1;cursor:pointer}.aoy-notification .aoy-notification-close:hover{background:var(--aoy-surface-alt,#eef2f7);color:var(--aoy-text,#172033)}.aoy-notification .aoy-notification-close:focus-visible{outline:2px solid var(--aoy-primary,#6366f1);outline-offset:2px}
:root[data-theme=dark] .aoy-notification{box-shadow:0 10px 30px rgba(0,0,0,.35)}:root[data-theme=dark] .aoy-notification.is-success{--aoy-notice-accent:#4ade80}:root[data-theme=dark] .aoy-notification.is-error{--aoy-notice-accent:#f87171}:root[data-theme=dark] .aoy-notification.is-warning{--aoy-notice-accent:#fbbf24}:root[data-theme=dark] .aoy-notification.is-info{--aoy-notice-accent:#60a5fa}
@keyframes aoy-notice-enter{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:575px){.aoy-notifications{top:calc(env(safe-area-inset-top,0px) + 12px);right:12px;width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);gap:8px}.aoy-notification{padding:13px;gap:10px;border-radius:12px}.aoy-notification-message{font-size:12px}.aoy-notification .aoy-notification-close{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.aoy-notification{animation:none}}