.todo-notification-host{position:fixed;z-index:80;top:28px;right:20px}.notification-bell{position:relative;z-index:1;width:42px;height:42px;border:1px solid #ffffffd9;border-radius:50%;background:#ffffffbd;color:var(--ink);box-shadow:0 8px 24px #29423814;backdrop-filter:blur(18px);cursor:pointer}.notification-bell:active{transform:translateY(1px)}.notification-bell-glyph{position:absolute;left:13px;top:10px;width:14px;height:16px;border:1.8px solid currentColor;border-top-left-radius:9px;border-top-right-radius:9px;border-bottom:0}.notification-bell-glyph::before{content:"";position:absolute;left:-3px;bottom:-2px;width:16px;border-top:1.8px solid currentColor;border-radius:50%}.notification-bell-glyph::after{content:"";position:absolute;left:5px;bottom:-5px;width:4px;height:3px;border-radius:0 0 5px 5px;background:currentColor}.notification-badge{position:absolute;top:-4px;right:-5px;min-width:18px;height:18px;padding:0 5px;border:2px solid #f5f1df;border-radius:20px;background:#b14f36;color:#fff;font-size:9px;font-weight:700;line-height:14px;text-align:center}.notification-scrim{position:fixed;inset:0;z-index:0;border:0;background:transparent}.notification-panel{position:absolute;z-index:2;top:52px;right:4px;width:min(380px,calc(100vw - 24px));max-height:min(680px,calc(100dvh - 92px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #ffffffed;border-radius:20px;background:#fbfaf3f2;box-shadow:0 24px 70px #20342b24;backdrop-filter:blur(24px)}.notification-panel>header{display:flex;justify-content:space-between;align-items:center;padding:20px 20px 15px;border-bottom:1px solid var(--line)}.notification-panel>header span{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.notification-panel h2{margin:4px 0 0;font-size:20px}.notification-close{width:36px;height:36px;border:0;border-radius:50%;background:#efeee6;color:var(--muted);font-size:22px;cursor:pointer}.notification-tools{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line)}.notification-tools button,.notification-more{border:0;background:transparent;color:var(--muted);font:inherit;font-size:11px;cursor:pointer}.notification-tools button:hover,.notification-more:hover{color:var(--ink)}.notification-sound-dot{display:inline-block;width:7px;height:7px;margin-right:6px;border-radius:50%;background:#9c9b92}.notification-tools [aria-pressed=true] .notification-sound-dot{background:#5d9977}.notification-list{overflow:auto;overscroll-behavior:contain}.notification-item{position:relative;width:100%;display:grid;grid-template-columns:11px minmax(0,1fr);gap:12px;padding:15px 18px;border:0;border-bottom:1px solid #e8e6dc;background:transparent;text-align:left;color:var(--ink);cursor:pointer}.notification-item:hover{background:#f1f2ea}.notification-kind{width:8px;height:8px;margin-top:5px;border-radius:50%;background:#aaa99f}.notification-kind[data-kind=assigned]{background:#4d8669}.notification-kind[data-kind=due_1h],.notification-kind[data-kind=overdue]{background:#b35f3a}.notification-item:not(.is-unread) .notification-kind{opacity:.35}.notification-item strong,.notification-item b,.notification-item small{display:block}.notification-item strong{font-size:12px;font-weight:650}.notification-item b{margin-top:5px;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-item small{margin-top:6px;color:var(--muted);font-size:10px}.notification-item.is-unread{background:#f4f4e9}.notification-item.is-unread::after{content:"";position:absolute;right:12px;top:17px;width:5px;height:5px;border-radius:50%;background:#4d8669}.notification-empty{display:flex;min-height:180px;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:30px;color:var(--muted);font-size:11px;text-align:center}.notification-empty strong{color:var(--ink);font-size:14px}.notification-more{width:100%;padding:13px;border-top:1px solid var(--line)}
@media(max-width:760px){.todo-notification-host{top:17px;right:14px}.sidebar .mobile-account{padding-right:48px}.notification-bell{width:38px;height:38px}.notification-bell-glyph{left:11px;top:9px}.notification-panel{position:fixed;top:66px;right:10px;width:calc(100vw - 20px);max-height:calc(100dvh - 78px);border-radius:18px}.notification-scrim{background:#34342d24;backdrop-filter:blur(2px)}}
@media(min-width:761px){.topbar .top-actions{padding-right:52px}}
@media(prefers-reduced-transparency:reduce){.notification-bell,.notification-panel{background:#fbfaf3;backdrop-filter:none}}