.app-notif-root{position:fixed;top:20px;left:0;right:0;z-index:2147483647;pointer-events:none;flex-direction:column;margin:0 auto;max-width:90vw}.app-notif,.app-notif-root{display:flex;align-items:center;gap:12px}.app-notif{background:hsl(var(--background)/.95);backdrop-filter:blur(8px);cursor:default;border:1px solid hsl(var(--border)/.6);font-size:14px;border-radius:12px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);padding:12px 16px;max-width:448px;opacity:0;transform:translateY(-20px);transition:all .25s ease;pointer-events:auto}.app-notif--info{border-color:hsl(var(--info)/.15)}.app-notif--success{border-color:hsl(var(--success)/.15)}.app-notif--error{border-color:hsl(var(--error)/.15)}.app-notif__icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;line-height:0}.app-notif__icon svg{width:16px;height:16px;display:block}.app-notif__icon--info{color:hsl(var(--info))}.app-notif__icon--success{color:hsl(var(--success))}.app-notif__icon--error{color:hsl(var(--error))}.app-notif__content{flex:1;font-size:14px}.app-notif__close{width:16px;height:16px;display:flex;align-items:center;justify-content:center;opacity:.7;background:none;border:none;cursor:pointer;padding:0;color:inherit}.app-notif--show{opacity:1;transform:translateY(0)}.app-notif--hide{opacity:0;transform:translateY(-20px)}