kepr.css

1/* Kepr 3: Kepr 2's look (kepr.uk, gold theme), ported only as far as the pages that exist use it. */23:root {4	--bg: #090706;5	--bg-surface: #0e0c09;6	--bg-elevated: #1b1710;7	--border: #2a2018;8	--text: #c8b898;9	--text-secondary: #7a6a50;10	--text-muted: #7a6a50;11	--text-faint: #4a3a28;12	--text-heading: #e8d8b8;13	--accent: #c89a5a;14	--accent-bright: #d9b88c;15	--accent-dim: #85663c;16	--accent-flash: #5a88c8;17	--red-flash: #c8483a;18	--accent-tint-04: rgba(200, 154, 90, 0.04);19	--accent-tint-12: rgba(200, 154, 90, 0.12);20	--sage: #7a9a68;21	--sans: "Quicksand", system-ui, sans-serif;22	--mono: "Martian Mono", ui-monospace, monospace;23}2425* {26	box-sizing: border-box;27	scrollbar-width: thin;28	scrollbar-color: var(--border) transparent;29}3031html,32body {33	margin: 0;34	padding: 0;35	background: var(--bg);36	color: var(--text);37	font-family: var(--sans);38	font-size: 16px;39	line-height: 1.6;40	overflow-x: hidden;41}4243a {44	color: inherit;45	text-decoration: none;46}47a:hover {48	text-decoration: underline;49	text-decoration-color: var(--accent);50	text-decoration-thickness: 1px;51	text-underline-offset: 4px;52}5354/* ----- top bar ------------------------------------------------------------ */5556body > nav {57	display: flex;58	align-items: center;59	padding: 24px 48px;60	font-size: 0.6875rem;61	letter-spacing: 0.04em;62}63.wordmark {64	display: flex;65	color: var(--accent);66}67.wordmark:hover {68	text-decoration: none;69}70.wordmark-icon {71	display: block;72	width: 32px;73	height: 32px;74	color: var(--accent);75}76.wordmark-icon polygon {77	fill: none;78	stroke: currentColor;79	stroke-linejoin: round;80}81.tri-outer polygon {82	stroke-width: 2;83}84.tri-inner polygon {85	stroke-width: 1.5;86}87.tri-outer,88.tri-inner {89	transform-origin: 16px 16px;90}91/* The outer triangle stays gold; the inner one flashes red now and then. */92.tri-outer {93	animation: tri-ccw 12s linear infinite;94}95.tri-inner {96	animation:97		tri-cw 8s linear infinite,98		red-flash 11s ease-in-out infinite;99}100@keyframes tri-ccw {101	to {102		transform: rotate(-360deg);103	}104}105@keyframes tri-cw {106	to {107		transform: rotate(360deg);108	}109}110@keyframes red-flash {111	0%,112	90%,113	100% {114		color: var(--accent);115	}116	95% {117		color: var(--red-flash);118	}119}120.wordmark-by {121	margin-left: 10px;122	font-size: 0.625rem;123	color: var(--text-faint);124	letter-spacing: 0.03em;125}126.nav-links {127	margin-left: auto;128	display: inline-flex;129	gap: 28px;130	font-family: var(--mono);131}132.nav-links a {133	color: var(--text-secondary);134}135.nav-logout {136	margin: 0;137}138.nav-toggle {139	display: none;140}141.nav-logout button {142	border: 0;143	padding: 0;144	background: none;145	color: var(--text-secondary);146	font: inherit;147	letter-spacing: inherit;148	cursor: pointer;149}150.nav-logout button:hover {151	text-decoration: underline;152	text-decoration-color: var(--accent);153}154155main {156	max-width: 980px;157	margin: 0 auto;158	padding: 24px 48px 120px;159}160161footer {162	text-align: center;163	padding: 80px 24px 48px;164}165footer .credit {166	font-family: var(--mono);167	font-size: 0.6875rem;168	color: var(--text-muted);169}170171.mono {172	font-family: var(--mono);173	font-size: 0.8125rem;174	color: var(--text-secondary);175}176.muted {177	color: var(--text-muted);178}179180@keyframes fadeUp {181	from {182		opacity: 0;183		transform: translateY(6px);184	}185	to {186		opacity: 1;187		transform: translateY(0);188	}189}190@keyframes fadeIn {191	from {192		opacity: 0;193	}194}195196/* ----- repo header -------------------------------------------------------- */197198.repo-head {199	margin: 20px 0 24px;200}201.repo-name {202	font-family: "Comfortaa", var(--sans);203	font-weight: 700;204	font-size: 4rem;205	line-height: 1.05;206	margin: -0.1em 0 10px;207	color: var(--text);208	overflow-wrap: anywhere;209	animation: fadeUp 280ms ease both;210}211.repo-contributor {212	margin: 4px 0 0;213	font-size: 0.8125rem;214	animation: fadeUp 280ms 40ms ease both;215}216.repo-contributor a:hover {217	color: var(--accent);218}219.repo-desc,220.repo-homepage {221	margin: 0 0 10px;222	font-size: 1.0625rem;223	color: var(--text-secondary);224	line-height: 1.75;225	animation: fadeUp 280ms 30ms ease both;226}227.repo-desc p {228	margin: 12px 0 0;229}230.repo-desc a,231.repo-homepage a {232	color: var(--accent);233}234.repo-desc code {235	font-family: var(--mono);236	font-size: 0.85em;237	color: var(--accent);238}239.lang-badges {240	display: flex;241	flex-wrap: wrap;242	gap: 6px;243	margin: 8px 0 6px;244}245.lang-badge {246	font-family: var(--mono);247	font-size: 0.6875rem;248	color: var(--accent-dim);249	background: var(--bg-surface);250	border: 1px solid var(--border);251	border-radius: 3px;252	padding: 1px 7px;253	letter-spacing: 0.02em;254}255.repo-meta {256	margin: 0;257	font-size: 0.875rem;258	color: var(--text-muted);259	line-height: 1.7;260	animation: fadeUp 280ms 60ms ease both;261}262.repo-tabbar {263	display: flex;264	align-items: center;265	justify-content: space-between;266	flex-wrap: wrap;267	gap: 14px 20px;268	margin-top: 22px;269}270.repo-tabs {271	display: flex;272	gap: 24px;273	flex-wrap: wrap;274	font-family: var(--mono);275	animation: fadeUp 280ms 90ms ease both;276}277.repo-tab {278	font-size: 0.6875rem;279	color: var(--text-muted);280	padding: 0 0 11px;281	border-bottom: 1px solid transparent;282	transition:283		color 140ms,284		border-color 140ms;285}286.repo-tab:hover {287	color: var(--accent);288	text-decoration: none;289}290.repo-tab.active {291	color: var(--accent);292	border-bottom-color: var(--accent);293}294.repo-panel {295	padding: 10px 0 16px;296	animation: fadeIn 220ms ease both;297}298.repo-panel[hidden] {299	display: none;300}301/* Inline, archives and builds show about five entries and scroll; their own pages show all. */302.repo-panel .repo-section:has(> .archive-row, > .release-latest) {303	max-height: 420px;304	overflow-y: auto;305	scrollbar-width: thin;306	scrollbar-color: var(--border) transparent;307}308.repo-steal-btn {309	display: block;310	width: fit-content;311	max-width: 100%;312	font-family: var(--mono);313	font-size: 0.75rem;314	color: var(--text-muted);315	background: var(--bg-surface);316	border: 1px solid var(--border);317	border-radius: 3px;318	padding: 5px 11px;319	cursor: pointer;320	letter-spacing: 0.03em;321	white-space: nowrap;322	overflow: hidden;323	text-overflow: ellipsis;324	transition:325		color 120ms,326		border-color 120ms;327}328.repo-steal-btn:hover,329.repo-steal-btn.copied {330	color: var(--accent);331	border-color: var(--accent-dim);332}333.install-lines {334	display: flex;335	flex-direction: column;336	align-items: flex-end;337	gap: 6px;338	max-width: 100%;339	margin-left: auto;340	animation: fadeUp 280ms 120ms ease both;341}342.install-line {343	display: flex;344	align-items: center;345	gap: 12px;346	max-width: 100%;347	font-family: var(--mono);348	font-size: 0.75rem;349	color: var(--text-muted);350	background: var(--bg-surface);351	border: 1px solid var(--border);352	border-radius: 3px;353	padding: 5px 11px;354}355.install-line code {356	white-space: pre;357	overflow-x: auto;358	font-family: inherit;359}360.copy-btn {361	background: none;362	border: 0;363	padding: 0;364	cursor: pointer;365	font: inherit;366	font-size: 0.625rem;367	color: var(--text-faint);368	letter-spacing: 0.04em;369}370.copy-btn:hover,371.copy-btn.copied {372	color: var(--accent);373}374375/* ----- sections ----------------------------------------------------------- */376377.repo-section {378	margin: 36px 0 0;379	animation: fadeIn 320ms 80ms ease both;380}381.repo-section-toggle > summary,382.repo-details-toggle > summary {383	list-style: none;384	cursor: pointer;385	user-select: none;386}387.repo-section-toggle > summary::-webkit-details-marker,388.repo-details-toggle > summary::-webkit-details-marker {389	display: none;390}391.section-head {392	display: flex;393	align-items: baseline;394	gap: 12px;395	padding-bottom: 8px;396	border-bottom: 1px solid var(--border);397	margin-bottom: 4px;398}399.section-head::after,400.repo-details-head::after {401	content: "▸";402	font-size: 0.5625rem;403	opacity: 0.4;404	transition: transform 120ms;405}406.section-head::after {407	margin-left: auto;408}409details[open] > .section-head::after,410details[open] > .repo-details-head::after {411	transform: rotate(90deg);412}413.section-label {414	font-size: 0.6875rem;415	letter-spacing: 0.12em;416	color: var(--text-secondary);417	text-transform: uppercase;418}419.section-count {420	font-family: var(--mono);421	font-size: 0.6875rem;422	color: var(--accent);423}424425/* ----- timeline ----------------------------------------------------------- */426427.timeline {428	display: block;429	margin: 18px 0 4px;430	overflow: visible;431}432.timeline-line {433	stroke: var(--text-faint);434	stroke-width: 1;435	stroke-dasharray: 4 4;436}437.timeline .dot {438	fill: var(--accent);439}440.timeline .d0 {441	fill: var(--accent-dim);442	fill-opacity: 0.45;443}444.timeline .d1 {445	fill-opacity: 0.55;446}447.timeline .d2 {448	fill-opacity: 0.8;449}450.timeline .d3 {451	fill: var(--accent-bright);452	fill-opacity: 1;453}454.timeline-canvas {455	display: block;456	margin: 18px 0 4px;457	cursor: grab;458	touch-action: pan-y;459}460.timeline-tip {461	position: fixed;462	z-index: 200;463	max-width: 340px;464	padding: 0.45rem 0.7rem;465	background: #0f0c08;466	border: 1px solid var(--border);467	border-radius: 4px;468	pointer-events: none;469	line-height: 1.5;470}471.timeline-tip .tip-id {472	font-family: var(--mono);473	font-size: 12px;474	color: var(--accent);475}476.timeline-tip .tip-msg {477	margin-top: 3px;478	font-style: italic;479	font-size: 15px;480	color: var(--text-heading);481}482.timeline-tip .tip-meta {483	margin-top: 4px;484	font-family: var(--mono);485	font-size: 10px;486	color: var(--text-muted);487}488489/* ----- history ------------------------------------------------------------ */490491.history-row {492	position: relative;493	display: grid;494	grid-template-columns: 110px 1fr auto;495	align-items: baseline;496	gap: 0 10px;497	padding: 9px 8px;498	border-bottom: 1px solid var(--border);499	transition: background 100ms;500}501.history-row::before {502	content: "";503	position: absolute;504	left: 0;505	top: 0;506	bottom: 0;507	width: 2px;508	background: var(--accent);509	transform: scaleY(0);510	transition: transform 120ms ease;511}512.history-row:hover {513	background: var(--accent-tint-04);514	text-decoration: none;515}516.history-row:hover::before {517	transform: scaleY(1);518}519.history-id {520	font-family: var(--mono);521	font-size: 0.75rem;522	color: var(--text-secondary);523}524.history-msg {525	min-width: 0;526	line-height: 1.7;527	overflow: hidden;528	text-overflow: ellipsis;529	white-space: nowrap;530	transition: color 100ms;531}532.history-row:hover .history-msg {533	color: var(--accent);534}535.history-when {536	font-family: var(--mono);537	font-size: 0.6875rem;538	color: var(--text-muted);539	white-space: nowrap;540}541/* Kepr 2's history: four rows at a time, the rest a scroll away. */542.save-list {543	max-height: 180px;544	overflow-y: auto;545	scrollbar-width: thin;546	scrollbar-color: var(--border) transparent;547}548.pager {549	display: flex;550	justify-content: space-between;551	margin: 14px 0 0;552	font-size: 0.6875rem;553}554.pager a:last-child {555	margin-left: auto;556}557.pager a:hover {558	color: var(--accent);559}560561/* ----- atlas -------------------------------------------------------------- */562563.atlas-bar {564	display: flex;565	align-items: center;566	flex-wrap: wrap;567	gap: 8px 14px;568	margin: 10px 0 8px;569	font-size: 0.625rem;570}571.atlas-picker {572	position: relative;573}574/* Each section's fade-in makes it a stacking context, so the picker's popover would sit under the575   sections after it; the Atlas's section is lifted above them. */576#atlas {577	position: relative;578	z-index: 2;579}580.atlas-picker [hidden] {581	display: none;582}583.atlas-ref-tab {584	list-style: none;585	cursor: pointer;586	padding: 4px 8px;587	background: var(--bg);588	border: 1px solid rgba(200, 154, 90, 0.45);589	border-radius: 2px;590	font-size: 0.625rem;591	color: var(--accent);592}593.atlas-ref-tab::-webkit-details-marker {594	display: none;595}596.atlas-ref-tab:hover {597	color: var(--accent-dim);598}599.atlas-picker-popover {600	position: absolute;601	top: calc(100% + 6px);602	left: 0;603	z-index: 50;604	display: flex;605	flex-direction: column;606	width: min(420px, 90vw);607	max-height: 480px;608	background: var(--bg);609	border: 1px solid var(--text-faint);610	box-shadow: 0 18px 48px rgba(0, 0, 0, 0.48);611}612.atlas-picker-filter {613	padding: 8px 10px;614	background: var(--bg);615	border: 0;616	border-bottom: 1px solid var(--bg-elevated);617	outline: none;618	font-size: 0.6875rem;619	color: var(--text-heading);620}621.atlas-picker-filter::placeholder {622	color: var(--text-faint);623}624.atlas-picker-list {625	flex: 1 1 auto;626	min-height: 0;627	overflow: auto;628	scrollbar-width: thin;629	scrollbar-color: var(--border) transparent;630}631.atlas-picker-row {632	display: grid;633	grid-template-columns: 80px 1fr auto;634	align-items: center;635	gap: 8px;636	padding: 6px 10px;637	border-bottom: 1px solid rgba(42, 32, 24, 0.4);638	color: var(--text-muted);639}640.atlas-picker-row:hover {641	background: rgba(200, 154, 90, 0.06);642	text-decoration: none;643}644.atlas-picker-row.active {645	background: rgba(200, 154, 90, 0.1);646}647.atlas-picker-row:hover *,648.atlas-picker-row.active * {649	color: var(--accent);650}651.atlas-picker-id,652.atlas-picker-age {653	font-family: var(--mono);654	font-size: 0.5625rem;655	color: var(--text-faint);656	white-space: nowrap;657	overflow: hidden;658	text-overflow: ellipsis;659}660.atlas-picker-msg {661	font-size: 0.6875rem;662	white-space: nowrap;663	overflow: hidden;664	text-overflow: ellipsis;665}666.atlas-head-link {667	color: var(--accent);668}669.atlas-fold-btn {670	margin-left: auto;671}672.atlas-fold-btn,673.atlas-search-btn {674	padding: 4px 8px;675	background: transparent;676	border: 1px solid var(--border);677	border-radius: 2px;678	font: inherit;679	font-size: 0.625rem;680	color: var(--text-faint);681	cursor: pointer;682}683.atlas-fold-btn:hover,684.atlas-search-btn:hover {685	color: var(--accent);686	border-color: var(--accent-dim);687}688.atlas-fold-btn[hidden],689.atlas-search-btn[hidden],690.atlas-filter[hidden] {691	display: none;692}693.atlas-filter {694	width: 220px;695	max-width: 100%;696	padding: 5px 10px;697	background: transparent;698	border: 1px solid var(--border);699	border-radius: 3px;700	color: var(--text);701	font-size: 0.6875rem;702}703.atlas-filter:focus {704	outline: none;705	border-color: var(--accent-dim);706}707.atlas-filter::placeholder {708	color: var(--text-faint);709}710/* kepr.js fixes the height at the closed tree's, at most Kepr 2's 520px, and the tree and panel711   scroll inside it; without it, the whole box scrolls. */712.atlas {713	display: grid;714	grid-template-columns: minmax(0, 1fr);715	grid-template-rows: minmax(0, 1fr);716	gap: 0 20px;717	max-height: 520px;718	overflow-y: auto;719	border-top: 1px solid var(--bg-elevated);720	border-bottom: 1px solid var(--bg-elevated);721}722.atlas-tree,723.atlas-panel {724	min-height: 0;725	overflow-y: auto;726	scrollbar-width: thin;727	scrollbar-color: var(--border) transparent;728}729.atlas:has(> .atlas-panel:not([hidden])) {730	grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.75fr);731}732.atlas [hidden] {733	display: none;734}735.atlas-folder > summary {736	list-style: none;737}738.atlas-folder > summary::-webkit-details-marker {739	display: none;740}741.atlas-children {742	padding-left: 14px;743	border-left: 1px solid var(--border);744	margin-left: 6px;745}746.atlas-row {747	position: relative;748	display: grid;749	grid-template-columns: minmax(90px, auto) 1fr auto;750	align-items: baseline;751	gap: 0 12px;752	padding: 6px 8px;753	border-bottom: 1px solid rgba(42, 32, 24, 0.62);754	cursor: pointer;755	transition: background 100ms;756}757.atlas-row:hover,758.atlas-row:focus-visible,759.atlas-row.selected {760	outline: none;761	background: var(--accent-tint-04);762	text-decoration: none;763}764.atlas-row.selected {765	box-shadow: inset 2px 0 0 var(--accent);766}767.atlas-name {768	color: var(--text-heading);769	font-size: 0.875rem;770	white-space: nowrap;771}772.atlas-folder > summary .atlas-name {773	color: var(--accent);774}775.atlas-desc {776	min-width: 0;777	color: var(--text-muted);778	font-size: 0.8125rem;779	overflow: hidden;780	text-overflow: ellipsis;781	white-space: nowrap;782}783.atlas-meta {784	font-size: 0.625rem;785	color: var(--text-faint);786	white-space: nowrap;787}788.atlas-panel {789	padding: 12px 0 12px 16px;790	border-left: 1px solid var(--border);791}792.atlas-hint {793	margin: 0;794	font-size: 0.625rem;795	color: var(--text-faint);796}797.atlas-info-name {798	margin: 0;799	font-weight: 400;800	font-size: 1.375rem;801	color: var(--text-heading);802	overflow-wrap: anywhere;803}804.atlas-info-path {805	margin: 0 0 12px;806	font-size: 0.625rem;807	color: var(--text-faint);808	overflow-wrap: anywhere;809}810.atlas-facts {811	display: grid;812	grid-template-columns: auto 1fr;813	gap: 3px 12px;814	margin: 0 0 12px;815	font-size: 0.625rem;816}817.atlas-facts dt {818	color: var(--text-faint);819}820.atlas-facts dd {821	margin: 0;822	color: var(--text);823}824.atlas-facts a {825	color: var(--accent);826}827.atlas-info-desc {828	font-size: 0.8125rem;829	color: var(--text-muted);830}831/* ----- README and rendered Markdown --------------------------------------- */832833.repo-details {834	margin: 36px 0 0;835	animation: fadeIn 320ms 80ms ease both;836}837.repo-details-toggle {838	border-bottom: 1px solid var(--border);839	padding-bottom: 24px;840}841.repo-details-head {842	display: flex;843	align-items: center;844	gap: 6px;845	padding: 8px 0;846	font-family: var(--mono);847	font-size: 0.6875rem;848	letter-spacing: 0.12em;849	color: var(--text-secondary);850	text-transform: uppercase;851}852.markdown {853	font-size: 1.05rem;854	line-height: 1.7;855	overflow-wrap: break-word;856}857.markdown h1,858.markdown h2,859.markdown h3,860.markdown h4 {861	font-weight: 400;862	margin: 1.4em 0 0.4em;863	color: var(--text-heading);864}865.markdown h1 {866	font-size: 1.5rem;867}868.markdown h2 {869	font-size: 1.3rem;870}871.markdown h3 {872	font-size: 1.15rem;873}874.markdown p {875	margin: 0.8em 0;876}877.markdown ul,878.markdown ol {879	margin: 0.8em 0 0.8em 1.5em;880	padding: 0;881}882.markdown a {883	color: var(--accent);884}885.markdown code {886	font-family: var(--mono);887	font-size: 0.82em;888	color: var(--accent);889	background: var(--bg-surface);890	padding: 0.15em 0.35em;891	border-radius: 3px;892}893.markdown pre {894	background: var(--bg-surface);895	border-radius: 4px;896	padding: 1em 1.2em;897	overflow-x: auto;898	margin: 1em 0;899}900.markdown pre code {901	background: none;902	padding: 0;903	color: var(--text);904	font-size: 0.85em;905}906.markdown blockquote {907	border-left: 3px solid var(--border);908	margin: 1em 0;909	padding: 0.1em 1em;910	color: var(--text-secondary);911}912.markdown hr {913	border: none;914	border-top: 1px solid var(--border);915	margin: 1.5em 0;916}917.markdown img {918	max-width: 100%;919}920.markdown table {921	border-collapse: collapse;922	display: block;923	overflow-x: auto;924}925.markdown th,926.markdown td {927	border: 1px solid var(--border);928	padding: 4px 10px;929}930931/* ----- file viewer -------------------------------------------------------- */932933.breadcrumb {934	margin: 0 0 4px;935	font-size: 0.75rem;936	overflow-wrap: anywhere;937}938.breadcrumb a:hover {939	color: var(--accent);940}941.file-page-title {942	font-size: 1.75rem;943	font-weight: 400;944	margin: 4px 0 12px;945	overflow-wrap: anywhere;946}947.file-meta,948.file-toggle {949	margin: 0 0 12px;950	font-size: 0.6875rem;951}952.file-meta a,953.file-toggle a.active {954	color: var(--accent);955}956.file-image img {957	max-width: 100%;958	background: var(--bg-surface);959	border: 1px solid var(--border);960}961.file-view {962	border: 1px solid var(--border);963	background: var(--bg-surface);964	overflow-x: auto;965}966.code {967	margin: 0;968	padding: 16px 0;969	font-family: var(--mono);970	font-size: 0.8125rem;971	line-height: 1.65;972	tab-size: 4;973}974/* A grid, so tab stops count from the start of the code rather than the line number. */975.code .line {976	display: grid;977	grid-template-columns: 6em 1fr;978	padding-right: 24px;979	scroll-margin-top: 40vh;980}981.code .line:target,982.code .line.hl {983	background: var(--accent-tint-12);984}985.code .lc {986	white-space: pre;987}988.code .ln {989	padding-right: 1.5em;990	text-align: right;991	color: var(--text-faint);992	user-select: none;993}994.code .ln:hover {995	color: var(--accent);996	text-decoration: none;997}998999/* Shiki's CSS-variables theme roles, in Kepr 2's highlight.js colours. */1000.tk-comment {1001	color: var(--text-muted);1002	font-style: italic;1003}1004.tk-keyword {1005	color: var(--accent);1006}1007.tk-string,1008.tk-string-expression {1009	color: var(--sage);1010}1011.tk-constant {1012	color: var(--accent-bright);1013}1014.tk-function {1015	color: var(--accent);1016}1017.tk-parameter {1018	color: var(--text);1019}1020.tk-punctuation {1021	color: var(--text-secondary);1022}1023.tk-link {1024	color: var(--accent);1025	text-decoration: underline;1026}1027.tk-inserted {1028	color: var(--sage);1029}1030.tk-deleted {1031	color: #c45c5c;1032}1033.tk-i {1034	font-style: italic;1035}10361037/* ----- save page ---------------------------------------------------------- */10381039.save-id {1040	margin: 12px 0 0;1041	font-size: 0.75rem;1042	color: var(--text-secondary);1043}1044.save-flag {1045	margin: 12px 0 0;1046	padding: 8px 12px;1047	border: 1px solid #6a3a2a;1048	border-left: 2px solid #c45c5c;1049	background: rgba(196, 92, 92, 0.08);1050	color: var(--text-heading);1051}1052.save-flag-label {1053	margin-right: 8px;1054	font-size: 0.625rem;1055	letter-spacing: 0.12em;1056	text-transform: uppercase;1057	color: #c45c5c;1058}1059.save-message-head {1060	font-size: 2.25rem;1061	font-weight: 400;1062	line-height: 1.3;1063	margin: 12px 0 8px;1064	color: var(--text-heading);1065	overflow-wrap: anywhere;1066	animation: fadeUp 280ms ease both;1067}1068.save-message-body {1069	margin: 0 0 12px;1070	white-space: pre-wrap;1071	color: var(--text-secondary);1072}1073.save-facts {1074	display: grid;1075	grid-template-columns: max-content 1fr;1076	gap: 2px 16px;1077	margin: 16px 0;1078	font-size: 0.75rem;1079}1080.save-facts dt {1081	color: var(--text-faint);1082}1083.save-facts dd {1084	margin: 0;1085	overflow-wrap: anywhere;1086}1087.save-facts a,1088.save-links a,1089.diff-view a {1090	color: var(--accent);1091}1092.save-links {1093	display: flex;1094	flex-wrap: wrap;1095	gap: 8px 20px;1096	margin: 0;1097	font-size: 0.75rem;1098}1099.save-empty {1100	font-size: 0.75rem;1101}1102.change-row,1103.diff-head {1104	display: grid;1105	grid-template-columns: 1fr auto;1106	gap: 12px;1107	padding: 7px 8px;1108	border-bottom: 1px solid var(--border);1109	font-family: var(--mono);1110	font-size: 0.8125rem;1111}1112.change-row:hover {1113	background: var(--accent-tint-04);1114	text-decoration: none;1115}1116.change-path {1117	min-width: 0;1118	overflow-wrap: anywhere;1119}1120.change-added .change-path {1121	color: var(--sage);1122}1123.change-removed .change-path {1124	color: var(--text-muted);1125	text-decoration: line-through;1126}1127.change-modified .change-path {1128	color: var(--accent-bright);1129}1130.change-stat {1131	font-size: 0.75rem;1132	white-space: nowrap;1133}1134.diff-add {1135	color: var(--sage);1136}1137.diff-del {1138	color: #c45c5c;1139}1140.diff-note {1141	color: var(--text-faint);1142	font-size: 0.6875rem;1143}1144.diff-file {1145	margin: 0 0 20px;1146}1147.diff-head {1148	cursor: pointer;1149	list-style: none;1150	border: 1px solid var(--border);1151	background: var(--bg-surface);1152}1153.diff-head::-webkit-details-marker {1154	display: none;1155}1156.diff-file > .file-view {1157	border-top: 0;1158}1159.diff-file > .diff-note,1160.diff-view {1161	margin: 8px 0 0;1162	font-size: 0.6875rem;1163}1164.code.diff {1165	padding: 4px 0;1166}1167.diff .dl {1168	display: grid;1169	grid-template-columns: 3.5em 3.5em 1.5em 1fr;1170	padding-right: 24px;1171}1172.diff .dh {1173	display: block;1174	padding: 4px 1em;1175	color: var(--text-faint);1176	background: var(--bg-elevated);1177}1178.diff .ln {1179	padding-right: 0.75em;1180	text-align: right;1181	color: var(--text-faint);1182	user-select: none;1183}1184.diff .ds {1185	text-align: center;1186	color: var(--text-faint);1187	user-select: none;1188}1189.diff .dl-add {1190	background: rgba(122, 154, 104, 0.1);1191}1192.diff .dl-add .ds {1193	color: var(--sage);1194}1195.diff .dl-del {1196	background: rgba(196, 92, 92, 0.08);1197}1198.diff .dl-del .ds {1199	color: #c45c5c;1200}12011202/* ----- archives ----------------------------------------------------------- */12031204.archive-row {1205	padding: 12px 8px;1206	border-bottom: 1px solid var(--border);1207}1208.archive-save {1209	display: flex;1210	flex-wrap: wrap;1211	align-items: baseline;1212	gap: 0 10px;1213	margin: 0;1214}1215.archive-save .history-id {1216	flex: 0 0 110px;1217}1218.archive-msg {1219	flex: 1;1220}1221.archive-head {1222	font-size: 0.625rem;1223	letter-spacing: 0.08em;1224	color: var(--accent);1225	border: 1px solid var(--accent-dim);1226	border-radius: 2px;1227	padding: 0 6px;1228}1229.archive-save .history-id:hover {1230	color: var(--accent);1231}1232.archive-links {1233	display: flex;1234	flex-wrap: wrap;1235	align-items: center;1236	gap: 12px;1237	margin: 6px 0;1238	font-size: 0.75rem;1239}1240.archive-links a {1241	color: var(--accent);1242}1243.archive-row .install-line {1244	justify-content: space-between;1245}1246.archive-row--head {1247	background: var(--accent-tint-04);1248	border-top: 1px solid var(--accent-dim);1249}12501251/* ----- phone -------------------------------------------------------------- */12521253@media (max-width: 768px) {1254	body > nav {1255		padding: 20px 16px;1256	}1257	/* Without the menu script the links wrap in the bar instead of running off it. */1258	.nav-links {1259		flex-wrap: wrap;1260		justify-content: flex-end;1261		gap: 8px 18px;1262		min-width: 0;1263	}1264	.nav--menu {1265		position: relative;1266	}1267	.nav--menu .nav-toggle {1268		display: flex;1269		flex-direction: column;1270		justify-content: center;1271		gap: 4px;1272		width: 36px;1273		height: 36px;1274		margin: -8px -8px -8px auto;1275		padding: 8px;1276		border: 0;1277		background: none;1278		color: var(--text-secondary);1279		cursor: pointer;1280	}1281	.nav-toggle span {1282		height: 1.5px;1283		background: currentColor;1284		transition:1285			transform 0.2s ease,1286			opacity 0.2s ease;1287	}1288	.nav--open .nav-toggle {1289		color: var(--accent);1290	}1291	.nav--open .nav-toggle span:nth-child(1) {1292		transform: translateY(5.5px) rotate(45deg);1293	}1294	.nav--open .nav-toggle span:nth-child(2) {1295		opacity: 0;1296	}1297	.nav--open .nav-toggle span:nth-child(3) {1298		transform: translateY(-5.5px) rotate(-45deg);1299	}1300	.nav--menu .nav-links {1301		display: none;1302	}1303	.nav--menu.nav--open .nav-links {1304		position: absolute;1305		top: 100%;1306		left: 0;1307		right: 0;1308		z-index: 10;1309		display: flex;1310		flex-direction: column;1311		gap: 0;1312		padding: 0 16px 8px;1313		background: var(--bg);1314		border-bottom: 1px solid var(--border);1315		font-size: 0.8125rem;1316	}1317	.nav--open .nav-links > * {1318		padding: 14px 0;1319		border-top: 1px solid var(--border);1320	}1321	main {1322		padding: 16px 16px 80px;1323	}1324	.repo-name {1325		font-size: 2.75rem;1326	}1327	.install-lines {1328		align-items: stretch;1329		margin-left: 0;1330		width: 100%;1331	}1332	.history-row {1333		grid-template-columns: 1fr auto;1334	}1335	.history-id {1336		grid-column: 1 / -1;1337	}1338	.atlas-row {1339		grid-template-columns: 1fr auto;1340	}1341	.atlas-desc {1342		grid-column: 1 / -1;1343		grid-row: 2;1344	}1345	.atlas:has(> .atlas-panel:not([hidden])) {1346		grid-template-columns: minmax(0, 1fr);1347	}1348	.atlas-panel {1349		display: none;1350	}1351	.code .line {1352		grid-template-columns: 4.5em 1fr;1353	}1354	.save-message-head {1355		font-size: 1.625rem;1356	}1357	.archive-msg {1358		flex-basis: 100%;1359		order: 1;1360	}1361	.diff .dl {1362		grid-template-columns: 2.75em 2.75em 1.25em 1fr;1363	}1364	.code .ln {1365		padding-right: 1em;1366	}1367}13681369/* ----- builds ------------------------------------------------------------- */13701371.release {1372	padding: 20px 8px 24px;1373	border-bottom: 1px solid var(--border);1374}1375.release-head {1376	display: flex;1377	flex-wrap: wrap;1378	align-items: baseline;1379	gap: 0 14px;1380	margin: 0 0 8px;1381}1382.release-version {1383	font-family: "Martian Mono", monospace;1384	font-size: 1rem;1385	color: var(--accent);1386}1387.release-latest .release-version {1388	font-size: clamp(2rem, 5vw, 3.5rem);1389	letter-spacing: -0.06em;1390}1391.release-latest > p {1392	font-size: 0.6875rem;1393	margin: 16px 8px 0;1394}1395.release-older > summary {1396	padding: 16px 8px;1397	font-size: 0.75rem;1398	color: var(--text-muted);1399	cursor: pointer;1400	border-bottom: 1px solid var(--border);1401}1402.release-head .history-id:hover {1403	color: var(--accent);1404}1405.release-notes {1406	margin-bottom: 14px;1407}1408.release-file {1409	padding: 10px 0;1410	border-top: 1px solid var(--border);1411}1412.release-file-head {1413	display: flex;1414	flex-wrap: wrap;1415	align-items: baseline;1416	gap: 4px 14px;1417	margin: 0;1418}1419.release-platform {1420	flex: 0 0 180px;1421}1422.release-download {1423	flex: 1;1424	font-size: 0.75rem;1425	color: var(--accent);1426	overflow-wrap: anywhere;1427}1428.release-meta,1429.release-sha {1430	font-size: 0.6875rem;1431	color: var(--text-muted);1432}1433.release-sha {1434	margin: 4px 0 0;1435	overflow-wrap: anywhere;1436}1437.release-hint {1438	margin: 4px 0 0;1439	font-size: 0.8125rem;1440}14411442/* ----- issues ------------------------------------------------------------- */14431444.issues-bar {1445	display: flex;1446	flex-wrap: wrap;1447	align-items: center;1448	gap: 8px 12px;1449	font-size: 0.75rem;1450	padding-bottom: 14px;1451	border-bottom: 1px solid var(--bg-elevated);1452}1453.issues-tab {1454	color: var(--text-faint);1455	border: 1px solid transparent;1456	border-radius: 999px;1457	padding: 4px 10px;1458}1459button.issues-tab {1460	font: inherit;1461	background: none;1462	cursor: pointer;1463}1464.issues-tab.active {1465	color: var(--accent);1466	border-color: var(--accent-tint-12);1467}1468.issues-new {1469	margin-left: auto;1470	color: var(--text-muted);1471}1472.issue-row {1473	display: grid;1474	grid-template-columns: auto minmax(0, 1fr) auto;1475	align-items: baseline;1476	gap: 2px 10px;1477	padding: 16px 8px;1478	border-bottom: 1px solid var(--border);1479}1480.issue-row:hover {1481	text-decoration: none;1482	background: var(--accent-tint-04);1483}1484.issue-title {1485	grid-column: 2 / -1;1486	overflow-wrap: anywhere;1487	color: var(--text-heading);1488}1489.issues-new:hover,1490.issue-row:hover .issue-title {1491	color: var(--accent);1492}1493.issue-meta,1494.issue-post-head {1495	font-size: 0.6875rem;1496	color: var(--text-muted);1497}1498.issue-symbol--open {1499	color: var(--accent);1500}1501.issue-symbol--closed {1502	color: var(--text-faint);1503}1504.issue-row .issue-meta {1505	grid-column: 2;1506}1507.issue-reporter {1508	font-size: 0.6875rem;1509	color: var(--text-muted);1510	overflow-wrap: anywhere;1511}1512.issues-filter {1513	display: flex;1514	flex-wrap: wrap;1515	gap: 8px;1516	margin-bottom: 16px;1517}1518.issue-post {1519	margin: 18px 0;1520	padding: 14px 18px;1521	border: 1px solid var(--border);1522	border-radius: 6px;1523	background: var(--bg-surface);1524}1525.issue-post--operator {1526	border-color: var(--accent-dim);1527}1528.issue-post-head {1529	display: flex;1530	flex-wrap: wrap;1531	gap: 4px 12px;1532	margin: 0 0 8px;1533}1534.issue-author {1535	color: var(--text);1536}1537.issue-badge {1538	color: var(--accent);1539	text-transform: uppercase;1540	letter-spacing: 0.08em;1541}1542.issue-text {1543	white-space: pre-wrap;1544	overflow-wrap: anywhere;1545}1546.issue-link {1547	font-size: 0.75rem;1548	overflow-wrap: anywhere;1549	color: var(--accent);1550}1551.issues-form {1552	display: flex;1553	flex-direction: column;1554	gap: 6px;1555	max-width: 640px;1556	margin-top: 18px;1557}1558.issues-label {1559	font-family: var(--mono);1560	font-size: 0.6875rem;1561	margin-top: 6px;1562	opacity: 0.8;1563}1564.issues-input,1565.issues-textarea {1566	font-family: var(--mono);1567	font-size: 0.75rem;1568	width: 100%;1569	padding: 6px 8px;1570	color: var(--text);1571	background: var(--bg);1572	border: 1px solid var(--border);1573	border-radius: 4px;1574	resize: vertical;1575}1576.issues-input:focus,1577.issues-textarea:focus {1578	outline: none;1579	border-color: var(--accent);1580}1581.issues-filter .issues-input {1582	width: auto;1583	min-width: 0;1584	flex: 1 1 140px;1585}1586.issues-submit {1587	align-self: flex-start;1588	margin-top: 10px;1589	padding: 6px 14px;1590	font-family: var(--mono);1591	font-size: 0.75rem;1592	color: var(--bg);1593	background: var(--accent);1594	border: none;1595	border-radius: 4px;1596	cursor: pointer;1597}1598.issues-submit:hover {1599	opacity: 0.85;1600}1601.issues-submit:disabled {1602	opacity: 0.4;1603	cursor: not-allowed;1604}1605.issues-actions {1606	display: flex;1607	align-items: center;1608	gap: 16px;1609	margin: 10px 0 0;1610}1611.issues-actions .issues-submit {1612	align-self: auto;1613	margin-top: 0;1614}1615.issues-cancel {1616	font-size: 0.75rem;1617	color: var(--text-muted);1618}1619.issues-cancel:hover {1620	color: var(--accent);1621}1622button.issues-cancel {1623	padding: 0;1624	border: 0;1625	background: none;1626	cursor: pointer;1627}1628.issues-error {1629	font-size: 0.75rem;1630	color: #c86a5a;1631}1632/* The honeypot: off-screen for people, still in the form for bots. */1633.issues-hp {1634	position: absolute;1635	left: -9999px;1636	height: 0;1637	overflow: hidden;1638	opacity: 0;1639}16401641/* ----- front page --------------------------------------------------------- */16421643/* Kepr 2's hero band, full width, reaching up behind the nav (32px mark + 48px padding). */1644body > nav {1645	position: relative;1646	z-index: 1;1647}1648.ticker {1649	position: relative;1650	height: 304px;1651	margin: -104px calc(50% - 50vw) 0;1652	padding: 96px 0 20px;1653	display: flex;1654	flex-direction: column;1655	justify-content: space-evenly;1656	overflow: hidden;1657	pointer-events: none;1658	user-select: none;1659	border-bottom: 1px solid var(--border);1660	font-family: var(--mono);1661	color: var(--text-secondary);1662	mask-image: linear-gradient(1663		to right,1664		transparent,1665		#000 48px,1666		#000 calc(100% - 48px),1667		transparent1668	);1669}1670.ticker-row {1671	white-space: nowrap;1672	line-height: 1.2;1673	opacity: var(--o);1674	animation: ticker-glow 83s var(--glow-at) ease-in-out infinite;1675}1676/* The drift's duration is set by kepr.js from the track's width, so every row keeps Kepr 2's1677   pace in px/s (--speed) however long its messages are; this is the no-JavaScript fallback. */1678.ticker-track {1679	display: inline-flex;1680	gap: 64px;1681	padding-right: 64px;1682	animation: ticker-drift 1500s linear infinite;1683}1684/* Kepr 2's depth bands: nearer rows are larger, brighter and faster. Each row takes its turn at1685   the glow, a few seconds out of every 83, spaced so one or two glow at a time. */1686.ticker-row:nth-child(1) {1687	font-size: 9px;1688	--o: 0.05;1689	--speed: 12;1690	--glow-at: -5s;1691}1692.ticker-row:nth-child(2) {1693	font-size: 18px;1694	--o: 0.1;1695	--speed: 23;1696	--glow-at: -41s;1697}1698.ticker-row:nth-child(3) {1699	font-size: 7px;1700	--o: 0.04;1701	--speed: 9;1702	--glow-at: -77s;1703}1704.ticker-row:nth-child(4) {1705	font-size: 13px;1706	--o: 0.07;1707	--speed: 17;1708	--glow-at: -29s;1709}1710.ticker-row:nth-child(5) {1711	font-size: 22px;1712	--o: 0.12;1713	--speed: 29;1714	--glow-at: -65s;1715}1716.ticker-row:nth-child(6) {1717	font-size: 8px;1718	--o: 0.045;1719	--speed: 10;1720	--glow-at: -17s;1721}1722.ticker-row:nth-child(7) {1723	font-size: 15px;1724	--o: 0.08;1725	--speed: 20;1726	--glow-at: -53s;1727}1728@keyframes ticker-drift {1729	to {1730		transform: translateX(-50%);1731	}1732}1733@keyframes ticker-glow {1734	0%,1735	10%,1736	100% {1737		color: var(--text-secondary);1738		opacity: var(--o);1739		text-shadow: none;1740	}1741	5% {1742		color: var(--accent);1743		opacity: calc(var(--o) * 3.5);1744		text-shadow: 0 0 3px var(--accent-tint-12);1745	}1746}17471748.headline {1749	display: grid;1750	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);1751	gap: 48px;1752	align-items: center;1753	padding: 56px 0 40px;1754}1755.headline h1 {1756	font-size: clamp(2rem, 5vw, 3.5rem);1757	font-weight: 400;1758	line-height: 1.15;1759	color: var(--text-heading);1760	margin: 0 0 20px;1761	animation: fadeUp 480ms ease both;1762}1763.headline-tagline {1764	margin: 0;1765	font-size: 0.9375rem;1766	line-height: 1.7;1767	color: var(--text-secondary);1768	animation: fadeUp 480ms 80ms ease both;1769}1770.headline-cloud {1771	display: flex;1772	flex-wrap: wrap;1773	justify-content: center;1774	align-items: center;1775	gap: 10px 22px;1776	padding: 20px;1777	animation: fadeIn 600ms 160ms ease both;1778}1779.tc-tag {1780	font-family: var(--mono);1781	letter-spacing: 0.03em;1782	white-space: nowrap;1783	color: var(--accent-dim);1784	transition:1785		color 0.2s,1786		opacity 0.2s,1787		text-shadow 0.2s;1788}1789.tc-tag:hover {1790	color: var(--accent);1791	opacity: 1;1792	text-shadow: 0 0 14px var(--accent-tint-12);1793}1794.tc-1 {1795	font-size: 10px;1796	opacity: 0.42;1797}1798.tc-2 {1799	font-size: 12px;1800	opacity: 0.56;1801}1802.tc-3 {1803	font-size: 15px;1804	opacity: 0.7;1805}1806.tc-4 {1807	font-size: 18px;1808	opacity: 0.85;1809	font-weight: 500;1810}1811.tc-5 {1812	font-size: 23px;1813	opacity: 1;1814	font-weight: 500;1815}18161817.featured-label {1818	font-size: 0.6875rem;1819	font-weight: 400;1820	letter-spacing: 0.08em;1821	text-transform: uppercase;1822	color: var(--text-secondary);1823	margin: 0 0 12px;1824}1825.landing-self-host {1826	margin: 32px 0 0;1827	font-size: 0.75rem;1828}1829.landing-self-host a {1830	color: var(--text-secondary);1831}18321833/* ----- repo cards (front page, browse, profile) --------------------------- */18341835.card-grid {1836	display: grid;1837	grid-template-columns: repeat(2, minmax(0, 1fr));1838	gap: 16px;1839}1840.repo-card {1841	display: flex;1842	flex-direction: column;1843	padding: 20px 22px 16px;1844	border: 1px solid var(--bg-elevated);1845	border-radius: 4px;1846	background: var(--bg);1847	transition:1848		border-color 120ms,1849		background 120ms;1850	animation: fadeUp 350ms ease both;1851}1852.repo-card:hover {1853	text-decoration: none;1854	border-color: var(--text-faint);1855	background: var(--accent-tint-04);1856}1857.repo-card-head {1858	display: flex;1859	align-items: baseline;1860	justify-content: space-between;1861	gap: 12px;1862}1863.repo-card-name {1864	font-size: 1.375rem;1865	line-height: 1.1;1866	color: var(--accent);1867	overflow: hidden;1868	text-overflow: ellipsis;1869	white-space: nowrap;1870}1871.repo-card-saves {1872	font-size: 0.6875rem;1873	white-space: nowrap;1874}1875.repo-card-desc {1876	margin: 8px 0 0;1877	font-size: 0.8125rem;1878	line-height: 1.5;1879	color: var(--text-secondary);1880	display: -webkit-box;1881	-webkit-line-clamp: 2;1882	-webkit-box-orient: vertical;1883	overflow: hidden;1884}1885.repo-card-cat {1886	margin: 10px 0 0;1887	font-size: 0.9375rem;1888	color: var(--text);1889}18901891/* ----- profile ------------------------------------------------------------ */18921893/* The cover runs the full width of the window while the page keeps its column. */1894.profile-cover {1895	position: relative;1896	height: 380px;1897	margin: -24px calc(50% - 50vw) 0;1898	overflow: hidden;1899	border-bottom: 1px solid var(--bg-surface);1900}1901.hex-backdrop {1902	position: absolute;1903	inset: 0;1904	display: flex;1905	flex-direction: row-reverse;1906	justify-content: center;1907	align-items: center;1908	gap: 13px;1909	pointer-events: none;1910	user-select: none;1911	font-family: var(--mono);1912	font-size: 13px;1913	line-height: 16px;1914	color: var(--accent-dim);1915}1916/* Characters top to bottom, columns right to left, each breathing on its own clock. */1917.hex-col {1918	writing-mode: vertical-rl;1919	text-orientation: upright;1920	letter-spacing: 3px;1921	opacity: 0.05;1922	animation: hex-breathe 17s ease-in-out infinite;1923	transition:1924		color 1.6s ease,1925		text-shadow 1.6s ease;1926}1927.hex-col:nth-child(3n) {1928	color: var(--accent);1929	animation-duration: 23s;1930	animation-delay: -7s;1931}1932.hex-col:nth-child(4n + 1) {1933	animation-duration: 29s;1934	animation-delay: -13s;1935}1936.hex-col:nth-child(5n + 2) {1937	animation-duration: 19s;1938	animation-delay: -3s;1939}1940.hex-col:nth-child(7n) {1941	animation-delay: -21s;1942}1943.hex-col.glow {1944	color: var(--accent-bright);1945	text-shadow: 0 0 6px var(--accent-tint-12);1946}1947@keyframes hex-breathe {1948	0%,1949	100% {1950		opacity: 0.05;1951	}1952	50% {1953		opacity: 0.22;1954	}1955}1956.profile-cover-fade {1957	position: absolute;1958	left: 0;1959	right: 0;1960	bottom: 0;1961	height: 55%;1962	background: linear-gradient(to bottom, transparent, var(--bg));1963	pointer-events: none;1964}1965.profile-identity {1966	position: absolute;1967	bottom: 40px;1968	left: 0;1969	right: 0;1970	max-width: 980px;1971	margin: 0 auto;1972	padding: 0 48px;1973}1974.profile-username {1975	margin: 0 0 8px;1976	font-family: "Sacramento", cursive;1977	font-weight: 400;1978	font-size: 3.625rem;1979	line-height: 1;1980	letter-spacing: -0.02em;1981	text-transform: lowercase;1982	color: var(--text-heading);1983	user-select: none;1984	animation: fadeUp 500ms ease both;1985}1986.profile-signature {1987	display: block;1988	max-height: 96px;1989	max-width: min(360px, 100%);1990}1991.profile-tagline {1992	margin: 0 0 6px;1993	font-family: var(--mono);1994	font-size: 0.75rem;1995	letter-spacing: 0.15em;1996	color: var(--text-faint);1997}1998.profile-op-badge {1999	display: block;2000	font-size: 0.6875rem;2001	letter-spacing: 0.18em;2002	color: var(--accent);2003}20042005.profile-portrait-section {2006	display: grid;2007	grid-template-columns: 320px minmax(0, 1fr);2008	gap: 40px;2009	align-items: start;2010	padding-top: 40px;2011}2012.profile-left {2013	display: flex;2014	flex-direction: column;2015	gap: 16px;2016}2017.profile-identity-card,2018.profile-languages-bar {2019	padding: 20px 24px;2020	border: 1px solid var(--bg-elevated);2021	border-radius: 4px;2022}2023.profile-identity-bio {2024	margin: 0;2025	font-size: 0.875rem;2026	line-height: 1.5;2027	color: var(--text-muted);2028}2029.profile-identity-location {2030	margin: 6px 0 0;2031	font-family: var(--mono);2032	font-size: 0.8125rem;2033	color: var(--text-muted);2034}2035.profile-website-pill {2036	display: inline-block;2037	max-width: 100%;2038	margin-top: 10px;2039	padding: 3px 8px;2040	overflow: hidden;2041	text-overflow: ellipsis;2042	white-space: nowrap;2043	border: 1px solid var(--text-faint);2044	border-radius: 3px;2045	background: var(--bg-surface);2046	font-family: var(--mono);2047	font-size: 0.6875rem;2048	color: var(--accent);2049}2050.profile-website-pill:hover {2051	border-color: var(--accent);2052	text-decoration: none;2053}2054.profile-stats-grid {2055	display: grid;2056	grid-template-columns: 1fr 1fr;2057	border: 1px solid var(--bg-elevated);2058	border-radius: 4px;2059	overflow: hidden;2060}2061.profile-stat-tile {2062	padding: 16px;2063	border-right: 1px solid var(--bg-elevated);2064	border-bottom: 1px solid var(--bg-elevated);2065}2066.profile-stat-tile:nth-child(2n) {2067	border-right: none;2068}2069.profile-stat-tile:nth-last-child(-n + 2) {2070	border-bottom: none;2071}2072.profile-stat-number {2073	margin-bottom: 4px;2074	font-weight: 600;2075	font-size: 1.75rem;2076	line-height: 1;2077	color: var(--accent);2078}2079.profile-stat-label,2080.profile-section-label {2081	font-family: var(--mono);2082	font-size: 0.625rem;2083	text-transform: uppercase;2084	letter-spacing: 0.08em;2085	color: var(--text-faint);2086}2087.profile-lang-bar {2088	display: block;2089	width: 100%;2090	height: 6px;2091	margin-bottom: 8px;2092	border-radius: 3px;2093	background: var(--bg-surface);2094}2095.profile-lang-bar rect {2096	fill: var(--accent);2097	opacity: 0.6;2098}2099.profile-lang-bar rect:nth-child(2) {2100	fill: var(--sage);2101}2102.profile-lang-bar rect:nth-child(3) {2103	fill: var(--accent-flash);2104	opacity: 0.45;2105}2106.profile-lang-bar rect:nth-child(4) {2107	fill: var(--accent-dim);2108}2109.profile-lang-labels {2110	display: flex;2111	flex-wrap: wrap;2112	gap: 10px;2113	font-family: var(--mono);2114	font-size: 0.625rem;2115	color: var(--text-muted);2116}2117.profile-section-label {2118	margin-bottom: 16px;2119	letter-spacing: 0.2em;2120}2121.profile-timeline {2122	display: grid;2123	grid-auto-rows: 2.25rem;2124	max-height: 13.5rem;2125	overflow-y: auto;2126	scrollbar-width: thin;2127}2128.profile-event {2129	display: grid;2130	grid-template-columns: 96px 12px minmax(0, 1fr) auto;2131	gap: 10px;2132	align-items: baseline;2133	padding: 7px 0;2134	border-bottom: 1px solid var(--bg-surface);2135	font-family: var(--mono);2136	font-size: 0.6875rem;2137	animation: fadeUp 300ms ease both;2138}2139.profile-event-repo,2140.profile-event-message {2141	overflow: hidden;2142	text-overflow: ellipsis;2143	white-space: nowrap;2144}2145.profile-event-repo,2146.profile-event-glyph {2147	color: var(--accent);2148}2149.profile-event-glyph {2150	font-size: 0.625rem;2151}2152.profile-event-message {2153	color: var(--text-muted);2154}2155.profile-event-message:hover {2156	color: var(--text-heading);2157}2158.profile-event-time {2159	font-size: 0.625rem;2160	white-space: nowrap;2161	color: var(--text-faint);2162}2163.profile-empty-state {2164	font-style: italic;2165	font-size: 0.8125rem;2166	color: var(--text-faint);2167}2168.profile-repos-section {2169	margin-top: 40px;2170	padding-top: 40px;2171	border-top: 1px solid var(--bg-surface);2172}21732174/* ----- docs and support --------------------------------------------------- */21752176.admin-layout {2177	display: grid;2178	grid-template-columns: 160px minmax(0, 1fr);2179	gap: 48px;2180	min-height: 70vh;2181}2182.admin-sidebar {2183	position: sticky;2184	top: 24px;2185	align-self: start;2186	padding: 24px 0;2187	font-size: 0.75rem;2188}2189.admin-sidebar nav,2190.admin-sidebar-foot {2191	display: flex;2192	flex-direction: column;2193	gap: 16px;2194	margin-top: 20px;2195}2196.admin-sidebar a {2197	color: var(--text-secondary);2198}2199.admin-unread {2200	display: inline-block;2201	min-width: 1.5em;2202	padding: 0 5px;2203	border-radius: 999px;2204	background: var(--accent);2205	color: var(--bg);2206	font-size: 0.6875rem;2207	text-align: center;2208}2209.notification-unread {2210	box-shadow: inset 2px 0 0 var(--accent);2211	background: var(--accent-tint-04);2212}2213.admin-sidebar a[aria-current] {2214	color: var(--accent);2215	border-left: 2px solid var(--accent);2216	padding-left: 12px;2217}2218.admin-sidebar-foot {2219	border-top: 1px solid var(--border);2220	padding-top: 24px;2221	margin-top: 40px;2222}2223.admin-content {2224	min-width: 0;2225}2226.admin-heading {2227	border-bottom: 1px solid var(--border);2228	padding: 24px 0;2229	margin-bottom: 32px;2230}2231.admin-heading h1 {2232	font-size: 2rem;2233	font-weight: 400;2234	margin: 8px 0 0;2235	color: var(--text-heading);2236}2237.admin-intro {2238	color: var(--text-secondary);2239	margin-bottom: 24px;2240}2241.admin-notice {2242	color: var(--sage);2243	border-left: 2px solid var(--sage);2244	padding-left: 16px;2245}2246.admin-content .profile-signature {2247	max-width: 240px;2248	max-height: 120px;2249	object-fit: contain;2250}2251.admin-vitals {2252	display: flex;2253	flex-wrap: wrap;2254	gap: 24px 40px;2255	padding: 0 0 24px;2256	border-bottom: 1px solid var(--border);2257}2258.admin-vitals strong {2259	display: block;2260	font-size: 1.75rem;2261	font-weight: 400;2262	color: var(--accent);2263}2264.admin-days {2265	margin: 0;2266	padding: 0;2267	list-style: none;2268	font-size: 0.6875rem;2269}2270.admin-days li {2271	display: grid;2272	grid-template-columns: 11ch minmax(0, 1fr) 5ch;2273	gap: 12px;2274	align-items: center;2275	padding: 2px 0;2276}2277.admin-days meter {2278	appearance: none;2279	width: 100%;2280	height: 6px;2281	background: var(--border);2282	border: 0;2283}2284.admin-days meter::-webkit-meter-bar {2285	height: 6px;2286	background: var(--border);2287	border: 0;2288	border-radius: 0;2289}2290.admin-days meter::-webkit-meter-optimum-value {2291	background: var(--accent);2292}2293.admin-days meter::-moz-meter-bar {2294	background: var(--accent);2295}2296.admin-days li > span:last-child {2297	text-align: right;2298}2299.admin-select-row {2300	display: flex;2301	gap: 12px;2302	align-items: center;2303}2304.admin-select-row .issue-row {2305	flex: 1;2306	min-width: 0;2307}2308.admin-content form.issue-row {2309	align-items: center;2310}2311.admin-table {2312	width: 100%;2313	border-collapse: collapse;2314	font-size: 0.6875rem;2315}2316.admin-table th,2317.admin-table td {2318	padding: 6px 12px 6px 0;2319	border-bottom: 1px solid var(--border);2320	text-align: left;2321	font-weight: 400;2322	overflow-wrap: anywhere;2323}2324.admin-table th {2325	color: var(--text-muted);2326}2327.admin-releases {2328	margin: 12px 0 0;2329	padding: 0;2330	list-style: none;2331	font-size: 0.6875rem;2332}2333.admin-releases li {2334	padding: 4px 0;2335}2336.admin-repos-layout {2337	display: grid;2338	grid-template-columns: 140px minmax(0, 1fr);2339	gap: 24px;2340}2341.admin-repo-picker {2342	position: sticky;2343	top: 24px;2344	align-self: start;2345	display: flex;2346	flex-direction: column;2347	gap: 20px;2348	font-size: 0.75rem;2349}2350.admin-repo-picker nav {2351	display: flex;2352	flex-direction: column;2353	max-height: 50vh;2354	overflow-y: auto;2355	border-bottom: 1px solid var(--border);2356}2357.admin-repo-link {2358	padding: 12px 8px;2359	overflow-wrap: anywhere;2360	border-left: 2px solid transparent;2361	color: var(--text-secondary);2362}2363.admin-repo-link.active {2364	border-left-color: var(--accent);2365	background: var(--bg-surface);2366	color: var(--accent-bright);2367}2368.admin-repo-link span {2369	display: block;2370	font-size: 0.625rem;2371}2372.admin-repo-workspace {2373	min-width: 0;2374}2375#global-hide {2376	scroll-margin-top: 24px;2377}2378@media (max-width: 900px) {2379	.admin-repos-layout {2380		grid-template-columns: minmax(0, 1fr);2381	}2382	.admin-repo-picker {2383		position: static;2384	}2385	.admin-repo-picker nav {2386		max-height: 200px;2387	}2388}2389@media (max-width: 680px) {2390	.admin-layout {2391		grid-template-columns: minmax(0, 1fr);2392		gap: 0;2393	}2394	.admin-sidebar {2395		position: static;2396		padding: 8px 0;2397	}2398	.admin-sidebar nav,2399	.admin-sidebar-foot {2400		flex-flow: row wrap;2401		gap: 12px 20px;2402	}2403	.admin-sidebar-foot {2404		margin-top: 16px;2405		padding-top: 16px;2406	}2407}24082409.site-doc {2410	max-width: 72ch;2411	margin-top: 16px;2412}2413.site-doc h1 {2414	font-size: clamp(2rem, 5vw, 3rem);2415	font-weight: 400;2416	color: var(--text-heading);2417}2418.site-doc h2 {2419	margin-top: 2.4em;2420	scroll-margin-top: 24px;2421}2422.site-doc-layout {2423	display: grid;2424	grid-template-columns: 180px minmax(0, 72ch);2425	gap: 48px;2426}2427.site-doc-nav {2428	position: sticky;2429	top: 24px;2430	align-self: start;2431	display: flex;2432	flex-direction: column;2433	gap: 10px;2434	margin-top: 32px;2435	font-size: 0.8125rem;2436}2437.site-doc-nav a {2438	color: var(--text-secondary);2439	text-decoration: none;2440}2441.site-doc-nav a:hover {2442	color: var(--text-heading);2443}2444@media (max-width: 860px) {2445	.site-doc-layout {2446		grid-template-columns: minmax(0, 1fr);2447		gap: 0;2448	}2449	.site-doc-nav {2450		position: static;2451		flex-flow: row wrap;2452		gap: 8px 16px;2453		margin-top: 24px;2454	}2455}24562457@media (max-width: 860px) {2458	.headline,2459	.profile-portrait-section {2460		grid-template-columns: minmax(0, 1fr);2461	}2462	.headline {2463		gap: 8px;2464		padding-top: 48px;2465	}2466	.card-grid {2467		grid-template-columns: minmax(0, 1fr);2468	}2469}2470@media (max-width: 768px) {2471	.ticker {2472		height: 226px;2473		margin-top: -88px;2474		padding-top: 80px;2475	}2476	.profile-cover {2477		height: 280px;2478		margin-top: -16px;2479	}2480	.profile-identity {2481		bottom: 24px;2482		padding: 0 16px;2483	}2484	.profile-username {2485		font-size: 2.5rem;2486	}2487	.profile-event {2488		grid-template-columns: 72px 12px minmax(0, 1fr);2489	}2490	.profile-event-time {2491		display: none;2492	}2493}24942495/* ----- media in Markdown and the signed-in editor ------------------------- */24962497/* Sizes and places from an image's options (markdown.ts); classes, as the policy allows no inline2498   style. */2499.markdown .media {2500	display: block;2501	max-width: 100%;2502	height: auto;2503	margin: 12px auto;2504	border-radius: 3px;2505}2506.markdown .media-left {2507	margin-left: 0;2508}2509.markdown .media-right {2510	margin-right: 0;2511}2512.markdown .media-w25 {2513	width: 25%;2514}2515.markdown .media-w33 {2516	width: 33%;2517}2518.markdown .media-w50 {2519	width: 50%;2520}2521.markdown .media-w66 {2522	width: 66%;2523}2524.markdown .media-w75 {2525	width: 75%;2526}2527.markdown .media-w100 {2528	width: 100%;2529}2530.edit-btn {2531	margin-left: 12px;2532	padding: 1px 7px;2533	background: transparent;2534	border: 1px solid rgba(200, 154, 90, 0.2);2535	border-radius: 2px;2536	font-size: 0.625rem;2537	color: var(--text-faint);2538	cursor: pointer;2539	vertical-align: middle;2540}2541.repo-desc-editable:not(:has(.editor)) {2542	cursor: text;2543}2544.edit-btn:hover {2545	color: var(--accent);2546	border-color: var(--accent-dim);2547}2548.editor {2549	display: grid;2550	gap: 8px;2551	margin: 8px 0 16px;2552}2553.editor-toolbar,2554.editor-media,2555.editor-actions {2556	display: flex;2557	flex-wrap: wrap;2558	align-items: center;2559	gap: 4px;2560}2561.editor-media[hidden] {2562	display: none;2563}2564.editor-label,2565.editor-status {2566	margin: 0 6px;2567	font-size: 0.625rem;2568	color: var(--text-faint);2569}2570.editor-panes {2571	display: grid;2572	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);2573	gap: 12px;2574}2575@media (max-width: 768px) {2576	.editor-panes {2577		grid-template-columns: minmax(0, 1fr);2578	}2579}2580.editor-input {2581	width: 100%;2582	min-height: 4lh;2583	max-height: 70vh;2584	field-sizing: content;2585	resize: vertical;2586	padding: 10px 12px;2587	background: var(--bg-surface);2588	border: 1px solid var(--border);2589	border-radius: 3px;2590	color: var(--text);2591	font-size: 0.75rem;2592	line-height: 1.6;2593}2594.editor-input:focus {2595	outline: none;2596	border-color: var(--accent-dim);2597}2598.editor-preview {2599	min-width: 0;2600	max-height: 70vh;2601	overflow-y: auto;2602	padding: 0 4px;2603}2604.editor-preview:empty::before {2605	content: attr(data-empty);2606	font-family: var(--mono);2607	font-size: 0.625rem;2608	color: var(--text-faint);2609}26102611/* ----- file viewer (Kepr 2's Atlas modal) -------------------------------- */26122613body:has(> .fv-overlay) {2614	overflow: hidden;2615}2616.fv-overlay {2617	position: fixed;2618	inset: 0;2619	z-index: 2000;2620	display: flex;2621	flex-direction: column;2622	background: rgba(8, 7, 5, 0.97);2623	outline: none;2624	animation: fv-in 200ms ease both;2625}2626@keyframes fv-in {2627	from {2628		opacity: 0;2629		transform: translateY(6px) scale(0.97);2630	}2631}2632.fv-header {2633	display: flex;2634	align-items: center;2635	gap: 16px;2636	flex-shrink: 0;2637	height: 48px;2638	padding: 0 20px;2639	background: var(--bg);2640	border-bottom: 1px solid var(--bg-elevated);2641}2642.fv-close {2643	background: none;2644	border: 0;2645	padding: 0 4px;2646	font-size: 1.375rem;2647	line-height: 1;2648	color: var(--text-faint);2649	cursor: pointer;2650}2651.fv-close:hover {2652	color: var(--accent);2653}2654.fv-title {2655	display: flex;2656	align-items: baseline;2657	gap: 8px;2658	flex: 1;2659	min-width: 0;2660}2661.fv-name {2662	font-size: 1.25rem;2663	color: var(--text-heading);2664	white-space: nowrap;2665}2666.fv-path {2667	font-size: 0.625rem;2668	color: var(--text-faint);2669	white-space: nowrap;2670	overflow: hidden;2671	text-overflow: ellipsis;2672}2673.fv-controls,2674.fv-nav {2675	display: flex;2676	align-items: center;2677	gap: 4px;2678	flex-shrink: 0;2679}2680.fv-ctrl-btn {2681	background: transparent;2682	border: 1px solid rgba(200, 154, 90, 0.2);2683	border-radius: 2px;2684	padding: 3px 7px;2685	font: inherit;2686	font-size: 0.625rem;2687	color: var(--text-faint);2688	cursor: pointer;2689	transition:2690		color 100ms,2691		border-color 100ms;2692}2693.fv-ctrl-btn:hover:not(:disabled),2694.fv-ctrl-btn.active {2695	color: var(--accent);2696	border-color: rgba(200, 154, 90, 0.5);2697	text-decoration: none;2698}2699.fv-ctrl-btn:disabled {2700	opacity: 0.3;2701	cursor: default;2702}2703.fv-pos {2704	min-width: 48px;2705	text-align: center;2706	font-size: 0.625rem;2707	color: var(--text-faint);2708}2709.fv-body {2710	flex: 1;2711	min-height: 0;2712	display: grid;2713	grid-template-columns: minmax(0, 1fr) 280px;2714}2715.fv-source {2716	min-height: 0;2717	overflow: auto;2718	padding: 16px 28px 32px;2719	font-family: var(--mono);2720	font-size: 0.6875rem;2721	color: var(--text-faint);2722}2723.fv-source .file-view {2724	margin: -16px -28px 0;2725	border: 0;2726	background: none;2727	overflow: visible;2728}2729.fv-source .code {2730	font-size: var(--fv-size);2731	color: var(--text);2732}2733.fv-wrap .fv-source .lc {2734	white-space: pre-wrap;2735	overflow-wrap: anywhere;2736}2737.fv-source .file-markdown {2738	font-family: var(--sans);2739	font-size: calc(var(--fv-size) + 2px);2740	color: var(--text);2741}2742.fv-detail .atlas-info-desc {2743	font-size: 0.8125rem;2744}2745.fv-detail {2746	overflow-y: auto;2747	padding: 18px 20px 24px;2748	background: var(--bg);2749	border-left: 1px solid var(--bg-elevated);2750}2751/* After the viewer's own rules, which would otherwise win at equal specificity. */2752@media (max-width: 768px) {2753	.fv-overlay {2754		background: var(--bg);2755	}2756	.fv-header {2757		flex-wrap: wrap;2758		height: auto;2759		padding: 8px 12px;2760		gap: 8px 12px;2761	}2762	.fv-title {2763		flex-basis: calc(100% - 40px);2764	}2765	.fv-body {2766		grid-template-columns: minmax(0, 1fr);2767	}2768	.fv-detail {2769		display: none;2770	}2771	.fv-source {2772		padding: 12px 16px 24px;2773	}2774	.fv-source .file-view {2775		margin: -12px -16px 0;2776	}2777}27782779/* Last in the file, after every animation it stops, so it wins without !important. */2780@media (prefers-reduced-motion: reduce) {2781	.tri-outer,2782	.tri-inner,2783	.repo-name,2784	.repo-contributor,2785	.repo-desc,2786	.repo-homepage,2787	.repo-meta,2788	.repo-tabs,2789	.install-lines,2790	.repo-section,2791	.repo-details,2792	.save-message-head,2793	.ticker-row,2794	.ticker-track,2795	.hex-col,2796	.headline h1,2797	.headline-tagline,2798	.headline-cloud,2799	.repo-card,2800	.profile-username,2801	.profile-event,2802	.fv-overlay,2803	.repo-panel {2804		animation: none;2805	}2806	.nav-toggle span {2807		transition: none;2808	}2809	.hex-col {2810		opacity: 0.12;2811	}2812}28132814/* ----- fonts: served by Kepr itself; licences beside them in /static/fonts ----- */28152816/* latin */2817@font-face {2818	font-family: "Bellota";2819	font-style: normal;2820	font-weight: 700;2821	font-display: swap;2822	src: url(/static/fonts/bellota-latin-700-normal.woff2) format("woff2");2823	unicode-range:2824		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;2825}28262827/* cyrillic */2828@font-face {2829	font-family: "Bellota";2830	font-style: normal;2831	font-weight: 700;2832	font-display: swap;2833	src: url(/static/fonts/bellota-cyrillic-700-normal.woff2) format("woff2");2834	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;2835}28362837/* latin-ext */2838@font-face {2839	font-family: "Bellota";2840	font-style: normal;2841	font-weight: 700;2842	font-display: swap;2843	src: url(/static/fonts/bellota-latin-ext-700-normal.woff2) format("woff2");2844	unicode-range:2845		U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;2846}28472848/* vietnamese */2849@font-face {2850	font-family: "Bellota";2851	font-style: normal;2852	font-weight: 700;2853	font-display: swap;2854	src: url(/static/fonts/bellota-vietnamese-700-normal.woff2) format("woff2");2855	unicode-range:2856		U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;2857}28582859/* greek */2860@font-face {2861	font-family: "Comfortaa";2862	font-style: normal;2863	font-weight: 700;2864	font-stretch: 100%;2865	font-display: swap;2866	src: url(/static/fonts/comfortaa-greek-700-normal.woff2) format("woff2");2867	unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;2868}28692870/* latin */2871@font-face {2872	font-family: "Comfortaa";2873	font-style: normal;2874	font-weight: 700;2875	font-stretch: 100%;2876	font-display: swap;2877	src: url(/static/fonts/comfortaa-latin-700-normal.woff2) format("woff2");2878	unicode-range:2879		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;2880}28812882/* cyrillic */2883@font-face {2884	font-family: "Comfortaa";2885	font-style: normal;2886	font-weight: 700;2887	font-stretch: 100%;2888	font-display: swap;2889	src: url(/static/fonts/comfortaa-cyrillic-700-normal.woff2) format("woff2");2890	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;2891}28922893/* latin-ext */2894@font-face {2895	font-family: "Comfortaa";2896	font-style: normal;2897	font-weight: 700;2898	font-stretch: 100%;2899	font-display: swap;2900	src: url(/static/fonts/comfortaa-latin-ext-700-normal.woff2) format("woff2");2901	unicode-range:2902		U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;2903}29042905/* vietnamese */2906@font-face {2907	font-family: "Comfortaa";2908	font-style: normal;2909	font-weight: 700;2910	font-stretch: 100%;2911	font-display: swap;2912	src: url(/static/fonts/comfortaa-vietnamese-700-normal.woff2) format("woff2");2913	unicode-range:2914		U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;2915}29162917/* cyrillic-ext */2918@font-face {2919	font-family: "Comfortaa";2920	font-style: normal;2921	font-weight: 700;2922	font-stretch: 100%;2923	font-display: swap;2924	src: url(/static/fonts/comfortaa-cyrillic-ext-700-normal.woff2) format("woff2");2925	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;2926}29272928/* latin */2929@font-face {2930	font-family: "Martian Mono";2931	font-style: normal;2932	font-weight: 400;2933	font-stretch: 100%;2934	font-display: swap;2935	src: url(/static/fonts/martian-mono-latin-400-normal.woff2) format("woff2");2936	unicode-range:2937		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;2938}29392940/* cyrillic */2941@font-face {2942	font-family: "Martian Mono";2943	font-style: normal;2944	font-weight: 400;2945	font-stretch: 100%;2946	font-display: swap;2947	src: url(/static/fonts/martian-mono-cyrillic-400-normal.woff2) format("woff2");2948	unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;2949}29502951/* latin-ext */2952@font-face {2953	font-family: "Martian Mono";2954	font-style: normal;2955	font-weight: 400;2956	font-stretch: 100%;2957	font-display: swap;2958	src: url(/static/fonts/martian-mono-latin-ext-400-normal.woff2) format("woff2");2959	unicode-range:2960		U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;2961}29622963/* cyrillic-ext */2964@font-face {2965	font-family: "Martian Mono";2966	font-style: normal;2967	font-weight: 400;2968	font-stretch: 100%;2969	font-display: swap;2970	src: url(/static/fonts/martian-mono-cyrillic-ext-400-normal.woff2) format("woff2");2971	unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;2972}29732974/* latin */2975@font-face {2976	font-family: "Quicksand";2977	font-style: normal;2978	font-weight: 400;2979	font-stretch: 100%;2980	font-display: swap;2981	src: url(/static/fonts/quicksand-latin-400-normal.woff2) format("woff2");2982	unicode-range:2983		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;2984}29852986/* latin-ext */2987@font-face {2988	font-family: "Quicksand";2989	font-style: normal;2990	font-weight: 400;2991	font-stretch: 100%;2992	font-display: swap;2993	src: url(/static/fonts/quicksand-latin-ext-400-normal.woff2) format("woff2");2994	unicode-range:2995		U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;2996}29972998/* vietnamese */2999@font-face {3000	font-family: "Quicksand";3001	font-style: normal;3002	font-weight: 400;3003	font-stretch: 100%;3004	font-display: swap;3005	src: url(/static/fonts/quicksand-vietnamese-400-normal.woff2) format("woff2");3006	unicode-range:3007		U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;3008}30093010/* latin */3011@font-face {3012	font-family: "Quicksand";3013	font-style: normal;3014	font-weight: 600;3015	font-stretch: 100%;3016	font-display: swap;3017	src: url(/static/fonts/quicksand-latin-600-normal.woff2) format("woff2");3018	unicode-range:3019		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;3020}30213022/* latin-ext */3023@font-face {3024	font-family: "Quicksand";3025	font-style: normal;3026	font-weight: 600;3027	font-stretch: 100%;3028	font-display: swap;3029	src: url(/static/fonts/quicksand-latin-ext-600-normal.woff2) format("woff2");3030	unicode-range:3031		U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;3032}30333034/* vietnamese */3035@font-face {3036	font-family: "Quicksand";3037	font-style: normal;3038	font-weight: 600;3039	font-stretch: 100%;3040	font-display: swap;3041	src: url(/static/fonts/quicksand-vietnamese-600-normal.woff2) format("woff2");3042	unicode-range:3043		U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;3044}30453046/* latin */3047@font-face {3048	font-family: "Sacramento";3049	font-style: normal;3050	font-weight: 400;3051	font-display: swap;3052	src: url(/static/fonts/sacramento-latin-400-normal.woff2) format("woff2");3053	unicode-range:3054		U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;3055}30563057/* latin-ext */3058@font-face {3059	font-family: "Sacramento";3060	font-style: normal;3061	font-weight: 400;3062	font-display: swap;3063	src: url(/static/fonts/sacramento-latin-ext-400-normal.woff2) format("woff2");3064	unicode-range:3065		U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;3066}