.notif-bell{position:relative;display:inline-grid;place-items:center;flex:none;padding:0;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.notif-bell:focus-visible{outline:2px solid currentColor;outline-offset:2px}.notif-bell--site{width:38px;height:38px;border:1px solid rgba(244,237,225,.16);border-radius:999px;background:transparent;color:var(--bone)}.notif-bell--site:hover{background:var(--magenta);border-color:var(--magenta);color:var(--ink)}.notif-bell--dash{width:38px;height:38px;border:1px solid var(--d-line-2);border-radius:999px;background:transparent;color:var(--d-ink-2);transition:color .15s,border-color .15s,background .15s}.notif-bell--dash:hover{border-color:var(--d-accent);background:var(--d-accent-soft);color:var(--d-accent-ink)}.notif-bell--admin{width:36px;height:36px;border:1px solid rgba(244,237,225,.18);border-radius:10px;background:transparent;color:var(--bone)}.notif-bell--admin:hover{border-color:var(--magenta);color:var(--magenta)}.notif-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--magenta,#ff1b6b);color:#fff;font-family:Manrope,system-ui,sans-serif;font-size:.66rem;font-weight:800;line-height:18px;text-align:center}.notif-bell--dash .notif-badge{background:var(--d-danger);color:var(--d-on-accent,#fff)}.notif-panel{position:fixed;z-index:1000;display:flex;flex-direction:column;width:min(380px,calc(100vw - 16px));max-height:min(70vh,560px);overflow:hidden;border:1px solid var(--notif-line);border-radius:14px;background:var(--notif-bg);color:var(--notif-ink);font-family:Manrope,system-ui,sans-serif;box-shadow:0 18px 48px rgba(0,0,0,.32);animation:notif-in .16s ease-out}@keyframes notif-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.notif-panel{animation:none}}@media (max-width:600px){.notif-panel{left:8px;right:8px!important;width:auto}}.notif-panel--dark{--notif-bg:#131013;--notif-line:rgba(244,237,225,0.12);--notif-ink:#f4ede1;--notif-ink-2:rgba(244,237,225,0.72);--notif-ink-3:rgba(244,237,225,0.5);--notif-hover:rgba(244,237,225,0.06);--notif-accent:#ff1b6b;--notif-unread:color-mix(in srgb,var(--notif-accent) 9%,transparent)}.notif-panel--light{--notif-bg:#fff;--notif-line:#e8e1d5;--notif-ink:#17151b;--notif-ink-2:#55505c;--notif-ink-3:#736d79;--notif-hover:#fbf9f5;--notif-accent:#2740ff;--notif-unread:color-mix(in srgb,var(--notif-accent) 7%,#fff)}.notif-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid var(--notif-line)}.notif-head-title{font-size:.95rem;font-weight:800}.notif-all{padding:0;border:0;background:none;color:var(--notif-accent);font:inherit;font-size:.8rem;font-weight:700;cursor:pointer}.notif-all:hover{text-decoration:underline}.notif-empty{padding:1.5rem 1rem;color:var(--notif-ink-3);font-size:.88rem;text-align:center}.notif-list{margin:0;padding:0;overflow-y:auto;overscroll-behavior:contain;list-style:none}.notif-list li+li{border-top:1px solid var(--notif-line)}.notif-item{display:flex;align-items:flex-start;gap:.75rem;width:100%;padding:.8rem 1rem;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.notif-item.is-unread{background:var(--notif-unread)}.notif-item:focus-visible,.notif-item:hover{background:var(--notif-hover);outline:none}.notif-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:9px;background:var(--notif-hover);color:var(--notif-accent)}.notif-text{display:flex;flex:1 1;flex-direction:column;gap:.15rem;min-width:0}.notif-title{color:var(--notif-ink);font-size:.88rem;font-weight:700;line-height:1.35}.notif-item:not(.is-unread) .notif-title{color:var(--notif-ink-2);font-weight:600}.notif-body{color:var(--notif-ink-2);font-size:.8rem;line-height:1.35}.notif-time{color:var(--notif-ink-3);font-size:.74rem}.notif-dot{flex:none;width:8px;height:8px;margin-top:.4rem;border-radius:50%;background:var(--notif-accent)}