#notification-hub{position:fixed;bottom:22px;right:22px;z-index:80}.notification-toggle{display:flex;align-items:center;gap:9px;padding:12px 18px;border:1px solid var(--line);border-radius:40px;background:var(--paper);color:var(--ink);box-shadow:0 6px 25px #0002;font:inherit;cursor:pointer}.notification-toggle b{background:#b64832;color:white;border-radius:20px;min-width:24px;padding:3px 6px;font-size:12px}.notification-panel{position:absolute;bottom:60px;right:0;width:min(400px,calc(100vw - 32px));max-height:75vh;overflow:auto;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:20px;box-shadow:0 14px 60px #0003;padding:20px}.notification-heading{display:flex;justify-content:space-between;align-items:center}.notification-heading h2{font-size:19px;margin:0}.notification-preferences{border-bottom:1px solid var(--line);padding:14px 0}.notification-preferences label{display:inline-flex;gap:7px;align-items:center;margin:10px 0 0 12px}.notification-preferences input{width:18px;height:18px}.notification-item{display:block;padding:14px 0;border-bottom:1px solid var(--line);color:inherit;text-decoration:none}.notification-item b,.notification-item span,.notification-item small{display:block}.notification-item span{margin:5px 0;overflow-wrap:anywhere;white-space:pre-wrap}.notification-item small{color:var(--muted)}.notification-item:hover{opacity:.8}@media(max-width:700px){#notification-hub{bottom:12px;right:12px}.workspace-page .composer{padding-bottom:65px}}