.ff-notification-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.ff-notification-trigger{overflow:visible}.ff-notification-count{min-width:18px!important;height:18px!important;padding:0 5px;display:inline-flex!important;align-items:center;justify-content:center;transform:translate(14px,-14px)!important;color:#fff;font-size:.62rem;font-weight:800;line-height:1;border:2px solid var(--surface,#111019)}.ff-notification-backdrop{position:fixed;inset:0;z-index:2998;border:0;background:transparent}.ff-notification-panel{position:absolute;top:54px;right:0;z-index:2999;width:min(390px,calc(100vw - 1.25rem));max-height:min(620px,calc(100dvh - 5.5rem));padding:1rem;overflow:hidden;display:grid;grid-gap:.8rem;gap:.8rem}.ff-notification-actions,.ff-notification-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.ff-notification-head strong{display:block;margin-top:.2rem;color:var(--t1);font-size:.95rem}.ff-notification-close,.ff-notification-delete{width:34px;height:34px;border-radius:11px;border:1px solid var(--b1);background:var(--white-05);color:var(--t2);display:grid;place-items:center;flex-shrink:0}.ff-notification-close:hover,.ff-notification-delete:hover{color:var(--t1);background:var(--white-10)}.ff-notification-actions .secondary-btn{min-height:36px;padding:.55rem .75rem;font-size:.75rem}.ff-notification-list{display:grid;grid-gap:.65rem;gap:.65rem;overflow:auto;padding-right:.15rem;max-height:min(430px,calc(100dvh - 14rem))}.ff-notification-item{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:.55rem;gap:.55rem;align-items:start;padding:.8rem;border:1px solid var(--b1);border-radius:16px;background:var(--white-03)}.ff-notification-item.is-unread{border-color:var(--Au-30);background:radial-gradient(circle at top left,var(--Au-10),transparent 45%),var(--white-05)}.ff-notification-item.is-read{opacity:.74}.ff-notification-content{width:100%;min-width:0;border:0;background:transparent;color:inherit;padding:0;display:grid;grid-template-columns:34px minmax(0,1fr);grid-gap:.7rem;gap:.7rem;text-align:left}.ff-notification-icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:var(--Au-10);border:1px solid var(--Au-20)}.ff-notification-copy{display:grid;grid-gap:.2rem;gap:.2rem;min-width:0}.ff-notification-copy strong{color:var(--t1);font-size:.88rem;line-height:1.3}.ff-notification-copy span{color:var(--t2);font-size:.78rem;line-height:1.5}.ff-notification-copy small{color:var(--Au);font-size:.68rem;font-weight:700}.ff-notification-empty{min-height:150px;display:grid;place-items:center;text-align:center;grid-gap:.4rem;gap:.4rem;padding:1.2rem;color:var(--t2)}.ff-empty-icon{font-size:2rem}.ff-notification-error{margin:0;font-size:.78rem}.ff-spin{animation:ffSpin .9s linear infinite}@keyframes ffSpin{to{transform:rotate(1turn)}}html.light-mode .ff-notification-panel,html[data-theme=light] .ff-notification-panel{background:#fff!important;color:#111827!important;border-color:rgba(17,24,39,.12)!important;box-shadow:0 24px 70px rgba(15,23,42,.18)!important}html.light-mode .ff-notification-copy strong,html.light-mode .ff-notification-head strong,html[data-theme=light] .ff-notification-copy strong,html[data-theme=light] .ff-notification-head strong{color:#111827!important}html.light-mode .ff-notification-copy span,html.light-mode .ff-notification-empty,html[data-theme=light] .ff-notification-copy span,html[data-theme=light] .ff-notification-empty{color:#4b5563!important}html.light-mode .ff-notification-item,html[data-theme=light] .ff-notification-item{background:#f9fafb!important;border-color:#e5e7eb!important}html.light-mode .ff-notification-item.is-unread,html[data-theme=light] .ff-notification-item.is-unread{background:linear-gradient(135deg,#fff7dc,#fff)!important;border-color:rgba(201,168,76,.42)!important}@media (max-width:560px){.ff-notification-panel{position:fixed;top:4.75rem;left:.75rem;right:.75rem;width:auto;max-height:calc(100dvh - 6rem)}.ff-notification-actions{align-items:stretch}.ff-notification-actions .secondary-btn{width:100%}}.ff-notification-detail{display:grid;grid-gap:.8rem;gap:.8rem;min-width:0}.ff-notification-back-btn,.ff-notification-detail-delete{width:100%;min-height:40px;justify-content:center}.ff-notification-detail-card{display:grid;grid-gap:.7rem;gap:.7rem;padding:1rem;border:1px solid var(--b1);border-radius:18px;background:radial-gradient(circle at top left,var(--Au-10),transparent 44%),var(--white-03);min-width:0}.ff-notification-detail-icon{width:44px;height:44px;border-radius:15px;font-size:1.25rem}.ff-notification-detail-card h3{margin:0;color:var(--t1);font-size:1.05rem;line-height:1.3;overflow-wrap:anywhere}.ff-notification-detail-card p:not(.eyebrow){margin:0;color:var(--t2);font-size:.9rem;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.ff-notification-content{cursor:pointer}.ff-notification-copy span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}html.light-mode .ff-notification-detail-card,html[data-theme=light] .ff-notification-detail-card{background:linear-gradient(135deg,#fff7dc,#fff)!important;border-color:rgba(201,168,76,.36)!important}html.light-mode .ff-notification-detail-card h3,html[data-theme=light] .ff-notification-detail-card h3{color:#111827!important}html.light-mode .ff-notification-detail-card p:not(.eyebrow),html[data-theme=light] .ff-notification-detail-card p:not(.eyebrow){color:#374151!important}@media (max-width:560px){.ff-notification-detail-card{padding:.9rem}.ff-notification-detail-card h3{font-size:1rem}.ff-notification-detail-card p:not(.eyebrow){font-size:.86rem}}