#community-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:8px;flex-shrink:0;color:#655379}#community-bell[hidden]{display:none}#community-unread{position:absolute;right:-5px;top:-5px;min-width:20px;padding:2px 4px;border-radius:20px;background:#73557d;color:white;font-size:11px}#community-notifications{width:min(600px,94vw);max-height:85dvh;overflow:auto;padding:30px 24px}#community-notifications h2{padding-right:32px}#community-notifications [hidden]{display:none!important}.notification-toolbar{display:flex;gap:10px;flex-wrap:wrap}.notification-settings{margin:20px 0;padding:14px;background:#f5eff6;border-radius:12px}.notification-settings summary{cursor:pointer}.notification-settings label{display:flex;gap:10px;align-items:flex-start;margin:14px 0;font-size:14px;line-height:1.5}.notification-settings input{flex-shrink:0}.notification-settings p{font-size:13px}.notification-item{border:1px solid #e1d6e5;border-radius:12px;padding:12px;margin:12px 0}.notification-unread{background:#f1e8f4;border-color:#c7b2d2}.notification-open{border:0;background:transparent;text-align:left;width:100%;padding:6px;color:#39323f;overflow-wrap:anywhere}.notification-open strong,.notification-open span,.notification-open small{display:block;margin:4px 0}.notification-open span{font-size:14px}.notification-open small{font-size:12px;color:#766b7b}.notification-new{color:#73557d;font-weight:600;font-size:12px!important}@media(max-width:700px){header #community-bell{grid-column:1/3;grid-row:3;justify-self:start;margin:0;width:44px;height:40px}#community-notifications{padding:24px 16px}.notification-toolbar .button{font-size:13px}}
#community-notifications{background:#fffdf9;min-height:0;height:auto;box-shadow:0 16px 50px #24162e33}#community-notifications .close{top:12px;right:12px}
#community-notifications{height:fit-content}#community-notifications .close{position:absolute;float:none;margin:0}
@media(max-width:700px){
 header .header-reader-actions{display:grid;grid-template-columns:44px max-content minmax(0,1fr) 40px max-content;align-items:center;gap:6px 4px;justify-content:initial}
 header .header-reader-actions #reader-avatar{grid-column:1;grid-row:1;justify-self:start;width:44px;height:44px;margin:0}
 header .header-reader-actions #reader-open{grid-column:2;grid-row:1;justify-self:start;flex:none;width:max-content;max-width:none;min-height:44px;margin:0;padding:8px;font-size:12px;white-space:nowrap}
 header .header-reader-actions #community-bell{grid-column:4;grid-row:1;justify-self:end;width:40px;height:44px;margin:0;padding:8px}
 header .header-reader-actions #auth-open{grid-column:5;grid-row:1;justify-self:end;min-height:44px;margin:0;padding:8px;font-size:12px;white-space:nowrap}
 header .header-reader-actions #install-app{grid-column:1/-1;grid-row:2;justify-self:end;width:max-content;max-width:100%;margin:0;padding:8px 12px;font-size:12px}
 header .header-reader-actions:has(#reader-avatar[hidden]) #reader-open{grid-column:1/3}
 header .header-reader-actions [hidden]{display:none!important}
 header:has(#install-app:not([hidden])) .header-reader-actions #reader-avatar,header:has(#install-app:not([hidden])) .header-reader-actions #reader-open{grid-row:1}
}