.notifications-container{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;z-index:9999;pointer-events:none;padding:8px 16px;box-sizing:border-box}.notification-item{display:flex;align-items:flex-start;gap:12px;padding:16px 16px 18px;margin-bottom:8px;background:hsla(0,0%,65%,.7);backdrop-filter:blur(150px);-webkit-backdrop-filter:blur(150px);border-radius:24px;box-shadow:0 8px 24px rgba(0,0,0,.22);pointer-events:auto;cursor:pointer;animation:slideDownFadeIn .4s ease-out forwards;transform:translateY(-100%);opacity:0;color:#000;font-family:Acumin VF,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;position:relative;height:auto;min-height:56px}.notification-item:before{content:"";position:absolute;inset:0;background:linear-gradient(#333,#333);opacity:.3;border-radius:24px;pointer-events:none;mix-blend-mode:multiply;z-index:0}.notification-item>*{position:relative;z-index:1}@keyframes slideDownFadeIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.notification-item:active{opacity:.8}.notification-avatar{flex-shrink:0;width:38px;height:38px;border-radius:50%;overflow:hidden;background:transparent;padding:0;margin:0;border:none;box-shadow:none;outline:none}.notification-avatar--ai{background:#fff}.notification-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.notification-content{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:0}.notification-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:0}.notification-title{font-size:15px;font-weight:600;line-height:20px;color:#000;flex:1 1}.notification-body{font-size:15px;font-weight:300;white-space:nowrap}.notif__detail,.notification-body{line-height:20px;color:#000;letter-spacing:-.4px;overflow:hidden;text-overflow:ellipsis}.notif__detail{font-weight:400;font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;white-space:normal;word-break:break-word;margin:0;padding:0}.notification-meta{flex-shrink:0;display:flex;align-items:flex-start}.notification-timestamp{font-size:13px;font-weight:400;color:rgba(0,0,0,.5);line-height:20px;white-space:nowrap}@supports (padding:max(0px)){.notifications-container{padding-top:max(8px,env(safe-area-inset-top))}}@media (prefers-reduced-motion:reduce){.notification-item{animation:none;transform:translateY(0);opacity:1;transition:height .2s ease-out}}