.mention-suggestions{position:fixed;z-index:2147483000;width:284px;max-height:210px;overflow:auto;padding:6px;background:#111b18;border:1px solid #3b5d4e;border-radius:14px;box-shadow:0 18px 50px #0008}.mention-person{display:flex;width:100%;align-items:center;gap:10px;padding:9px;border:0;border-radius:10px;background:transparent;color:#fff;text-align:left;cursor:pointer}.mention-person:hover,.mention-person:focus{background:#214734;outline:none}.mention-person>img,.mention-person>span:first-child{width:34px;height:34px;object-fit:cover;border-radius:50%;display:grid;place-items:center;background:#c8272d;font-weight:800}.mention-person span:last-child{display:grid}.mention-person small{color:#b9c8c1}
#notification-center{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:2147482000;font-family:inherit}#notification-center[hidden]{display:none!important}#notification-bell{position:relative;width:58px;height:58px;border:1px solid #ffffff30;border-radius:50%;background:linear-gradient(145deg,#a7131a,#e13137);color:#fff;font-size:24px;box-shadow:0 12px 32px #0006;cursor:pointer}#notification-bell b{position:absolute;right:-4px;top:-5px;min-width:23px;height:23px;padding:0 5px;border-radius:12px;background:#27a85d;border:2px solid #fff;color:#fff;font-size:12px;line-height:19px}#notification-panel{position:absolute;right:0;bottom:70px;width:min(390px,calc(100vw - 28px));max-height:min(620px,72vh);overflow:hidden;border:1px solid #ffffff24;border-radius:20px;background:#111b18;color:#fff;box-shadow:0 22px 70px #000a}#notification-panel header{display:flex;align-items:center;justify-content:space-between;padding:17px 18px;border-bottom:1px solid #ffffff17}#notification-panel h2{margin:2px 0 0;font-size:20px}#notification-panel small{color:#65ce8c;font-weight:800;letter-spacing:.12em}#notification-panel header button{border:0;background:transparent;color:#b9c8c1;cursor:pointer}.notification-list{max-height:490px;overflow:auto;padding:8px}.notification-item{display:flex;width:100%;gap:11px;padding:12px;border:0;border-radius:13px;background:transparent;color:#edf5f1;text-align:left;cursor:pointer}.notification-item:hover{background:#ffffff0c}.notification-item.unread{background:#4e171b}.notification-icon{flex:0 0 38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#258650;font-weight:900;font-size:20px}.notification-item>span:last-child{display:grid;gap:3px;min-width:0}.notification-item strong{font-size:14px}.notification-item span span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d3dfd9}.notification-item time,.notification-item small{color:#93aa9f}.notification-empty{padding:26px;text-align:center;color:#aabbb3}@media(max-width:600px){#notification-center{right:12px;bottom:12px}#notification-bell{width:52px;height:52px}#notification-panel{bottom:62px}}