From 9a141f3603556ac67e63cfcc67836b31be6e14dd Mon Sep 17 00:00:00 2001
From: Haewon Kam <haewonkam@Haewons-MacBook-Pro.local>
Date: Sat, 4 Apr 2026 00:15:00 +0900
Subject: [PATCH] fix: thin overlay scrollbar to equalize left/right margins

Uses scrollbar-width:thin + 6px webkit scrollbar to minimize
layout shift from the default ~15px scrollbar. Keeps original
design intact while reducing visual asymmetry.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/index.css | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/index.css b/src/index.css
index 3c42999..327453a 100644
--- a/src/index.css
+++ b/src/index.css
@@ -62,10 +62,25 @@
 }
 
 @layer base {
+  /* Thin overlay scrollbar — doesn't consume layout space */
+  html {
+    scrollbar-width: thin;
+    scrollbar-color: rgba(0,0,0,0.15) transparent;
+  }
+  html::-webkit-scrollbar {
+    width: 6px;
+  }
+  html::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  html::-webkit-scrollbar-thumb {
+    background: rgba(0,0,0,0.15);
+    border-radius: 3px;
+  }
   body {
     @apply font-sans text-slate-800 bg-slate-50 antialiased;
   }
-  
+
   h1, h2, h3, h4, h5, h6 {
     @apply font-serif text-primary-900;
   }