fdsafsad

public/s/css/f0ckm.css

@@ -260,7 +260,7 @@ html[theme='amoled'] {
   --nav-link-background-linear-gradient: rgba(255, 255, 255, .04), rgba(255, 255, 255, 0);
   --nav-link-box-shadow: inset 0 0 0 1px rgb(92, 92, 92), inset 0 1px rgb(92, 92, 92), inset 0 -1px rgb(92, 92, 92), 0 1px 1px rgba(92, 92, 92, 0);
   --nav-link-hover-bg: #6a6a6a70;
-  --nav-border-color: rgba(255, 255, 255, .05);
+  --nav-border-color: rgba(255, 255, 255, .20);
   --dropdown-bg: #232323;
   --dropdown-item-hover: #0d0d0d;
   --nav-brand-font: 'VCR';
@@ -2660,11 +2660,12 @@ body.layout-modern .global-sidebar-right {
 
 }
 
-/* Edge zone drag handle — simple centered vertical pill */
+/* Edge zone drag handle — pill tucked into the zone's right edge, slides out a little on hover */
 #sidebar-drag-zone {
   display: flex;
   align-items: center;
-  justify-content: center;
+  justify-content: flex-end;
+  overflow: hidden;
   top: var(--navbar-h, 50px) !important;
   opacity: 0;
   transition: opacity 0.2s ease;
@@ -2673,11 +2674,14 @@ body.layout-modern .global-sidebar-right {
 #sidebar-drag-zone::after {
   content: '';
   display: block;
-  width: 4px;
+  flex-shrink: 0;
+  width: 5px;
   height: 40px;
   border-radius: 2px;
   background: var(--accent, #888);
-  transition: height 0.2s ease, opacity 0.2s ease;
+  /* Resting: only a sliver peeks past the edge */
+  transform: translateX(3px);
+  transition: transform 0.28s cubic-bezier(0.22, 1, 0.36, 1), height 0.28s cubic-bezier(0.22, 1, 0.36, 1);
 }
 
 #sidebar-drag-zone:hover {
@@ -2688,17 +2692,20 @@ body.sidebar-right-hidden #sidebar-drag-zone {
   opacity: 0.7;
 }
 
-/* Always show the handle on touch devices (no hover state available) */
+#sidebar-drag-zone:hover::after {
+  transform: translateX(-3px);
+  height: 56px;
+}
+
+/* Touch devices: no hover, so the handle stays fully out */
 @media (pointer: coarse) {
   #sidebar-drag-zone {
     opacity: 0.7;
-    justify-content: flex-end;
-    padding-right: 6px;
+    padding-right: 3px;
+  }
+  #sidebar-drag-zone::after {
+    transform: none;
   }
-}
-
-#sidebar-drag-zone:hover::after {
-  height: 56px;
 }
 
 /* Left sidebar edge zone drag handle — mirrors #sidebar-drag-zone */
@@ -11171,7 +11178,7 @@ input#s_avatar {
   font-size: 0.8em;
   font-weight: bold;
   cursor: pointer;
-  border-radius: 3px;
+  border-radius: 0;
   transition: all 0.2s;
   display: flex;
   align-items: center;
@@ -11344,7 +11351,7 @@ input#s_avatar {
   background: none;
   border: 1px solid transparent;
   min-width: unset;
-  border-radius: 3px;
+  border-radius: 0;
   line-height: 1;
   opacity: 1;
   display: flex;
@@ -11353,13 +11360,19 @@ input#s_avatar {
   transition: border-color 0.2s, background 0.2s;
 }
 
+/* Hover / open state for the dropdown buttons (square, no glow) */
+.nav-user-dropdown:hover > .nav-user-btn,
 .nav-avatar-btn.is-active {
   background: rgba(255, 255, 255, 0.1);
   border-color: rgba(255, 255, 255, 0.15);
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-  border-top-right-radius: 0;
-  border-top-left-radius: 0;   
+  opacity: 1;
+}
+
+.nav-user-dropdown,
+.nav-user-dropdown .nav-user-btn,
+.nav-user-dropdown .nav-avatar-img,
+.nav-user-dropdown .nav-user-menu {
+  border-radius: 0 !important;
 }
 
 .nav-avatar-btn.is-active .nav-avatar-caret {