It's time for hairline width

src/app.css

@@ -82,7 +82,7 @@ a.mention span {
   background-color: var(--bg-blur-color);
   background-image: linear-gradient(to bottom, var(--bg-color), transparent);
   backdrop-filter: saturate(180%) blur(20px);
-  border-bottom: 1px solid var(--divider-color);
+  border-bottom: var(--hairline-width) solid var(--divider-color);
   z-index: 1;
   cursor: default;
   z-index: 10;
@@ -136,7 +136,7 @@ a.mention span {
   list-style: none;
   margin: 0;
   padding: 0;
-  border-bottom: 1px solid var(--divider-color);
+  border-bottom: var(--hairline-width) solid var(--divider-color);
 }
 .timeline.flat > li {
   border-bottom: none;

src/components/status.css

@@ -699,7 +699,7 @@ a.card:is(:hover, :focus) {
   padding-bottom: 16px;
   margin-left: calc(-50px - 16px);
   color: var(--text-insignificant-color);
-  border-top: 1px solid var(--outline-color);
+  border-top: var(--hairline-width) solid var(--outline-color);
   margin-top: 8px;
 }
 .status .action.has-count {

src/index.css

@@ -1,5 +1,6 @@
 :root {
   text-size-adjust: none;
+  --hairline-width: 1px;
 
   --blue-color: royalblue;
   --purple-color: blueviolet;
@@ -38,6 +39,12 @@
   --timing-function: cubic-bezier(0.3, 0.5, 0, 1);
 }
 
+@media (min-resolution: 2dppx) or (min-resolution: 192dpi) or (min-device-pixel-ratio: 2) {
+  :root {
+    --hairline-width: 0.5px;
+  }
+}
+
 @media (prefers-color-scheme: dark) {
   :root {
     --blue-color: CornflowerBlue;