fix: align calc menus with trigger width

samples/calc-02/index.css

@@ -207,22 +207,30 @@ body {
 .mode-menu {
 	position: fixed;
 	z-index: 20;
-	display: grid;
-	gap: 6px;
-	padding: 10px;
-	border-radius: 8px;
-		background: rgba(6, 10, 16, 0.16);
-	border: 1px solid rgba(255, 255, 255, 0.08);
-	box-shadow: none;
+	display: flex;
+	flex-direction: column;
+	gap: 4px;
+	padding: 6px;
+	border-radius: 6px;
+	background: rgba(16, 21, 30, 0.96);
+	border: 1px solid rgba(255, 255, 255, 0.12);
+	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.32);
+	backdrop-filter: blur(2px);
 }
 
 .mode-menu-item {
-	min-width: 120px;
+	width: 100%;
+	min-width: 0;
+	padding: 6px 10px;
+	border-radius: 5px;
 	background: linear-gradient(180deg, var(--btnAltTop), var(--btnAltBottom));
+	text-align: left;
+	font-weight: 700;
 }
 
 .mode-menu-item.is-active {
-	outline: 2px solid rgba(207, 224, 174, 0.7);
+	outline: 1px solid rgba(207, 224, 174, 0.7);
+	outline-offset: 0;
 }
 
 .key-escape {