.notif-wrap,.notif-inbox-list{--notif-accent:var(--violet-bright)}:root[data-theme=light] .notif-wrap,:root[data-theme=light] .notif-inbox-list{--notif-accent:var(--violet-deep)}.notif-wrap{display:inline-flex;position:relative}.notif-bell{position:relative}.notif-dot{z-index:1;border-radius:var(--r-pill);background:var(--badge-red);color:#fff;block-size:18px;min-inline-size:18px;font-size:12px;font-weight:800;line-height:1;font-family:var(--font);border:2px solid var(--surface);justify-content:center;align-items:center;padding-inline:4px;display:inline-flex;position:absolute;inset-block-start:-2px;inset-inline-end:-2px}@media (max-width:360px){.notif-dot{inset-block-start:0;inset-inline-end:0}}.notif-pop{z-index:60;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);max-block-size:min(480px,70vh);inline-size:min(360px,92vw);box-shadow:var(--sh-lg);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:absolute;inset-block-start:calc(100% + 10px);inset-inline-end:0;overflow:hidden}@media (max-width:600px){.notif-pop{max-block-size:min(70vh,480px);inline-size:auto;position:fixed;inset-block-start:68px;inset-inline:12px}}.notif-pop-head{border-block-end:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.notif-pop-head h3{color:var(--ink);font-size:14px;font-weight:800}.notif-pop-head button{min-block-size:var(--tap);color:var(--notif-accent);cursor:pointer;border-radius:var(--r-xs);background:0 0;border:0;padding:4px 10px;font-size:12.5px;font-weight:700;transition:background .15s}@media (hover:hover){.notif-pop-head button:hover{background:var(--raised)}}.notif-pop-head button:disabled{color:var(--muted);cursor:default}.notif-list{display:grid;overflow-y:auto}.notif-item{border-block-end:1px solid var(--line);text-align:start;color:var(--ink);gap:3px;padding-block:12px;padding-inline:30px 14px;transition:background .15s;display:grid;position:relative}.notif-item:last-child{border-block-end:0}@media (hover:hover){.notif-item:hover{background:var(--raised)}}.notif-item[data-unread=true]:before{content:"";background:var(--violet-bright);border-radius:50%;block-size:7px;inline-size:7px;position:absolute;inset-block-start:18px;inset-inline-start:12px}.notif-item-title{color:var(--ink);font-size:13.5px;font-weight:700}.notif-item[data-unread=false] .notif-item-title{color:var(--ink-2);font-weight:600}.notif-item-body{color:var(--ink-2);font-size:12.5px;line-height:1.5}.notif-item-meta{justify-content:space-between;align-items:center;gap:10px;margin-block-start:2px;display:flex}.notif-item-date{color:var(--muted);font-size:12px}.notif-item-mark{min-block-size:var(--tap);color:var(--notif-accent);cursor:pointer;border-radius:var(--r-xs);white-space:nowrap;background:0 0;border:0;padding:2px 10px;font-size:12px;font-weight:700}@media (hover:hover){.notif-item-mark:hover{background:var(--violet-wash)}}.notif-pop-empty{text-align:center;color:var(--muted);gap:6px;padding:34px 20px;font-size:13px;display:grid}.notif-pop-foot{border-block-start:1px solid var(--line);text-align:center;padding:10px 14px}.notif-pop-foot a{min-block-size:var(--tap);color:var(--notif-accent);justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}@media (hover:hover){.notif-pop-foot a:hover{text-decoration:underline}}.notif-inbox-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-block-end:16px;display:flex}.notif-unread-note{color:var(--muted);font-size:13px;font-weight:600}.notif-inbox-toolbar button{min-block-size:var(--tap);border:1px solid var(--line-strong);border-radius:var(--r-pill);background:var(--surface);color:var(--ink);cursor:pointer;align-items:center;gap:6px;padding-inline:14px;font-size:13.5px;font-weight:700;transition:background .15s;display:inline-flex}@media (hover:hover){.notif-inbox-toolbar button:hover:not(:disabled){background:var(--raised)}}.notif-inbox-toolbar button:disabled{color:var(--muted);cursor:default;opacity:.7}.notif-inbox-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-sm);overflow:hidden}.notif-inbox-list .notif-item{padding-block:16px;padding-inline:36px 20px}.notif-inbox-list .notif-item[data-unread=true]:before{inset-block-start:22px;inset-inline-start:18px}.notif-inbox-list .notif-item-title{font-size:15px}.notif-inbox-list .notif-item-body{font-size:13.5px}@media (max-width:639px){.notif-pop{z-index:91;max-block-size:min(76dvh,620px);inline-size:auto;max-inline-size:none;border-radius:var(--r-lg) var(--r-lg) 0 0;border-block-end:0;grid-template-rows:auto auto minmax(0,1fr) auto;padding-block-end:env(safe-area-inset-bottom,0px);animation:.22s cubic-bezier(.2,.8,.3,1) both sheet-up;position:fixed;inset:auto 0 0;box-shadow:0 -18px 50px #00000073}.notif-pop .sheet-grip{margin-inline:0}}@media (prefers-reduced-motion:reduce){.notif-pop{animation:none}}