.nbell{position:relative;flex:0 0 auto}.nbell__itemBtn,.nbell__mark,.nbell__trigger{font:inherit}.nbell__trigger{position:relative;width:54px;height:54px;border-radius:999px;border:1px solid rgba(15,23,42,.1);background:hsla(0,0%,100%,.96);color:#24324a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 12px 26px rgba(15,23,42,.08),inset 0 1px 0 hsla(0,0%,100%,.75);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease}.nbell__trigger:hover{transform:translateY(-1px);border-color:rgba(37,99,235,.16);box-shadow:0 18px 34px rgba(15,23,42,.12),inset 0 1px 0 hsla(0,0%,100%,.8)}.nbell__trigger[aria-expanded=true]{border-color:rgba(37,99,235,.22);box-shadow:0 18px 36px rgba(15,23,42,.14),0 0 0 4px rgba(37,99,235,.06)}.nbell__item:focus-visible,.nbell__itemBtn:focus-visible,.nbell__mark:focus-visible,.nbell__trigger:focus-visible,.nbell__viewAll:focus-visible{outline:2px solid rgba(37,99,235,.34);outline-offset:2px}.nbell__icon{line-height:1;font-size:24px;transform:translateY(1px)}.nbell__badge,.nbell__icon{display:inline-flex;align-items:center;justify-content:center}.nbell__badge{position:absolute;top:-3px;right:-2px;min-width:28px;height:28px;padding:0 8px;border-radius:999px;background:#ef4444;color:#fff;font-size:13px;font-weight:950;box-shadow:0 10px 22px rgba(239,68,68,.34);border:3px solid #f8fafc}.nbell__menu{top:calc(100% + 16px);right:-6px;width:min(440px,calc(100vw - 28px));border:1px solid rgba(15,23,42,.1);border-radius:26px;box-shadow:0 34px 90px rgba(15,23,42,.22),0 8px 24px rgba(15,23,42,.08);overflow:hidden;z-index:80}.nbell__menu,.nbell__menu:before{position:absolute;background:#fff}.nbell__menu:before{content:"";top:-11px;right:36px;width:22px;height:22px;border-top:1px solid rgba(15,23,42,.1);border-left:1px solid rgba(15,23,42,.1);transform:rotate(45deg);box-shadow:-4px -4px 18px rgba(15,23,42,.03)}.nbell__foot,.nbell__head{position:relative;z-index:1;background:#fff}.nbell__head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:26px 32px 20px;border-bottom:1px solid rgba(15,23,42,.1)}.nbell__title{font-size:22px;line-height:1.1;letter-spacing:-.03em;font-weight:950;color:#1f2937}.nbell__mark{min-height:40px;border:0;background:transparent;color:var(--accent);font-size:16px;font-weight:900;cursor:pointer;border-radius:999px;padding:0;white-space:nowrap}.nbell__mark:hover:not(:disabled){text-decoration:underline;text-underline-offset:5px}.nbell__mark:disabled{opacity:.46;cursor:not-allowed;text-decoration:none}.nbell__list{position:relative;z-index:1;max-height:560px;overflow:auto;background:#fff}.nbell__list::-webkit-scrollbar{width:10px}.nbell__list::-webkit-scrollbar-thumb{background:rgba(15,23,42,.14);border-radius:999px;border:2px solid #fff}.nbell__empty{padding:26px 32px;color:var(--text-secondary);font-size:15px;line-height:1.6}.nbell__group+.nbell__group{border-top:1px solid rgba(15,23,42,.08)}.nbell__groupTitle{padding:16px 32px;font-size:13px;line-height:1.2;font-weight:950;color:#374151;background:#fff;border-bottom:1px solid rgba(15,23,42,.08)}.nbell__item,.nbell__itemBtn{width:100%;display:grid;grid-template-columns:68px minmax(0,1fr);grid-gap:0;gap:0;padding:0;text-decoration:none;color:var(--text-primary);background:#fff;border:0;border-bottom:1px solid rgba(15,23,42,.08);text-align:left;cursor:pointer;transition:background-color .16s ease}.nbell__group .nbell__item:last-child,.nbell__group .nbell__itemBtn:last-child{border-bottom:0}.nbell__item:hover,.nbell__itemBtn:hover{background:rgba(15,23,42,.02)}.nbell__item.is-unread,.nbell__itemBtn.is-unread{background:linear-gradient(90deg,rgba(37,99,235,.05),rgba(37,99,235,.05) 4px,#fff 0)}.nbell__item.is-read,.nbell__itemBtn.is-read{background:#fff}.nbell__itemIcon{width:100%;min-height:118px;display:inline-flex;align-items:flex-start;justify-content:center;padding-top:30px;font-size:38px;line-height:1;background:transparent;border-radius:0}.nbell__itemBody{min-width:0;padding:24px 24px 22px 0}.nbell__itemTop{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.nbell__itemTitle{font-weight:950;font-size:20px;line-height:1.15;letter-spacing:-.02em;color:#374151}.nbell__itemTime{color:#6b7280;font-size:14px;line-height:1.2;font-weight:700;white-space:nowrap;padding-top:3px}.nbell__itemMsg{margin-top:12px;color:#374151;font-size:16px;line-height:1.5;max-width:92%}.nbell__itemCta{margin-top:14px;color:var(--accent);font-size:16px;line-height:1.2;font-weight:900}.nbell__foot{padding:22px 32px 26px;border-top:1px solid rgba(15,23,42,.1)}.nbell__viewAll{display:inline-flex;align-items:center;justify-content:center;width:100%;color:var(--accent);text-decoration:none;font-size:18px;line-height:1.2;font-weight:900;text-align:center}.nbell__viewAll:hover{text-decoration:underline;text-underline-offset:6px}@media (max-width:860px){.nbell__trigger{width:48px;height:48px}.nbell__icon{font-size:22px}.nbell__menu{right:-8px;width:min(440px,calc(100vw - 20px));border-radius:22px}.nbell__menu:before{right:32px}.nbell__head{padding:22px 24px 18px}.nbell__title{font-size:20px}.nbell__groupTitle{padding:14px 24px}.nbell__item,.nbell__itemBtn{grid-template-columns:58px minmax(0,1fr)}.nbell__itemIcon{min-height:106px;padding-top:28px;font-size:32px}.nbell__itemBody{padding:22px 20px 20px 0}.nbell__itemTitle{font-size:18px}.nbell__itemCta,.nbell__itemMsg{font-size:15px}.nbell__foot{padding:20px 24px 22px}.nbell__viewAll{font-size:17px}}@media (max-width:560px){.nbell__menu{right:-10px;width:min(420px,calc(100vw - 12px));border-radius:20px}.nbell__menu:before{right:26px;width:18px;height:18px;top:-9px}.nbell__head{flex-direction:row;align-items:flex-start;padding:18px 18px 16px}.nbell__title{font-size:18px}.nbell__mark{min-height:auto;font-size:14px;text-align:right}.nbell__groupTitle{padding:12px 18px}.nbell__item,.nbell__itemBtn{grid-template-columns:48px minmax(0,1fr)}.nbell__itemIcon{min-height:0;padding-top:24px;font-size:28px}.nbell__itemBody{padding:18px 16px 18px 0}.nbell__itemTop{flex-direction:column;align-items:flex-start;gap:8px}.nbell__itemTitle{font-size:17px}.nbell__itemTime{font-size:13px;padding-top:0}.nbell__itemMsg{margin-top:10px;font-size:15px;max-width:100%}.nbell__itemCta{margin-top:12px;font-size:15px}.nbell__foot{padding:18px}.nbell__viewAll{font-size:16px}.nbell__empty{padding:20px 18px;font-size:14px}}