📏 Line Length Guide by KABA

/* ==UserStyle==
@name         📏 Line Length Guide
@version      20250110.01.11
@namespace    https://userstyles.world/user/KABA
@description  A character counter, divided every 10 characters, is displayed on the first paragraph.
@author       KABA
@license      No License
==/UserStyle== */

@-moz-document regexp(".*") {
p {
	:nth-child(1 of &) {
		&::before {
			display: block;
			background: #fee;
			--s: "\2002"; /* en space */
			--t: "_345678" var(--s); /* => 11__345678*/
			--u:  "_45678" var(--s); /* => 102__45678*/
			content:
				"12345678" var(--s)  "11" var(--t)  "21" var(--t)  "31" var(--t)  "41" var(--t)
				      "51" var(--t)  "61" var(--t)  "71" var(--t)  "81" var(--t)  "91" var(--t)
				      "102" var(--u) "112" var(--u) "122" var(--u) "132" var(--u) "142" var(--u)
				      "152" var(--u) "162" var(--u) "172" var(--u) "182" var(--u) "192" var(--u)
				"\A"
				"１２３４５６７８　１１_３４５６７８　２１_３４５６７８　３１_３４５６７８　４１_３４５６７８　"
				"５１_３４５６７８　６１_３４５６７８　７１_３４５６７８　８１_３４５６７８　９１_３４５６７８　１０２"
			;
			width: 100%;
			white-space: pre;
			overflow: hidden;
		}
	}
}
}