Remove stuff from Twitter UI (use w/ Stylus or other custom style extension)

twitter-style.css

header [role="navigation"] {
	& a[href$="/notifications"] { 
		& svg + div {  /* make notifications badge number more visible */
			scale: 2;
			right: 0.25em;
			top: 0.25em;
			background-color: color-mix(in srgb, #1da1f2 85%, black 15%);
			& span {scale: 1.25;}
		}
    }
}

article[data-testid="tweet"] {
	cursor: initial; /* allow selecting tweet text without clicking on tweet */
}

header [role="navigation"] {  /* things to remove from sidebar */
	& a[href$="/explore"],
	& a[href$="/premium"],
	& a[href$="/grok"],
	& a[href$="/jobs"],
	& a[href$="/communities"],
	& a[href$="/explore"],
	& a[href$="/verified-orgs-signup"] {       display: none; /* hide these sidebar buttons */}
}
div[aria-label*='Timeline'] {
    & div[style*='translateY(0px)'][data-testid*='cellInnerDiv'] {
		& > div > button  {                    display: none; /* display more posts button */}}}
div:has(>button[aria-label*='ew posts']) {     display: none; /* show new posts popup */}
div:has(>button[aria-label*='rok actions']) {  display: none; /* grok button */}
div[data-testid *='GrokDrawer'] {              display: none; /* second grok button */}
div:has(>button[data-testid *='grokImgGen']) { display: none; /* third grok button */}
div:has(>button[data-testid *='gifSearch']) {  display: none; /* gif search button */}
div:has(>button[data-testid *='geoButton']) {  display: none; /* location button */}
div:has(>div[data-testid*='news_sidebar']) {   display: none; /* today's news */}
div:has(>nav[aria-label*='ooter']) {           display: none; /* terms of service et al. */}
div:has(>div>aside[aria-label*='to follow']) { display: none; /* who to follow */}
div[aria-label*='rending'] :not(form *) {      border:  none; /* hide extra lines but not search border */}