.NotificationBell-module__doceWq__wrapper{display:inline-flex;position:relative}.NotificationBell-module__doceWq__trigger{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--ink-secondary);cursor:pointer;transition:background-color .18s var(--ease-out-quart), border-color .18s var(--ease-out-quart), color .18s var(--ease-out-quart);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.NotificationBell-module__doceWq__trigger:hover{background:var(--paper-warm);border-color:var(--border);color:var(--ink)}.NotificationBell-module__doceWq__trigger:active{transition:transform .1s ease-out;transform:scale(.94)}.NotificationBell-module__doceWq__panel{z-index:100;border:1px solid var(--border-subtle);border-radius:var(--radius-sheet);background:var(--paper-raised);width:320px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-lg);transform-origin:100% 0;animation:NotificationBell-module__doceWq__panel-in .26s var(--ease-spring);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}@keyframes NotificationBell-module__doceWq__panel-in{0%{opacity:0;transform:translateY(-4px)scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.NotificationBell-module__doceWq__panel{animation:.2s NotificationBell-module__doceWq__panel-in-fade}@keyframes NotificationBell-module__doceWq__panel-in-fade{0%{opacity:0}to{opacity:1}}}.NotificationBell-module__doceWq__header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.NotificationBell-module__doceWq__header strong{color:var(--ink);font-size:13px;font-weight:700}.NotificationBell-module__doceWq__markAll{color:var(--ink-tertiary);cursor:pointer;transition:color .18s var(--ease-out-quart);background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.NotificationBell-module__doceWq__markAll:hover{color:var(--apple-blue-link)}.NotificationBell-module__doceWq__list{max-height:360px;overflow-y:auto}.NotificationBell-module__doceWq__empty{color:var(--ink-tertiary);text-align:center;margin:0;padding:24px 14px;font-size:13px}.NotificationBell-module__doceWq__item{border-bottom:1px solid var(--border-subtle);color:var(--ink);transition:background-color .18s var(--ease-out-quart);padding:12px 14px;text-decoration:none;display:block}.NotificationBell-module__doceWq__item:last-child{border-bottom:0}.NotificationBell-module__doceWq__item:hover{background:var(--paper-warm);text-decoration:none}.NotificationBell-module__doceWq__unread{background:var(--paper-raised)}.NotificationBell-module__doceWq__unread .NotificationBell-module__doceWq__title{padding-left:16px;position:relative}.NotificationBell-module__doceWq__unread .NotificationBell-module__doceWq__title:before{content:"";background:var(--apple-blue);border-radius:50%;width:7px;height:7px;position:absolute;top:.55em;left:0}.NotificationBell-module__doceWq__read{background:var(--paper-raised)}.NotificationBell-module__doceWq__title{margin:0 0 4px;font-size:13px;line-height:1.45}.NotificationBell-module__doceWq__title strong{font-weight:700}.NotificationBell-module__doceWq__body{color:var(--ink-secondary);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.NotificationBell-module__doceWq__time{color:var(--ink-tertiary);font-size:11px}@media (max-width:760px){.NotificationBell-module__doceWq__panel{width:calc(100vw - 32px);right:-8px}}