.yp-notif-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:transparent;padding:.4rem;border-radius:10px;color:#0f172a;transition:all .2s ease}.yp-notif-bell:hover{background:rgba(15,23,42,.06)}.yp-notif-bell.is-open{background:rgba(15,23,42,.1)}.yp-notif-bell__badge{position:absolute;top:3px;right:3px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#ef4444;color:#ffffff;font-size:.65rem;font-weight:800;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 0 0 2px #ffffff;animation:notif-badge-pulse 2s infinite}@keyframes notif-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.yp-notif-backdrop{position:fixed;inset:0;z-index:9998;background:rgba(15,23,42,.25);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:none;cursor:pointer}.yp-notif-panel{position:fixed;z-index:9999;display:flex;flex-direction:column;background:#ffffff;border-radius:20px;border:1px solid rgba(15,23,42,.1);box-shadow:0 20px 50px rgba(0,0,0,.15),0 4px 16px rgba(0,0,0,.05);overflow:hidden;animation:notif-slide-down .2s cubic-bezier(.16,1,.3,1)}@keyframes notif-slide-down{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.yp-notif-panel__head{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.1rem;border-bottom:1px solid rgba(15,23,42,.08);background:#ffffff}.yp-notif-panel__head strong{font-size:1rem;font-weight:800;color:#0f172a}.yp-notif-panel__head-unread{font-size:.72rem;font-weight:800;padding:.15rem .5rem;border-radius:999px;background:#fef2f2;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.yp-notif-panel__head-actions{display:flex;align-items:center;gap:.65rem}.yp-notif-panel__link{font-size:.78rem;font-weight:700;color:#0a7aa8;background:none;border:none;cursor:pointer;padding:0;transition:color .15s ease}.yp-notif-panel__link:hover{color:#035375;text-decoration:underline}.yp-notif-panel__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:none;background:rgba(15,23,42,.05);color:#64748b;cursor:pointer}.yp-notif-panel__close:hover{background:rgba(15,23,42,.1);color:#0f172a}.yp-notif-panel__filters{display:flex;flex-direction:column;gap:.45rem;padding:.65rem 1.1rem;background:#f8fafc;border-bottom:1px solid rgba(15,23,42,.06)}.yp-notif-panel__scope{display:flex;gap:.35rem}.yp-notif-panel__scope-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:8px;font-size:.76rem;font-weight:700;border:1px solid transparent;background:transparent;color:#64748b;cursor:pointer;transition:all .15s ease}.yp-notif-panel__scope-btn:hover{color:#0f172a;background:rgba(15,23,42,.04)}.yp-notif-panel__scope-btn.is-active{background:#ffffff;color:#0f172a;border-color:rgba(15,23,42,.1);box-shadow:0 2px 6px rgba(0,0,0,.04)}.yp-notif-panel__count{font-size:.68rem;font-weight:800;padding:.1rem .4rem;border-radius:999px;background:#e2e8f0;color:#334155}.yp-notif-panel__count.is-hot{background:#fee2e2;color:#dc2626}.yp-notif-panel__cats{display:flex;gap:.3rem;overflow-x:auto;padding-bottom:2px}.yp-notif-panel__cat{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:999px;font-size:.72rem;font-weight:600;border:1px solid rgba(15,23,42,.08);background:#ffffff;color:#64748b;white-space:nowrap;cursor:pointer}.yp-notif-panel__cat.is-active{background:#0f172a;color:#ffffff;border-color:#0f172a}.yp-notif-panel__cat-n{font-size:.65rem;opacity:.8}.yp-notif-panel__list{flex:1 1;overflow-y:auto;padding:.5rem;display:flex;flex-direction:column;gap:.45rem}.yp-notif-panel__empty{padding:2.5rem 1rem;text-align:center;font-size:.84rem;color:#64748b}.yp-notif-panel__item{display:flex;flex-direction:column;gap:.3rem;padding:.75rem .85rem;border-radius:12px;background:#ffffff;border:1px solid rgba(15,23,42,.06);cursor:pointer;transition:all .2s ease;text-align:left}.yp-notif-panel__item:hover{background:#f8fafc;border-color:rgba(15,23,42,.12)}.yp-notif-panel__item.is-unread{background:#f0fdf4;border-color:rgba(34,197,94,.3);box-shadow:inset 3px 0 0 #22c55e}.yp-notif-panel__item.is-expanded{border-color:#0f172a;box-shadow:0 4px 14px rgba(0,0,0,.06)}.yp-notif-panel__item-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.7rem}.yp-notif-panel__type-chip{font-size:.68rem;font-weight:700;color:#0a7aa8;background:rgba(10,122,168,.08);padding:.15rem .45rem;border-radius:4px}.yp-notif-panel__item time{color:#94a3b8}.yp-notif-panel__item-title{font-size:.84rem;font-weight:700;color:#0f172a;line-height:1.3}.yp-notif-panel__item-title.is-unread{font-weight:800;color:#0f172a}.yp-notif-panel__item-body{font-size:.76rem;color:#475569;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yp-notif-panel__item-body.is-expanded{display:block;-webkit-line-clamp:unset;color:#1e293b}.yp-notif-panel__item-actor{font-size:.7rem;color:#64748b;font-style:italic}.yp-notif-panel__item-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.35rem;padding-top:.45rem;border-top:1px dashed rgba(15,23,42,.1)}.yp-notif-action-btn{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .65rem;border-radius:8px;font-size:.74rem;font-weight:700;background:#0f172a;color:#ffffff;text-decoration:none}.yp-notif-action-btn:hover{background:#334155}.yp-notif-read-status{display:inline-flex;align-items:center;gap:.2rem;font-size:.7rem;font-weight:700;color:#16a34a}.modern-notif-inbox-container{display:flex;flex-direction:column;gap:1rem;max-width:800px;margin:0 auto;padding:1rem .85rem 4rem}.modern-notif-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.4rem;border-radius:18px;background:#ffffff;border:1px solid rgba(15,23,42,.08)}.modern-notif-title{font-size:1.5rem;font-weight:900;color:#0f172a;margin:0}.modern-notif-badge-count{font-size:.76rem;font-weight:800;padding:.2rem .6rem;border-radius:999px;background:#fee2e2;color:#dc2626;border:1px solid rgba(220,38,38,.2)}.modern-notif-lead{font-size:.82rem;color:#64748b;margin:.3rem 0 0}.modern-notif-tabs{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.2rem;border-radius:16px;background:#ffffff;border:1px solid rgba(15,23,42,.08)}.modern-notif-scopes{display:flex;gap:.5rem}.modern-notif-scope-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .95rem;border-radius:10px;font-size:.84rem;font-weight:700;border:1px solid rgba(15,23,42,.1);background:#f8fafc;color:#475569;cursor:pointer;transition:all .2s ease}.modern-notif-scope-btn.is-active{background:#0f172a;color:#ffffff;border-color:#0f172a}.modern-notif-scope-chip{font-size:.72rem;font-weight:800;padding:.1rem .45rem;border-radius:999px;background:rgba(15,23,42,.1)}.modern-notif-scope-btn.is-active .modern-notif-scope-chip{background:rgba(255,255,255,.2);color:#ffffff}.modern-notif-types{display:flex;gap:.35rem;overflow-x:auto;padding-bottom:2px}.modern-notif-type-pill{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid rgba(15,23,42,.1);background:#ffffff;color:#64748b;cursor:pointer;white-space:nowrap;transition:all .2s ease}.modern-notif-type-pill.is-active{background:#afca03;color:#0f172a;border-color:#afca03;font-weight:800}.modern-notif-type-num{font-size:.68rem;opacity:.8}.modern-notif-list{display:flex;flex-direction:column;gap:.65rem}.modern-notif-card{display:flex;flex-direction:column;gap:.4rem;padding:1.1rem 1.25rem;border-radius:16px;background:#ffffff;border:1px solid rgba(15,23,42,.08);box-shadow:0 4px 14px rgba(0,0,0,.02);cursor:pointer;transition:all .2s ease}.modern-notif-card:hover{border-color:rgba(15,23,42,.16);box-shadow:0 6px 20px rgba(0,0,0,.04)}.modern-notif-card.is-unread{background:#f7fdf9;border-color:rgba(34,197,94,.35);box-shadow:inset 4px 0 0 #22c55e,0 4px 14px rgba(0,0,0,.03)}.modern-notif-card.is-expanded{border-color:#0f172a;box-shadow:0 8px 25px rgba(0,0,0,.06)}.modern-notif-card__header{justify-content:space-between}.modern-notif-card__header,.modern-notif-card__meta-tags{display:flex;align-items:center;gap:.5rem}.modern-notif-tag-type{font-size:.72rem;font-weight:700;color:#0a7aa8;background:rgba(10,122,168,.08);padding:.15rem .55rem;border-radius:6px}.modern-notif-time{font-size:.74rem;color:#94a3b8}.modern-notif-card__header-end{display:flex;align-items:center;gap:.45rem}.modern-notif-unread-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px rgba(34,197,94,.6)}.modern-notif-expand-btn{border:none;background:transparent;color:#94a3b8;padding:2px;cursor:pointer}.modern-notif-card__title{font-size:.95rem;font-weight:800;color:#0f172a;line-height:1.35;margin:0}.modern-notif-card__title.is-unread{color:#0f172a}.modern-notif-card__body{font-size:.82rem;color:#475569;line-height:1.45;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.modern-notif-card__body.is-expanded{display:block;-webkit-line-clamp:unset;color:#1e293b}.modern-notif-card__actor{font-size:.75rem;color:#64748b;font-style:italic}.modern-notif-card__actions{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.5rem;padding-top:.75rem;border-top:1px dashed rgba(15,23,42,.1);animation:notif-slide-down .2s ease}.modern-notif-card__read-mark{gap:.25rem;font-size:.75rem;color:#16a34a}.modern-notif-card__read-mark,.modern-notif-goto-btn{display:inline-flex;align-items:center;font-weight:700}.modern-notif-goto-btn{gap:.35rem;padding:.4rem .85rem;border-radius:8px;font-size:.78rem}.modern-notif-empty{padding:3rem 1.5rem;border-radius:18px;background:#ffffff;border:1px solid rgba(15,23,42,.08);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;color:#64748b}.modern-notif-empty h4{font-size:1.1rem;font-weight:800;color:#0f172a;margin:0}.modern-notif-empty p{font-size:.82rem;color:#64748b;margin:0;max-width:420px}