#notifications-toggle{position:relative;display:flex;align-items:center;padding:0}#notifications-toggle svg{width:19px;height:19px}#notifications-toggle i{display:none;position:absolute;top:-3px;right:-3px;width:4px;height:4px;border-radius:50%;background:#57068c}#notifications-toggle.has-unread i{display:block}body:has(#notifications-toggle) #messages-toggle i{display:none}
#activity-panel{position:fixed;inset:76px 28px auto auto;margin:0;padding:0;width:min(370px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 100px);border:1px solid #d2d2ca;background:#f7f7f4;color:#111;box-shadow:none;overflow:hidden}#activity-panel[open]{display:flex;flex-direction:column}#activity-panel::backdrop{background:transparent}.activity-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #deded6}.activity-heading h2{margin:0;font-size:11px;font-weight:400;letter-spacing:1px}.activity-heading button{font-size:22px;line-height:1;padding:2px;color:#88887e}.activity-mark-all{padding:14px 24px;text-align:left;color:#77776d;font-size:9px;letter-spacing:.4px;border-bottom:1px solid #deded6}.activity-list{overflow:auto;overscroll-behavior:contain}.activity-row{position:relative;display:block;width:100%;text-align:left;padding:23px 43px 23px 24px;border-bottom:1px solid #e2e2da;color:#77776d}.activity-row:last-child{border-bottom:0}.activity-row strong{display:block;font-size:13px;font-weight:400;line-height:1.5}.activity-row.unread{color:#111}.activity-row.unread strong{font-weight:600}.activity-row.unread:before{content:'';position:absolute;left:11px;top:30px;width:4px;height:4px;border-radius:50%;background:#57068c}.activity-row small{display:block;font-size:11px;color:#85857b;line-height:1.5;margin-top:8px;overflow-wrap:anywhere}.activity-row p{font-size:13px;line-height:1.5;margin:9px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.activity-row p:empty{display:none}.activity-row time{display:block;font-size:9px;color:#96968a;margin-top:12px}.activity-row:hover,.activity-row:focus-visible{background:#eeeee8}.activity-row:focus-visible{outline:1px solid #57068c;outline-offset:-2px}.activity-empty{padding:22px 24px 35px;font-size:13px;color:#85857b;margin:0}.activity-error{color:#57068c;font-size:11px;padding:0 24px}.activity-error:empty{display:none}
@media(max-width:700px){#activity-panel{inset:auto 0 0;width:100%;max-height:80dvh;border-bottom:0}.header-right{gap:16px}.activity-row{padding-top:22px;padding-bottom:22px}.activity-heading{padding:20px 24px}.activity-heading button{min-width:30px;min-height:30px}}
#notification-demo{position:fixed;bottom:70px;left:20px;z-index:40;background:#f7f7f4;border:1px solid #ddd;padding:10px;font-size:11px;max-width:260px}#notification-demo button{display:block;text-align:left;padding:9px 0}#notification-demo summary{cursor:pointer}
@media(max-width:700px){header{padding:0 16px;gap:10px}.wordmark{font-size:24px}.wordmark span{font-size:22px}header nav{position:static;transform:none;margin-left:auto;gap:12px}header nav button{font-size:9px;letter-spacing:.7px}header nav sup{left:0;top:12px;font-size:6px}.header-right{gap:10px}.header-right .avatar{width:28px;height:28px}.nav-dot{width:3px;height:3px;margin-left:3px}}